/* Gencyo – Digital Agency, SEO & IT Solutions HTML Template Template Name: Gencyo Version: 1.0.0 License: copyright commercial /************ TABLE OF CONTENTS *************** 1. Fonts 2. Reset 3. Global Settings 4. Main Header / TWO / Three / Four / Five 5. Sticky Header 6. Mobile Menu 7. Section Title 8. Page Title 9. Main Slider 10. Banner Section / Two / Three / Four 11. Features Section / Two / Three / Four / Five / Six 12. About Section / Two / Three / Four / Five / Six 13. Services Section / Two / Three / Four / Five 14. Map Section 15. Call To Action / Two / Three / Four / Five 16. Locations Section / Two 17. Offer Section / Two / Three / Four 18. FAQ's Sectiom / Two 19. Work Section 20. Fun Fact Section / Two 21. Project Section / Two / Three 22. Testimonial Section / Two / Three / Four 23. Why Choose Us / Two / Three 24. Industries Section 25. Pricing Section 26. team Section / Two 27. Contact Sectiom / Two / Three / Four 28. News Section / Two 29. Clients Section 30. Main Footer **********************************************/ @font-face { font-family: 'Beatrice Trial'; font-style: normal; font-weight: 400; font-display: swap; src: local('Beatrice Trial'), url('../fonts/beatrice/BeatriceTRIAL-Regular-BF64829e8a62240.woff') format('woff'); } @font-face { font-family: 'Beatrice Trial'; font-style: italic; font-weight: 400; font-display: swap; src: local('Beatrice Trial'), url('../fonts/beatrice/BeatriceTRIAL-RegularItalic-BF64829e8a730a3.woff') format('woff'); } @font-face { font-family: 'Beatrice Trial'; font-style: normal; font-weight: 250; font-display: swap; src: local('Beatrice Trial'), url('../fonts/beatrice/BeatriceTRIAL-Thin-BF64829e89d34f8.woff') format('woff'); } @font-face { font-family: 'Beatrice Trial'; font-style: italic; font-weight: 250; font-display: swap; src: local('Beatrice Trial'), url('../fonts/beatrice/BeatriceTRIAL-ThinItalic-BF64829e8d22ad1.woff') format('woff'); } @font-face { font-family: 'Beatrice Trial'; font-style: normal; font-weight: 300; font-display: swap; src: local('Beatrice Trial'), url('../fonts/beatrice/BeatriceTRIAL-Light-BF64829e8b17e87.woff') format('woff'); } @font-face { font-family: 'Beatrice Trial'; font-style: italic; font-weight: 300; font-display: swap; src: local('Beatrice Trial'), url('../fonts/beatrice/BeatriceTRIAL-LightItalic-BF64829e8b29cae.woff') format('woff'); } @font-face { font-family: 'Beatrice Trial'; font-style: normal; font-weight: 500; font-display: swap; src: local('Beatrice Trial'), url('../fonts/beatrice/BeatriceTRIAL-Medium-BF64829e8ac35f2.woff') format('woff'); } @font-face { font-family: 'Beatrice Trial'; font-style: italic; font-weight: 500; font-display: swap; src: local('Beatrice Trial'), url('../fonts/beatrice/BeatriceTRIAL-MediumItalic-BF64829e8adc249.woff') format('woff'); } @font-face { font-family: 'Beatrice Trial'; font-style: normal; font-weight: 600; font-display: swap; src: local('Beatrice Trial'), url('../fonts/beatrice/BeatriceTRIAL-Semibold-BF64829e8a9fb34.woff') format('woff'); } @font-face { font-family: 'Beatrice Trial'; font-style: italic; font-weight: 600; font-display: swap; src: local('Beatrice Trial'), url('../fonts/beatrice/BeatriceTRIAL-SemiboldItalic-BF64829e8ab2203.woff') format('woff'); } @font-face { font-family: 'Beatrice Trial'; font-style: normal; font-weight: 700; font-display: swap; src: local('Beatrice Trial'), url('../fonts/beatrice/BeatriceTRIAL-Bold-BF64829e8b48b16.woff') format('woff'); } @font-face { font-family: 'Beatrice Trial'; font-style: italic; font-weight: 700; font-display: swap; src: local('Beatrice Trial'), url('../fonts/beatrice/BeatriceTRIAL-BoldItalic-BF64829e8b4c698.woff') format('woff'); } @font-face { font-family: 'Beatrice Trial'; font-style: normal; font-weight: 800; font-display: swap; src: local('Beatrice Trial'), url('../fonts/beatrice/BeatriceTRIAL-Extrabold-BF64829e8b6b9f2.woff') format('woff'); } @font-face { font-family: 'Beatrice Trial'; font-style: italic; font-weight: 800; font-display: swap; src: local('Beatrice Trial'), url('../fonts/beatrice/BeatriceTRIAL-ExtraboldItalic-BF64829e8b00fa7.woff') format('woff'); } /*! * animate.css -https://daneden.github.io/animate.css/ * Version - 3.7.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2019 Daniel Eden */ @-webkit-keyframes bounce { 0%,20%,53%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0); transform: translateZ(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%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0); transform: translateZ(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%,to { opacity: 1 } 25%,75% { opacity: 0 } } @keyframes flash { 0%,50%,to { opacity: 1 } 25%,75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(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) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(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) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } @keyframes shake { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg); transform: scale3d(.9,.9,.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg); transform: scale3d(1.1,1.1,1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg); transform: scale3d(1.1,1.1,1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg); transform: scale3d(.9,.9,.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg); transform: scale3d(1.1,1.1,1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg); transform: scale3d(1.1,1.1,1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } 15% { -webkit-transform: translate3d(-25%,0,0) rotate(-5deg); transform: translate3d(-25%,0,0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%,0,0) rotate(3deg); transform: translate3d(20%,0,0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%,0,0) rotate(-3deg); transform: translate3d(-15%,0,0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%,0,0) rotate(2deg); transform: translate3d(10%,0,0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%,0,0) rotate(-1deg); transform: translate3d(-5%,0,0) rotate(-1deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } 15% { -webkit-transform: translate3d(-25%,0,0) rotate(-5deg); transform: translate3d(-25%,0,0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%,0,0) rotate(3deg); transform: translate3d(20%,0,0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%,0,0) rotate(-3deg); transform: translate3d(-15%,0,0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%,0,0) rotate(2deg); transform: translate3d(10%,0,0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%,0,0) rotate(-1deg); transform: translate3d(-5%,0,0) rotate(-1deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 0%,11.1%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.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) } } @keyframes jello { 0%,11.1%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.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) } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1) } 14% { -webkit-transform: scale(1.3); transform: scale(1.3) } 28% { -webkit-transform: scale(1); transform: scale(1) } 42% { -webkit-transform: scale(1.3); transform: scale(1.3) } 70% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1) } 14% { -webkit-transform: scale(1.3); transform: scale(1.3) } 28% { -webkit-transform: scale(1); transform: scale(1) } 42% { -webkit-transform: scale(1.3); transform: scale(1.3) } 70% { -webkit-transform: scale(1); transform: scale(1) } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } @-webkit-keyframes bounceIn { 0%,20%,40%,60%,80%,to { -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) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes bounceIn { 0%,20%,40%,60%,80%,to { -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) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } .bounceIn { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0%,60%,75%,90%,to { -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) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInDown { 0%,60%,75%,90%,to { -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) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.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) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInLeft { 0%,60%,75%,90%,to { -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) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.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) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInRight { 0%,60%,75%,90%,to { -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) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.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) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInUp { 0%,60%,75%,90%,to { -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) } to { -webkit-transform: translateZ(0); transform: translateZ(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) } to { 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) } to { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } } .bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0) } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0) } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0) } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0) } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0) } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0) } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } @keyframes fadeOutDown { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } } @keyframes fadeOutDownBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } @keyframes fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } } @keyframes fadeOutLeftBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @keyframes fadeOutRight { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } } @keyframes fadeOutRightBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } @keyframes fadeOutUp { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } } @keyframes fadeOutUpBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } .flipOutX { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible!important; backface-visibility: visible!important } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } .flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-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) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @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) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .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 } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0 } } @keyframes lightSpeedOut { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0 } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translateZ(0); transform: translateZ(0); 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: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translateZ(0); transform: translateZ(0); 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: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateZ(0); transform: translateZ(0); 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: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translateZ(0); transform: translateZ(0); 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: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(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 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(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 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-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 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-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 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(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: rotate(80deg); transform: rotate(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: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0 } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); transform: rotate(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: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0 } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge } @-webkit-keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(.1) rotate(30deg); transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } @keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(.1) rotate(30deg); transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate(-120deg); transform: translate3d(-100%,0,0) rotate(-120deg) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate(-120deg); transform: translate3d(-100%,0,0) rotate(-120deg) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate(120deg); transform: translate3d(100%,0,0) rotate(120deg) } } @keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate(120deg); transform: translate3d(100%,0,0) rotate(120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.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 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) } to { opacity: 0 } } @keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } to { 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) } to { 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) } to { 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) } to { 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) } to { 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) } to { 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) } to { 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) } to { 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) } to { 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 } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } .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.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s } .animated.fast { -webkit-animation-duration: .8s; animation-duration: .8s } .animated.faster { -webkit-animation-duration: .5s; animation-duration: .5s } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s } @media (prefers-reduced-motion:reduce),(print) { .animated { -webkit-animation-duration: 1ms!important; animation-duration: 1ms!important; -webkit-transition-duration: 1ms!important; transition-duration: 1ms!important; -webkit-animation-iteration-count: 1!important; animation-iteration-count: 1!important } } [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos] { transition-duration: 50ms } [data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms } [data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos] { transition-duration: .1s } [data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: .1s } [data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos] { transition-duration: .15s } [data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: .15s } [data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos] { transition-duration: .2s } [data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: .2s } [data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos] { transition-duration: .25s } [data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: .25s } [data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos] { transition-duration: .3s } [data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: .3s } [data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos] { transition-duration: .35s } [data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay: .35s } [data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos] { transition-duration: .4s } [data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: .4s } [data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos] { transition-duration: .45s } [data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay: .45s } [data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos] { transition-duration: .5s } [data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay: .5s } [data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos] { transition-duration: .55s } [data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay: .55s } [data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos] { transition-duration: .6s } [data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: .6s } [data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos] { transition-duration: .65s } [data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay: .65s } [data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos] { transition-duration: .7s } [data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay: .7s } [data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos] { transition-duration: .75s } [data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: .75s } [data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos] { transition-duration: .8s } [data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: .8s } [data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos] { transition-duration: .85s } [data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay: .85s } [data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos] { transition-duration: .9s } [data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay: .9s } [data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos] { transition-duration: .95s } [data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay: .95s } [data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s } [data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay: 1s } [data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos] { transition-duration: 1.05s } [data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay: 1.05s } [data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos] { transition-duration: 1.1s } [data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay: 1.1s } [data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos] { transition-duration: 1.15s } [data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay: 1.15s } [data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos] { transition-duration: 1.2s } [data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay: 1.2s } [data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos] { transition-duration: 1.25s } [data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay: 1.25s } [data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos] { transition-duration: 1.3s } [data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay: 1.3s } [data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos] { transition-duration: 1.35s } [data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay: 1.35s } [data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos] { transition-duration: 1.4s } [data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay: 1.4s } [data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos] { transition-duration: 1.45s } [data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay: 1.45s } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s } [data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay: 1.5s } [data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos] { transition-duration: 1.55s } [data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay: 1.55s } [data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos] { transition-duration: 1.6s } [data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay: 1.6s } [data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos] { transition-duration: 1.65s } [data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay: 1.65s } [data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos] { transition-duration: 1.7s } [data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay: 1.7s } [data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos] { transition-duration: 1.75s } [data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay: 1.75s } [data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos] { transition-duration: 1.8s } [data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay: 1.8s } [data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos] { transition-duration: 1.85s } [data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay: 1.85s } [data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos] { transition-duration: 1.9s } [data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay: 1.9s } [data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos] { transition-duration: 1.95s } [data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay: 1.95s } [data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos] { transition-duration: 2s } [data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay: 2s } [data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos] { transition-duration: 2.05s } [data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay: 2.05s } [data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos] { transition-duration: 2.1s } [data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay: 2.1s } [data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos] { transition-duration: 2.15s } [data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay: 2.15s } [data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos] { transition-duration: 2.2s } [data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay: 2.2s } [data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos] { transition-duration: 2.25s } [data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay: 2.25s } [data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos] { transition-duration: 2.3s } [data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay: 2.3s } [data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos] { transition-duration: 2.35s } [data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay: 2.35s } [data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos] { transition-duration: 2.4s } [data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay: 2.4s } [data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos] { transition-duration: 2.45s } [data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay: 2.45s } [data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos] { transition-duration: 2.5s } [data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay: 2.5s } [data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos] { transition-duration: 2.55s } [data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay: 2.55s } [data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos] { transition-duration: 2.6s } [data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay: 2.6s } [data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos] { transition-duration: 2.65s } [data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay: 2.65s } [data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos] { transition-duration: 2.7s } [data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay: 2.7s } [data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos] { transition-duration: 2.75s } [data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay: 2.75s } [data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos] { transition-duration: 2.8s } [data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay: 2.8s } [data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos] { transition-duration: 2.85s } [data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay: 2.85s } [data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos] { transition-duration: 2.9s } [data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay: 2.9s } [data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos] { transition-duration: 2.95s } [data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay: 2.95s } [data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos] { transition-duration: 3s } [data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay: 3s } [data-aos] { pointer-events: none } [data-aos].aos-animate { pointer-events: auto } [data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos] { transition-timing-function: cubic-bezier(.25,.25,.75,.75) } [data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] { transition-timing-function: ease } [data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos] { transition-timing-function: ease-in } [data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos] { transition-timing-function: ease-out } [data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos] { transition-timing-function: ease-in-out } [data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos] { transition-timing-function: cubic-bezier(.6,-.28,.735,.045) } [data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos] { transition-timing-function: cubic-bezier(.175,.885,.32,1.275) } [data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos] { transition-timing-function: cubic-bezier(.68,-.55,.265,1.55) } [data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos] { transition-timing-function: cubic-bezier(.47,0,.745,.715) } [data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos] { transition-timing-function: cubic-bezier(.39,.575,.565,1) } [data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos] { transition-timing-function: cubic-bezier(.445,.05,.55,.95) } [data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos] { transition-timing-function: cubic-bezier(.55,.085,.68,.53) } [data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos] { transition-timing-function: cubic-bezier(.25,.46,.45,.94) } [data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos] { transition-timing-function: cubic-bezier(.455,.03,.515,.955) } [data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos] { transition-timing-function: cubic-bezier(.55,.085,.68,.53) } [data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(.25,.46,.45,.94) } [data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(.455,.03,.515,.955) } [data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos] { transition-timing-function: cubic-bezier(.55,.085,.68,.53) } [data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos] { transition-timing-function: cubic-bezier(.25,.46,.45,.94) } [data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos] { transition-timing-function: cubic-bezier(.455,.03,.515,.955) } @media screen { html:not(.no-js) [data-aos^=fade][data-aos^=fade] { opacity: 0; transition-property: opacity,-webkit-transform; transition-property: opacity,transform; transition-property: opacity,transform,-webkit-transform } html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; -webkit-transform: none; transform: none } html:not(.no-js) [data-aos=fade-up] { -webkit-transform: translate3d(0,100px,0); transform: translate3d(0,100px,0) } html:not(.no-js) [data-aos=fade-down] { -webkit-transform: translate3d(0,-100px,0); transform: translate3d(0,-100px,0) } html:not(.no-js) [data-aos=fade-right] { -webkit-transform: translate3d(-100px,0,0); transform: translate3d(-100px,0,0) } html:not(.no-js) [data-aos=fade-left] { -webkit-transform: translate3d(100px,0,0); transform: translate3d(100px,0,0) } html:not(.no-js) [data-aos=fade-up-right] { -webkit-transform: translate3d(-100px,100px,0); transform: translate3d(-100px,100px,0) } html:not(.no-js) [data-aos=fade-up-left] { -webkit-transform: translate3d(100px,100px,0); transform: translate3d(100px,100px,0) } html:not(.no-js) [data-aos=fade-down-right] { -webkit-transform: translate3d(-100px,-100px,0); transform: translate3d(-100px,-100px,0) } html:not(.no-js) [data-aos=fade-down-left] { -webkit-transform: translate3d(100px,-100px,0); transform: translate3d(100px,-100px,0) } html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] { opacity: 0; transition-property: opacity,-webkit-transform; transition-property: opacity,transform; transition-property: opacity,transform,-webkit-transform } html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1) } html:not(.no-js) [data-aos=zoom-in] { -webkit-transform: scale(.6); transform: scale(.6) } html:not(.no-js) [data-aos=zoom-in-up] { -webkit-transform: translate3d(0,100px,0) scale(.6); transform: translate3d(0,100px,0) scale(.6) } html:not(.no-js) [data-aos=zoom-in-down] { -webkit-transform: translate3d(0,-100px,0) scale(.6); transform: translate3d(0,-100px,0) scale(.6) } html:not(.no-js) [data-aos=zoom-in-right] { -webkit-transform: translate3d(-100px,0,0) scale(.6); transform: translate3d(-100px,0,0) scale(.6) } html:not(.no-js) [data-aos=zoom-in-left] { -webkit-transform: translate3d(100px,0,0) scale(.6); transform: translate3d(100px,0,0) scale(.6) } html:not(.no-js) [data-aos=zoom-out] { -webkit-transform: scale(1.2); transform: scale(1.2) } html:not(.no-js) [data-aos=zoom-out-up] { -webkit-transform: translate3d(0,100px,0) scale(1.2); transform: translate3d(0,100px,0) scale(1.2) } html:not(.no-js) [data-aos=zoom-out-down] { -webkit-transform: translate3d(0,-100px,0) scale(1.2); transform: translate3d(0,-100px,0) scale(1.2) } html:not(.no-js) [data-aos=zoom-out-right] { -webkit-transform: translate3d(-100px,0,0) scale(1.2); transform: translate3d(-100px,0,0) scale(1.2) } html:not(.no-js) [data-aos=zoom-out-left] { -webkit-transform: translate3d(100px,0,0) scale(1.2); transform: translate3d(100px,0,0) scale(1.2) } html:not(.no-js) [data-aos^=slide][data-aos^=slide] { transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform; visibility: hidden } html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate { visibility: visible; -webkit-transform: translateZ(0); transform: translateZ(0) } html:not(.no-js) [data-aos=slide-up] { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } html:not(.no-js) [data-aos=slide-down] { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } html:not(.no-js) [data-aos=slide-right] { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } html:not(.no-js) [data-aos=slide-left] { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } html:not(.no-js) [data-aos^=flip][data-aos^=flip] { -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform } html:not(.no-js) [data-aos=flip-left] { -webkit-transform: perspective(2500px) rotateY(-100deg); transform: perspective(2500px) rotateY(-100deg) } html:not(.no-js) [data-aos=flip-left].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0) } html:not(.no-js) [data-aos=flip-right] { -webkit-transform: perspective(2500px) rotateY(100deg); transform: perspective(2500px) rotateY(100deg) } html:not(.no-js) [data-aos=flip-right].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0) } html:not(.no-js) [data-aos=flip-up] { -webkit-transform: perspective(2500px) rotateX(-100deg); transform: perspective(2500px) rotateX(-100deg) } html:not(.no-js) [data-aos=flip-up].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0) } html:not(.no-js) [data-aos=flip-down] { -webkit-transform: perspective(2500px) rotateX(100deg); transform: perspective(2500px) rotateX(100deg) } html:not(.no-js) [data-aos=flip-down].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0) } } /** * Swiper 8.3.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 26, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}: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} /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-is-closing .fancybox-stage{overflow:visible}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:none}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--zoom svg path{fill:transparent}.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:40px;height:40px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:22px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:none}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-40px}.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:transparent}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%;text-align:center}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:35px;font-weight:700}.fancybox-share p{margin:0;padding:0}p.fancybox-share__links{margin-right:-10px}.fancybox-share__button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:0 15px;min-width:130px;border:0;border-radius:3px;background:#fff;white-space:nowrap;font-size:14px;font-weight:700;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;transition:all .2s}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{position:relative;top:-1px;width:25px;height:25px;margin-right:7px;vertical-align:middle}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{box-sizing:border-box;width:100%;margin:10px 0 0;padding:10px 15px;background:transparent;color:#5d5b5b;font-size:14px;outline:none;border:0;border-bottom:2px solid #d7d7d7}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} .nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 0px; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 42px; line-height: 40px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.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: #dbdbdb; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999; } .nice-select:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ""; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -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 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; } .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: #cccccc; } .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: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; 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(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; } .nice-select .option.selected { font-weight: bold; } .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; } x/*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #e0e0e0; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background: #1b1c1e; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_555555_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_555555_256x240.png"); } .ui-button .ui-icon { } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } @font-face { font-family: 'linearicons-free'; src: url('../fonts/linearicons-free8429.eot?4l2k0u'); src: url('../fonts/linearicons-free8429.eot?4l2k0u#iefix') format('embedded-opentype'), url('../fonts/linearicons-free8429.ttf?4l2k0u') format('truetype'), url('../fonts/linearicons-free8429.woff?4l2k0u') format('woff'), url('../fonts/linearicons-free8429.svg?4l2k0u#linearicons-free') format('svg'); font-weight: normal; font-style: normal; } .lnr, [class^="lnr-"], [class*=" lnr-"] { font-family: 'linearicons-free'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lnr-icon-home:before { content: "\e800"; } .lnr-icon-apartment:before { content: "\e801"; } .lnr-icon-pencil:before { content: "\e802"; } .lnr-icon-magic-wand:before { content: "\e803"; } .lnr-icon-drop:before { content: "\e804"; } .lnr-icon-lighter:before { content: "\e805"; } .lnr-icon-poop:before { content: "\e806"; } .lnr-icon-sun:before { content: "\e807"; } .lnr-icon-moon:before { content: "\e808"; } .lnr-icon-cloud:before { content: "\e809"; } .lnr-icon-cloud-upload:before { content: "\e80a"; } .lnr-icon-cloud-download:before { content: "\e80b"; } .lnr-icon-cloud-sync:before { content: "\e80c"; } .lnr-icon-cloud-check:before { content: "\e80d"; } .lnr-icon-database:before { content: "\e80e"; } .lnr-icon-lock:before { content: "\e80f"; } .lnr-icon-cog:before { content: "\e810"; } .lnr-icon-trash:before { content: "\e811"; } .lnr-icon-dice:before { content: "\e812"; } .lnr-icon-heart:before { content: "\e813"; } .lnr-icon-star:before { content: "\e814"; } .lnr-icon-star-half:before { content: "\e815"; } .lnr-icon-star-empty:before { content: "\e816"; } .lnr-icon-flag:before { content: "\e817"; } .lnr-icon-envelope:before { content: "\e818"; } .lnr-icon-paperclip:before { content: "\e819"; } .lnr-icon-inbox:before { content: "\e81a"; } .lnr-icon-eye:before { content: "\e81b"; } .lnr-icon-printer:before { content: "\e81c"; } .lnr-icon-file-empty:before { content: "\e81d"; } .lnr-icon-file-add:before { content: "\e81e"; } .lnr-icon-enter:before { content: "\e81f"; } .lnr-icon-exit:before { content: "\e820"; } .lnr-icon-graduation-hat:before { content: "\e821"; } .lnr-icon-license:before { content: "\e822"; } .lnr-icon-music-note:before { content: "\e823"; } .lnr-icon-film-play:before { content: "\e824"; } .lnr-icon-camera-video:before { content: "\e825"; } .lnr-icon-camera:before { content: "\e826"; } .lnr-icon-picture:before { content: "\e827"; } .lnr-icon-book:before { content: "\e828"; } .lnr-icon-bookmark:before { content: "\e829"; } .lnr-icon-user:before { content: "\e82a"; } .lnr-icon-users:before { content: "\e82b"; } .lnr-icon-shirt:before { content: "\e82c"; } .lnr-icon-store:before { content: "\e82d"; } .lnr-icon-cart:before { content: "\e82e"; } .lnr-icon-tag:before { content: "\e82f"; } .lnr-icon-phone-handset:before { content: "\e830"; } .lnr-icon-phone:before { content: "\e831"; } .lnr-icon-pushpin:before { content: "\e832"; } .lnr-icon-map-marker:before { content: "\e833"; } .lnr-icon-map:before { content: "\e834"; } .lnr-icon-location:before { content: "\e835"; } .lnr-icon-calendar-full:before { content: "\e836"; } .lnr-icon-keyboard:before { content: "\e837"; } .lnr-icon-spell-check:before { content: "\e838"; } .lnr-icon-screen:before { content: "\e839"; } .lnr-icon-smartphone:before { content: "\e83a"; } .lnr-icon-tablet:before { content: "\e83b"; } .lnr-icon-laptop:before { content: "\e83c"; } .lnr-icon-laptop-phone:before { content: "\e83d"; } .lnr-icon-power-switch:before { content: "\e83e"; } .lnr-icon-bubble:before { content: "\e83f"; } .lnr-icon-heart-pulse:before { content: "\e840"; } .lnr-icon-construction:before { content: "\e841"; } .lnr-icon-pie-chart:before { content: "\e842"; } .lnr-icon-chart-bars:before { content: "\e843"; } .lnr-icon-gift:before { content: "\e844"; } .lnr-icon-diamond:before { content: "\e845"; } .lnr-icon-linearicons:before { content: "\e846"; } .lnr-icon-dinner:before { content: "\e847"; } .lnr-icon-coffee-cup:before { content: "\e848"; } .lnr-icon-leaf:before { content: "\e849"; } .lnr-icon-paw:before { content: "\e84a"; } .lnr-icon-rocket:before { content: "\e84b"; } .lnr-icon-briefcase:before { content: "\e84c"; } .lnr-icon-bus:before { content: "\e84d"; } .lnr-icon-car:before { content: "\e84e"; } .lnr-icon-train:before { content: "\e84f"; } .lnr-icon-bicycle:before { content: "\e850"; } .lnr-icon-wheelchair:before { content: "\e851"; } .lnr-icon-select:before { content: "\e852"; } .lnr-icon-earth:before { content: "\e853"; } .lnr-icon-smile:before { content: "\e854"; } .lnr-icon-sad:before { content: "\e855"; } .lnr-icon-neutral:before { content: "\e856"; } .lnr-icon-mustache:before { content: "\e857"; } .lnr-icon-alarm:before { content: "\e858"; } .lnr-icon-bullhorn:before { content: "\e859"; } .lnr-icon-volume-high:before { content: "\e85a"; } .lnr-icon-volume-medium:before { content: "\e85b"; } .lnr-icon-volume-low:before { content: "\e85c"; } .lnr-icon-volume:before { content: "\e85d"; } .lnr-icon-mic:before { content: "\e85e"; } .lnr-icon-hourglass:before { content: "\e85f"; } .lnr-icon-undo:before { content: "\e860"; } .lnr-icon-redo:before { content: "\e861"; } .lnr-icon-sync:before { content: "\e862"; } .lnr-icon-history:before { content: "\e863"; } .lnr-icon-clock:before { content: "\e864"; } .lnr-icon-download:before { content: "\e865"; } .lnr-icon-upload:before { content: "\e866"; } .lnr-icon-enter-down:before { content: "\e867"; } .lnr-icon-exit-up:before { content: "\e868"; } .lnr-icon-bug:before { content: "\e869"; } .lnr-icon-code:before { content: "\e86a"; } .lnr-icon-link:before { content: "\e86b"; } .lnr-icon-unlink:before { content: "\e86c"; } .lnr-icon-thumbs-up:before { content: "\e86d"; } .lnr-icon-thumbs-down:before { content: "\e86e"; } .lnr-icon-magnifier:before { content: "\e86f"; } .lnr-icon-cross:before { content: "\e870"; } .lnr-icon-menu:before { content: "\e871"; } .lnr-icon-list:before { content: "\e872"; } .lnr-icon-chevron-up:before { content: "\e873"; } .lnr-icon-chevron-down:before { content: "\e874"; } .lnr-icon-chevron-left:before { content: "\e875"; } .lnr-icon-chevron-right:before { content: "\e876"; } .lnr-icon-arrow-up:before { content: "\e877"; } .lnr-icon-arrow-down:before { content: "\e878"; } .lnr-icon-arrow-left:before { content: "\e879"; } .lnr-icon-arrow-right:before { content: "\e87a"; } .lnr-icon-move:before { content: "\e87b"; } .lnr-icon-warning:before { content: "\e87c"; } .lnr-icon-question-circle:before { content: "\e87d"; } .lnr-icon-menu-circle:before { content: "\e87e"; } .lnr-icon-checkmark-circle:before { content: "\e87f"; } .lnr-icon-cross-circle:before { content: "\e880"; } .lnr-icon-plus-circle:before { content: "\e881"; } .lnr-icon-circle-minus:before { content: "\e882"; } .lnr-icon-arrow-up-circle:before { content: "\e883"; } .lnr-icon-arrow-down-circle:before { content: "\e884"; } .lnr-icon-arrow-left-circle:before { content: "\e885"; } .lnr-icon-arrow-right-circle:before { content: "\e886"; } .lnr-icon-chevron-up-circle:before { content: "\e887"; } .lnr-icon-chevron-down-circle:before { content: "\e888"; } .lnr-icon-chevron-left-circle:before { content: "\e889"; } .lnr-icon-chevron-right-circle:before { content: "\e88a"; } .lnr-icon-crop:before { content: "\e88b"; } .lnr-icon-frame-expand:before { content: "\e88c"; } .lnr-icon-frame-contract:before { content: "\e88d"; } .lnr-icon-layers:before { content: "\e88e"; } .lnr-icon-funnel:before { content: "\e88f"; } .lnr-icon-text-align-left:before { content: "\e898"; } .lnr-icon-text-align-center:before { content: "\e899"; } .lnr-icon-text-align-right:before { content: "\e89a"; } .lnr-icon-text-align-justify:before { content: "\e89b"; } .lnr-icon-sort-amount-asc:before { content: "\e8a4"; } .lnr-icon-cart1:before { content: "\e003"; } .lnr-icon-close:before { content: "\e005"; } .lnr-icon-copy:before { content: "\e007"; } .lnr-icon-dropdown:before { content: "\e00a"; } .lnr-icon-favourite:before { content: "\e00c"; } .lnr-icon-history1:before { content: "\e00f"; } .lnr-icon-live-support:before { content: "\e012"; } .lnr-icon-location-1:before { content: "\e013"; } .lnr-icon-phone-plus:before { content: "\e01a"; } .lnr-icon-rocket1:before { content: "\e01c"; } .lnr-icon-search:before { content: "\e01d"; } .lnr-icon-user1:before { content: "\e023"; } .lnr-icon-arrow-left1:before { content: "\e029"; } .lnr-icon-arrow-right1:before { content: "\e02a"; } .lnr-icon-bars:before { content: "\e02b"; } .lnr-icon-calendar:before { content: "\e02c"; } .lnr-icon-comment:before { content: "\e034"; } .lnr-icon-comments:before { content: "\e035"; } .lnr-icon-envelope1:before { content: "\e037"; } .lnr-icon-external-link-alt:before { content: "\e039"; } .lnr-icon-eye1:before { content: "\e03a"; } .lnr-icon-file-alt:before { content: "\e03b"; } .lnr-icon-file-archive:before { content: "\e03c"; } .lnr-icon-folder-open:before { content: "\e03d"; } .lnr-icon-folder:before { content: "\e03e"; } .lnr-icon-gift1:before { content: "\e040"; } .lnr-icon-grid:before { content: "\e041"; } .lnr-icon-heart-fill:before { content: "\e042"; } .lnr-icon-heart1:before { content: "\e043"; } .lnr-icon-home1:before { content: "\e044"; } .lnr-icon-list1:before { content: "\e047"; } .lnr-icon-map-marker-check:before { content: "\e04c"; } .lnr-icon-meh:before { content: "\e04d"; } .lnr-icon-minus:before { content: "\e04e"; } .lnr-icon-plus:before { content: "\e051"; } .lnr-icon-quote:before { content: "\e052"; } .lnr-icon-random:before { content: "\e053"; } .lnr-icon-shopping-cart:before { content: "\e057"; } .lnr-icon-sign-out-alt:before { content: "\e058"; } .lnr-icon-smile1:before { content: "\e059"; } .lnr-icon-spinner:before { content: "\e05a"; } .lnr-icon-square:before { content: "\e05b"; } .lnr-icon-star1:before { content: "\e05c"; } .lnr-icon-store1:before { content: "\e05d"; } .lnr-icon-sync1:before { content: "\e05e"; } .lnr-icon-tachometer-alt:before { content: "\e05f"; } .lnr-icon-thumbtack:before { content: "\e062"; } .lnr-icon-times-circle:before { content: "\e063"; } .lnr-icon-times:before { content: "\e064"; } .lnr-icon-truck:before { content: "\e065"; } .lnr-icon-video:before { content: "\e066"; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.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: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: 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: 0.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: #fff; } .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: 0.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: 0.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 #fff; } .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 #fff; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* 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, 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, 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, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /*! * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2024 Fonticons, Inc. */ .fa { font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900); } .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, .fa { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; text-rendering: auto; } .fas::before, .far::before, .fab::before, .fa-solid::before, .fa-regular::before, .fa-brands::before, .fa::before { content: var(--fa); } .fas, .fa-solid, .far, .fa-regular { font-family: 'Font Awesome 6 Free'; } .fa-brands, .fab { font-family: 'Font Awesome 6 Brands'; } .fa-2x { font-size: 2em; } .fa-xs { font-size: 0.75em; line-height: 0.08333em; vertical-align: 0.125em; } .fa-sm { font-size: 0.875em; line-height: 0.07143em; vertical-align: 0.05357em; } .fa-lg { font-size: 1.25em; line-height: 0.05em; vertical-align: -0.075em; } .fa-xl { font-size: 1.5em; line-height: 0.04167em; vertical-align: -0.125em; } .fa-fw { text-align: center; width: 1.25em; } .fa-border { border-color: var(--fa-border-color, #eee); border-radius: var(--fa-border-radius, 0.1em); border-style: var(--fa-border-style, solid); border-width: var(--fa-border-width, 0.08em); padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); } .fa-pull-left { float: left; margin-right: var(--fa-pull-margin, 0.3em); } .fa-pull-right { float: right; margin-left: var(--fa-pull-margin, 0.3em); } .fa-flip { animation-name: fa-flip; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-spin { animation-name: fa-spin; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 2s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin-reverse { --fa-animation-direction: reverse; } .fa-pulse, .fa-spin-pulse { animation-name: fa-spin; animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, steps(8)); } @media (prefers-reduced-motion: reduce) { .fa-flip, .fa-pulse, .fa-spin, .fa-spin-pulse { animation-delay: -1ms; animation-duration: 1ms; animation-iteration-count: 1; transition-delay: 0s; transition-duration: 0s; } } @keyframes fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(var(--fa-beat-scale, 1.25)); } } @keyframes fa-bounce { 0% { transform: scale(1, 1) translateY(0); } 10% { transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); } 30% { transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); } 50% { transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); } 57% { transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); } 64% { transform: scale(1, 1) translateY(0); } 100% { transform: scale(1, 1) translateY(0); } } @keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity, 0.4); } } @keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity, 0.4); transform: scale(1); } 50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale, 1.125)); } } @keyframes fa-flip { 50% { transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } } @keyframes fa-shake { 0% { transform: rotate(-15deg); } 4% { transform: rotate(15deg); } 8%, 24% { transform: rotate(-18deg); } 12%, 28% { transform: rotate(18deg); } 16% { transform: rotate(-22deg); } 20% { transform: rotate(22deg); } 32% { transform: rotate(-12deg); } 36% { transform: rotate(12deg); } 40%, 100% { transform: rotate(0deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1, -1); } .fa-rotate-by { transform: rotate(var(--fa-rotate-angle, 0)); } .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%; z-index: var(--fa-stack-z-index, auto); } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: var(--fa-inverse, #fff); } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-magnifying-glass-location { --fa: "\f689"; } .fa-smile-beam { --fa: "\f5b8"; } .fa-comments { --fa: "\f086"; } .fa-clipboard-list { --fa: "\f46d"; } .fa-user-check { --fa: "\f4fc"; } .fa-blog { --fa: "\f781"; } .fa-pen-ruler { --fa: "\f5ae"; } .fa-laptop-code { --fa: "\f5fc"; } .fa-film { --fa: "\f008"; } .fa-lightbulb { --fa: "\f0eb"; } .fa-pen-to-square { --fa: "\f044"; } .fa-share-alt { --fa: "\f1e0"; } .fa-users { --fa: "\f0c0"; } .fa-hand { --fa: "\f256"; } .fa-angle-right { --fa: "\f105"; } .fa-umbrella-beach { --fa: "\f5ca"; } .fa-bullseye { --fa: "\f140"; } .fa-chart-simple { --fa: "\e473"; } .fa-bullhorn { --fa: "\f0a1"; } .fa-globe { --fa: "\f0ac"; } .fa-star { --fa: "\f005"; } .fa-spell-check { --fa: "\f891"; } .fa-server { --fa: "\f233"; } .fa-heartbeat { --fa: "\f21e"; } .fa-user-group { --fa: "\f500"; } .fa-chess-knight { --fa: "\f441"; } .fa-border-top-left { --fa: "\f853"; } .fa-border-style { --fa: "\f853"; } .fa-map-location-dot { --fa: "\f5a0"; } .fa-chart-bar { --fa: "\f080"; } .fa-image { --fa: "\f03e"; } .fa-rotate-left { --fa: "\f2ea"; } .fa-rotate-back { --fa: "\f2ea"; } .fa-rotate-backward { --fa: "\f2ea"; } .fa-handshake { --fa: "\f2b5"; } .fa-smoking { --fa: "\f48d"; } .fa-circle-check { --fa: "\f058"; } .fa-box-open { --fa: "\f49e"; } .fa-address-card { --fa: "\f2bb"; } .fa-smog { --fa: "\f75f"; } .fa-palette { --fa: "\f53f"; } .fa-smile-wink { --fa: "\f4da"; } .fa-shield-alt { --fa: "\f3ed"; } .fa-newspaper { --fa: "\f1ea"; } .fa-star-half-stroke { --fa: "\f5c0"; } .fa-code { --fa: "\f121"; } .fa-magnifying-glass-chart { --fa: "\e522"; } .fa-chart-pie { --fa: "\f200"; } .fa-chart-line { --fa: "\f201"; } .fa-line-chart { --fa: "\f201"; } .fa-arrow-right { --fa: "\f061"; } .fa-screwdriver-wrench { --fa: "\f7d9"; } .fa-cube { --fa: "\f1b2"; } .fa-mobile-screen-button { --fa: "\f3cd"; } .fa-file-image { --fa: "\f1c5"; } .fa-tags { --fa: "\f02c"; } .fa-smoking-ban { --fa: "\f54d"; } .fa-pen { --fa: "\f304"; } .fa-hand-holding-dollar { --fa: "\f4c0"; } .fa-phone { --fa: "\f095"; } .fa-arrow-left { --fa: "\f060"; } .fa-phone-volume { --fa: "\f2a0"; } .fa-comment { --fa: "\f075"; } .fa-envelope { --fa: "\f0e0"; } .fa-border-none { --fa: "\f850"; } .fa-user-doctor { --fa: "\f0f0"; } .fa-calendar-check { --fa: "\f274"; } .fa-check-double { --fa: "\f560"; } .fa-minus { --fa: "\f068"; } .fa-chess { --fa: "\f439"; } .fa-cart-shopping { --fa: "\f07a"; } .fa-clock { --fa: "\f017"; } .fa-mobile-screen { --fa: "\f3cf"; } .fa-coins { --fa: "\f51e"; } .fa-sliders { --fa: "\f1de"; } .fa-flask { --fa: "\f0c3"; } .fa-id-card { --fa: "\f2c2"; } .fa-home { --fa: "\f015"; } .fa-rotate-right { --fa: "\f2f9"; } .fa-rotate-forward { --fa: "\f2f9"; } .fa-bolt { --fa: "\f0e7"; } .fa-angle-down { --fa: "\f107"; } .fa-location-dot { --fa: "\f3c5"; } .fa-map-marker-alt { --fa: "\f3c5"; } .fa-gauge-high { --fa: "\f625"; } .fa-tachometer-alt { --fa: "\f625"; } .fa-link { --fa: "\f0c1"; } .fa-play { --fa: "\f04b"; } .fa-magnifying-glass { --fa: "\f002"; } .fa-search { --fa: "\f002"; } .fa-file-pen { --fa: "\f31c"; } .fa-plus { --fa: "\2b"; } .fa-times { --fa: "\f00d"; } .fa-rocket { --fa: "\f135"; } .fa-store { --fa: "\f54e"; } .fa-bezier-curve { --fa: "\f55b"; } .fa-angle-up { --fa: "\f106"; } .fa-face-smile { --fa: "\f118"; } .fa-smile { --fa: "\f118"; } .fa-rotate { --fa: "\f2f1"; } .fa-spinner { --fa: "\f110"; } .fa-robot { --fa: "\f544"; } .fa-gears { --fa: "\f085"; } .fa-building { --fa: "\f1ad"; } .fa-pen-nib { --fa: "\f5ad"; } .fa-hashtag { --fa: "\23"; } .fa-border-all { --fa: "\f84c"; } .fa-desktop { --fa: "\f390"; } .fa-sms { --fa: "\f7cd"; } .fa-book { --fa: "\f02d"; } .fa-check { --fa: "\f00c"; } .fa-angle-left { --fa: "\f104"; } .fa-briefcase { --fa: "\f0b1"; } .fa-book-open { --fa: "\f518"; } .fa-hotel { --fa: "\f594"; } .fa-university { --fa: "\f19c"; } .fa-video { --fa: "\f03d"; } .fa-graduation-cap { --fa: "\f19d"; } :root { --fa-style-family-brands: 'Font Awesome 6 Brands'; --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'; } @font-face { font-family: 'Font Awesome 6 Brands'; font-style: normal; font-weight: 400; font-display: block; src: url("../fonts/optimized/fa-brands-400-56494076a2.woff2") format("woff2"), url("../fonts/webfonts/fa-brands-400.ttf") format("truetype"); } .fab, .fa-brands { font-weight: 400; } .fa-stackpath { --fa: "\f842"; } .fa-stack-overflow { --fa: "\f16c"; } .fa-linkedin-in { --fa: "\f0e1"; } .fa-wordpress { --fa: "\f19a"; } .fa-facebook-f { --fa: "\f39e"; } .fa-think-peaks { --fa: "\f731"; } .fa-x-twitter { --fa: "\e61b"; } .fa-stack-exchange { --fa: "\f18d"; } .fa-instagram { --fa: "\f16d"; } .fa-whatsapp { --fa: "\f232"; } .fa-youtube { --fa: "\f167"; } .fa-pinterest { --fa: "\f0d2"; } .fa-flipboard { --fa: "\f44d"; } :root { --fa-style-family-classic: 'Font Awesome 6 Free'; --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free'; } @font-face { font-family: 'Font Awesome 6 Free'; font-style: normal; font-weight: 400; font-display: block; src: url("../fonts/optimized/fa-regular-400-485ca4fd57.woff2") format("woff2"), url("../fonts/webfonts/fa-regular-400.ttf") format("truetype"); } .far, .fa-regular { font-weight: 400; } :root { --fa-style-family-classic: 'Font Awesome 6 Free'; --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; } @font-face { font-family: 'Font Awesome 6 Free'; font-style: normal; font-weight: 900; font-display: block; src: url("../fonts/optimized/fa-solid-900-d8aeb1ab44.woff2") format("woff2"), url("../fonts/webfonts/fa-solid-900.ttf") format("truetype"); } .fas, .fa-solid { font-weight: 900; } @font-face { font-family: 'Font Awesome 5 Brands'; font-display: block; font-weight: 400; src: url("../fonts/optimized/fa-brands-400-56494076a2.woff2") format("woff2"), url("../fonts/webfonts/fa-brands-400.ttf") format("truetype"); } @font-face { font-family: 'Font Awesome 5 Free'; font-display: block; font-weight: 900; src: url("../fonts/optimized/fa-solid-900-d8aeb1ab44.woff2") format("woff2"), url("../fonts/webfonts/fa-solid-900.ttf") format("truetype"); } @font-face { font-family: 'Font Awesome 5 Free'; font-display: block; font-weight: 400; src: url("../fonts/optimized/fa-regular-400-485ca4fd57.woff2") format("woff2"), url("../fonts/webfonts/fa-regular-400.ttf") format("truetype"); } @font-face { font-family: 'FontAwesome'; font-display: block; src: url("../fonts/optimized/fa-solid-900-d8aeb1ab44.woff2") format("woff2"), url("../fonts/webfonts/fa-solid-900.ttf") format("truetype"); } @font-face { font-family: 'FontAwesome'; font-display: block; src: url("../fonts/optimized/fa-brands-400-56494076a2.woff2") format("woff2"), url("../fonts/webfonts/fa-brands-400.ttf") format("truetype"); } @font-face { font-family: 'FontAwesome'; font-display: block; src: url("../fonts/optimized/fa-regular-400-485ca4fd57.woff2") format("woff2"), url("../fonts/webfonts/fa-regular-400.ttf") format("truetype"); unicode-range: U+F003,U+F006,U+F014,U+F016-F017,U+F01A-F01B,U+F01D,U+F022,U+F03E,U+F044,U+F046,U+F05C-F05D,U+F06E,U+F070,U+F087-F088,U+F08A,U+F094,U+F096-F097,U+F09D,U+F0A0,U+F0A2,U+F0A4-F0A7,U+F0C5,U+F0C7,U+F0E5-F0E6,U+F0EB,U+F0F6-F0F8,U+F10C,U+F114-F115,U+F118-F11A,U+F11C-F11D,U+F133,U+F147,U+F14E,U+F150-F152,U+F185-F186,U+F18E,U+F190-F192,U+F196,U+F1C1-F1C9,U+F1D9,U+F1DB,U+F1E3,U+F1EA,U+F1F7,U+F1F9,U+F20A,U+F247-F248,U+F24A,U+F24D,U+F255-F25B,U+F25D,U+F271-F274,U+F278,U+F27B,U+F28C,U+F28E,U+F29C,U+F2B5,U+F2B7,U+F2BA,U+F2BC,U+F2BE,U+F2C0-F2C1,U+F2C3,U+F2D0,U+F2D2,U+F2D4,U+F2DC; } @font-face { font-family: 'FontAwesome'; font-display: block; src: url("../fonts/optimized/fa-v4compatibility-c580ecabb8.woff2") format("woff2"), url("../fonts/webfonts/fa-v4compatibility.ttf") format("truetype"); unicode-range: U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F27A; } /*! * Font Awesome Pro 6.0.0-alpha3 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ .fa { font-family: "Font Awesome 6 Pro"; font-family: var(--fa-style-family, "Font Awesome 6 Pro"); font-weight: 900; font-weight: var(--fa-style, 900); } .fa, .fas, .fa-solid, .far, .fa-regular, .fa-light, .fa-thin, .fa-duotone, .fab, .fa-brands { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; text-rendering: auto; } .fa-2x { font-size: 2em; } .fa-xs { font-size: 0.75em; line-height: 0.08333em; vertical-align: 0.125em; } .fa-sm { font-size: 0.875em; line-height: 0.07143em; vertical-align: 0.05357em; } .fa-lg { font-size: 1.25em; line-height: 0.05em; vertical-align: -0.075em; } .fa-xl { font-size: 1.5em; line-height: 0.04167em; vertical-align: -0.125em; } .fa-fw { text-align: center; width: 1.25em; } .fa-border { border-color: #eee; border-color: var(--fa-border-color, #eee); border-radius: 0.1em; border-radius: var(--fa-border-radius, 0.1em); border-style: solid; border-style: var(--fa-border-style, solid); border-width: 0.08em; border-width: var(--fa-border-width, 0.08em); padding: 0.2em 0.25em 0.15em; padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); } .fa-pull-left { float: left; margin-right: 0.3em; margin-right: var(--fa-pull-margin, 0.3em); } .fa-pull-right { float: right; margin-left: 0.3em; margin-left: var(--fa-pull-margin, 0.3em); } .fa-flip { -webkit-animation-name: fa-flip; animation-name: fa-flip; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-delay: var(--fa-animation-delay, 0); animation-delay: var(--fa-animation-delay, 0); -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-spin { -webkit-animation-name: fa-spin; animation-name: fa-spin; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-delay: var(--fa-animation-delay, 0); animation-delay: var(--fa-animation-delay, 0); -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: var(--fa-animation-duration, 2s); animation-duration: var(--fa-animation-duration, 2s); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-timing-function: var(--fa-animation-timing, linear); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin-reverse { --fa-animation-direction: reverse; } .fa-pulse, .fa-spin-pulse { -webkit-animation-name: fa-spin; animation-name: fa-spin; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: steps(8); animation-timing-function: steps(8); -webkit-animation-timing-function: var(--fa-animation-timing, steps(8)); animation-timing-function: var(--fa-animation-timing, steps(8)); } @media (prefers-reduced-motion: reduce) { .fa-flip, .fa-pulse, .fa-spin, .fa-spin-pulse { -webkit-animation-delay: -1ms; animation-delay: -1ms; -webkit-animation-duration: 1ms; animation-duration: 1ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; } } @-webkit-keyframes fa-beat { 0%, 90% { -webkit-transform: scale(1); transform: scale(1); } 45% { -webkit-transform: scale(1.25); transform: scale(1.25); -webkit-transform: scale(var(--fa-beat-scale, 1.25)); transform: scale(var(--fa-beat-scale, 1.25)); } } @keyframes fa-beat { 0%, 90% { -webkit-transform: scale(1); transform: scale(1); } 45% { -webkit-transform: scale(1.25); transform: scale(1.25); -webkit-transform: scale(var(--fa-beat-scale, 1.25)); transform: scale(var(--fa-beat-scale, 1.25)); } } @-webkit-keyframes fa-fade { 50% { opacity: 0.4; opacity: var(--fa-fade-opacity, 0.4); } } @keyframes fa-fade { 50% { opacity: 0.4; opacity: var(--fa-fade-opacity, 0.4); } } @-webkit-keyframes fa-flash { 0%, 100% { opacity: 0.4; opacity: var(--fa-flash-opacity, 0.4); -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(1.125); transform: scale(1.125); -webkit-transform: scale(var(--fa-flash-scale, 1.125)); transform: scale(var(--fa-flash-scale, 1.125)); } } @keyframes fa-flash { 0%, 100% { opacity: 0.4; opacity: var(--fa-flash-opacity, 0.4); -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(1.125); transform: scale(1.125); -webkit-transform: scale(var(--fa-flash-scale, 1.125)); transform: scale(var(--fa-flash-scale, 1.125)); } } @-webkit-keyframes fa-flip { 50% { -webkit-transform: rotate3d(0, 1, 0, -180deg); transform: rotate3d(0, 1, 0, -180deg); -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } } @keyframes fa-flip { 50% { -webkit-transform: rotate3d(0, 1, 0, -180deg); transform: rotate3d(0, 1, 0, -180deg); -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } .fa-rotate-by { -webkit-transform: rotate(none); transform: rotate(none); -webkit-transform: rotate(var(--fa-rotate-angle, none)); transform: rotate(var(--fa-rotate-angle, 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%; z-index: auto; z-index: var(--fa-stack-z-index, auto); } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; color: var(--fa-inverse, #fff); } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-address-card::before { content: "\f2bb"; } .fa-angle-down::before { content: "\f107"; } .fa-angle-left::before { content: "\f104"; } .fa-angle-right::before { content: "\f105"; } .fa-angle-up::before { content: "\f106"; } .fa-arrow-left::before { content: "\f060"; } .fa-arrow-right::before { content: "\f061"; } .fa-smoking-ban::before { content: "\f54d"; } .fa-university::before { content: "\f19c"; } .fa-bezier-curve::before { content: "\f55b"; } .fa-blog::before { content: "\f781"; } .fa-bolt::before { content: "\f0e7"; } .fa-book::before { content: "\f02d"; } .fa-book-open::before { content: "\f518"; } .fa-border-all::before { content: "\f84c"; } .fa-border-bottom::before { content: "\f84d"; } .fa-border-bottom-right::before { content: "\f854"; } .fa-border-style-alt::before { content: "\f854"; } .fa-border-center-h::before { content: "\f89c"; } .fa-border-center-v::before { content: "\f89d"; } .fa-border-inner::before { content: "\f84e"; } .fa-border-left::before { content: "\f84f"; } .fa-border-none::before { content: "\f850"; } .fa-border-outer::before { content: "\f851"; } .fa-border-right::before { content: "\f852"; } .fa-border-top::before { content: "\f855"; } .fa-border-top-left::before { content: "\f853"; } .fa-border-style::before { content: "\f853"; } .fa-box-open::before { content: "\f49e"; } .fa-briefcase::before { content: "\f0b1"; } .fa-building::before { content: "\f1ad"; } .fa-bullhorn::before { content: "\f0a1"; } .fa-bullseye::before { content: "\f140"; } .fa-calendar-check::before { content: "\f274"; } .fa-cart-shopping::before { content: "\f07a"; } .fa-chart-bar::before { content: "\f080"; } .fa-chart-line::before { content: "\f201"; } .fa-line-chart::before { content: "\f201"; } .fa-chart-pie::before { content: "\f200"; } .fa-check::before { content: "\f00c"; } .fa-check-double::before { content: "\f560"; } .fa-chess::before { content: "\f439"; } .fa-chess-knight::before { content: "\f441"; } .fa-circle-check::before { content: "\f058"; } .fa-clipboard-list::before { content: "\f46d"; } .fa-clock::before { content: "\f017"; } .fa-code::before { content: "\f121"; } .fa-coins::before { content: "\f51e"; } .fa-comment::before { content: "\f075"; } .fa-sms::before { content: "\f7cd"; } .fa-comments::before { content: "\f086"; } .fa-cube::before { content: "\f1b2"; } .fa-desktop::before { content: "\f108"; } .fa-envelope::before { content: "\f0e0"; } .fa-face-smile::before { content: "\f118"; } .fa-smile::before { content: "\f118"; } .fa-smile-beam::before { content: "\f5b8"; } .fa-smile-plus::before { content: "\f5b9"; } .fa-smile-wink::before { content: "\f4da"; } .fa-file-image::before { content: "\f1c5"; } .fa-file-pen::before { content: "\f31c"; } .fa-film::before { content: "\f008"; } .fa-flask::before { content: "\f0c3"; } .fa-gauge-high::before { content: "\f625"; } .fa-tachometer-alt::before { content: "\f625"; } .fa-gears::before { content: "\f085"; } .fa-globe::before { content: "\f0ac"; } .fa-graduation-cap::before { content: "\f19d"; } .fa-hand-holding-dollar::before { content: "\f4c0"; } .fa-handshake::before { content: "\f2b5"; } .fa-hashtag::before { content: "\f292"; } .fa-heartbeat::before { content: "\f21e"; } .fa-home::before { content: "\f015"; } .fa-hotel::before { content: "\f594"; } .fa-id-card::before { content: "\f2c2"; } .fa-image::before { content: "\f03e"; } .fa-laptop-code::before { content: "\f5fc"; } .fa-light-ceiling::before { content: "\e016"; } .fa-light-switch::before { content: "\e017"; } .fa-light-switch-off::before { content: "\e018"; } .fa-light-switch-on::before { content: "\e019"; } .fa-lightbulb::before { content: "\f0eb"; } .fa-lightbulb-dollar::before { content: "\f670"; } .fa-lightbulb-exclamation::before { content: "\f671"; } .fa-lightbulb-exclamation-on::before { content: "\e1ca"; } .fa-lightbulb-on::before { content: "\f672"; } .fa-lightbulb-slash::before { content: "\f673"; } .fa-lights-holiday::before { content: "\f7b2"; } .fa-link::before { content: "\f0c1"; } .fa-location-dot::before { content: "\f3c5"; } .fa-map-marker-alt::before { content: "\f3c5"; } .fa-magnifying-glass::before { content: "\f002"; } .fa-search::before { content: "\f002"; } .fa-magnifying-glass-location::before { content: "\f689"; } .fa-map-location-dot::before { content: "\f5a0"; } .fa-minus::before { content: "\f068"; } .fa-mobile-screen::before { content: "\f3cf"; } .fa-mobile-screen-button::before { content: "\f3cd"; } .fa-newspaper::before { content: "\f1ea"; } .fa-palette::before { content: "\f53f"; } .fa-pen::before { content: "\f304"; } .fa-pen-nib::before { content: "\f5ad"; } .fa-pen-ruler::before { content: "\f5ae"; } .fa-pen-to-square::before { content: "\f044"; } .fa-phone::before { content: "\f095"; } .fa-phone-volume::before { content: "\f2a0"; } .fa-play::before { content: "\f04b"; } .fa-plus::before { content: "\f067"; } .fa-robot::before { content: "\f544"; } .fa-rocket::before { content: "\f135"; } .fa-rotate::before { content: "\f2f1"; } .fa-rotate-exclamation::before { content: "\e23c"; } .fa-rotate-left::before { content: "\f2ea"; } .fa-rotate-back::before { content: "\f2ea"; } .fa-rotate-backward::before { content: "\f2ea"; } .fa-rotate-right::before { content: "\f2f9"; } .fa-rotate-forward::before { content: "\f2f9"; } .fa-screwdriver-wrench::before { content: "\f7d9"; } .fa-server::before { content: "\f233"; } .fa-share-alt::before { content: "\f1e0"; } .fa-shield-alt::before { content: "\f3ed"; } .fa-sliders::before { content: "\f1de"; } .fa-smog::before { content: "\f75f"; } .fa-smoke::before { content: "\f760"; } .fa-smoking::before { content: "\f48d"; } .fa-spell-check::before { content: "\f891"; } .fa-spinner::before { content: "\f110"; } .fa-spinner-third::before { content: "\f3f4"; } .fa-star::before { content: "\f005"; } .fa-star-half-stroke::before { content: "\f5c0"; } .fa-store::before { content: "\f54e"; } .fa-tags::before { content: "\f02c"; } .fa-umbrella-beach::before { content: "\f5ca"; } .fa-user-check::before { content: "\f4fc"; } .fa-user-doctor::before { content: "\f0f0"; } .fa-user-group::before { content: "\f500"; } .fa-users::before { content: "\f0c0"; } .fa-video::before { content: "\f03d"; } .fa-times::before { content: "\f00d"; } @font-face { font-family: 'Font Awesome 6 Brands'; font-style: normal; font-weight: 400; font-display: block; src: url("../fonts/optimized/fa-brands-400-a75336544d.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"); } .fab, .fa-brands { font-family: 'Font Awesome 6 Brands'; font-weight: 400; } .fa-facebook-f:before { content: "\f39e"; } .fa-flipboard:before { content: "\f44d"; } .fa-instagram:before { content: "\f16d"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-think-peaks:before { content: "\f731"; } .fa-whatsapp:before { content: "\f232"; } .fa-wordpress:before { content: "\f19a"; } .fa-youtube:before { content: "\f167"; } @font-face { font-family: 'Font Awesome 6 Duotone'; font-style: normal; font-weight: 900; font-display: block; src: url("../fonts/fa-duotone-900.woff2") format("woff2"), url("../fonts/fa-duotone-900.woff") format("woff"), url("../fonts/fa-duotone-900.ttf") format("truetype"); } .fa-duotone { position: relative; font-family: 'Font Awesome 6 Duotone'; font-weight: 900; } .fa-duotone:before { position: absolute; color: inherit; color: var(--fa-primary-color, inherit); opacity: 1; opacity: var(--fa-primary-opacity, 1); } .fa-duotone:after { color: inherit; color: var(--fa-secondary-color, inherit); opacity: 0.4; opacity: var(--fa-secondary-opacity, 0.4); } .fa-duotone.fa-inverse { color: #fff; color: var(--fa-inverse, #fff); } .fa-duotone.fa-stack-1x, .fa-duotone.fa-stack-2x { position: absolute; } .fa-duotone.fa-stack-1x:before, .fa-duotone.fa-stack-2x:before, .fa-duotone.fa-fw:before { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .fa-duotone.fa-address-card:after { content: "\10f2bb"; } .fa-duotone.fa-angle-down:after { content: "\10f107"; } .fa-duotone.fa-angle-left:after { content: "\10f104"; } .fa-duotone.fa-angle-right:after { content: "\10f105"; } .fa-duotone.fa-angle-up:after { content: "\10f106"; } .fa-duotone.fa-arrow-left:after { content: "\10f060"; } .fa-duotone.fa-arrow-right:after { content: "\10f061"; } .fa-duotone.fa-smoking-ban:after { content: "\10f54d"; } .fa-duotone.fa-university:after { content: "\10f19c"; } .fa-duotone.fa-bezier-curve:after { content: "\10f55b"; } .fa-duotone.fa-blog:after { content: "\10f781"; } .fa-duotone.fa-bolt:after { content: "\10f0e7"; } .fa-duotone.fa-book:after { content: "\10f02d"; } .fa-duotone.fa-book-open:after { content: "\10f518"; } .fa-duotone.fa-border-all:after { content: "\10f84c"; } .fa-duotone.fa-border-bottom:after { content: "\10f84d"; } .fa-duotone.fa-border-bottom-right:after { content: "\10f854"; } .fa-duotone.fa-border-style-alt:after { content: "\10f854"; } .fa-duotone.fa-border-center-h:after { content: "\10f89c"; } .fa-duotone.fa-border-center-v:after { content: "\10f89d"; } .fa-duotone.fa-border-inner:after { content: "\10f84e"; } .fa-duotone.fa-border-left:after { content: "\10f84f"; } .fa-duotone.fa-border-none:after { content: "\10f850"; } .fa-duotone.fa-border-outer:after { content: "\10f851"; } .fa-duotone.fa-border-right:after { content: "\10f852"; } .fa-duotone.fa-border-top:after { content: "\10f855"; } .fa-duotone.fa-border-top-left:after { content: "\10f853"; } .fa-duotone.fa-border-style:after { content: "\10f853"; } .fa-duotone.fa-box-open:after { content: "\10f49e"; } .fa-duotone.fa-briefcase:after { content: "\10f0b1"; } .fa-duotone.fa-building:after { content: "\10f1ad"; } .fa-duotone.fa-bullhorn:after { content: "\10f0a1"; } .fa-duotone.fa-bullseye:after { content: "\10f140"; } .fa-duotone.fa-calendar-check:after { content: "\10f274"; } .fa-duotone.fa-cart-shopping:after { content: "\10f07a"; } .fa-duotone.fa-chart-bar:after { content: "\10f080"; } .fa-duotone.fa-chart-line:after { content: "\10f201"; } .fa-duotone.fa-line-chart:after { content: "\10f201"; } .fa-duotone.fa-chart-pie:after { content: "\10f200"; } .fa-duotone.fa-check:after { content: "\10f00c"; } .fa-duotone.fa-check-double:after { content: "\10f560"; } .fa-duotone.fa-chess:after { content: "\10f439"; } .fa-duotone.fa-chess-knight:after { content: "\10f441"; } .fa-duotone.fa-circle-check:after { content: "\10f058"; } .fa-duotone.fa-clipboard-list:after { content: "\10f46d"; } .fa-duotone.fa-clock:after { content: "\10f017"; } .fa-duotone.fa-code:after { content: "\10f121"; } .fa-duotone.fa-coins:after { content: "\10f51e"; } .fa-duotone.fa-comment:after { content: "\10f075"; } .fa-duotone.fa-sms:after { content: "\10f7cd"; } .fa-duotone.fa-comments:after { content: "\10f086"; } .fa-duotone.fa-cube:after { content: "\10f1b2"; } .fa-duotone.fa-desktop:after { content: "\10f108"; } .fa-duotone.fa-envelope:after { content: "\10f0e0"; } .fa-duotone.fa-face-smile:after { content: "\10f118"; } .fa-duotone.fa-smile:after { content: "\10f118"; } .fa-duotone.fa-smile-beam:after { content: "\10f5b8"; } .fa-duotone.fa-smile-plus:after { content: "\10f5b9"; } .fa-duotone.fa-smile-wink:after { content: "\10f4da"; } .fa-duotone.fa-file-image:after { content: "\10f1c5"; } .fa-duotone.fa-file-pen:after { content: "\10f31c"; } .fa-duotone.fa-film:after { content: "\10f008"; } .fa-duotone.fa-flask:after { content: "\10f0c3"; } .fa-duotone.fa-gauge-high:after { content: "\10f625"; } .fa-duotone.fa-tachometer-alt:after { content: "\10f625"; } .fa-duotone.fa-gears:after { content: "\10f085"; } .fa-duotone.fa-globe:after { content: "\10f0ac"; } .fa-duotone.fa-graduation-cap:after { content: "\10f19d"; } .fa-duotone.fa-hand-holding-dollar:after { content: "\10f4c0"; } .fa-duotone.fa-handshake:after { content: "\10f2b5"; } .fa-duotone.fa-hashtag:after { content: "\10f292"; } .fa-duotone.fa-heartbeat:after { content: "\10f21e"; } .fa-duotone.fa-home:after { content: "\10f015"; } .fa-duotone.fa-hotel:after { content: "\10f594"; } .fa-duotone.fa-id-card:after { content: "\10f2c2"; } .fa-duotone.fa-image:after { content: "\10f03e"; } .fa-duotone.fa-laptop-code:after { content: "\10f5fc"; } .fa-duotone.fa-light-ceiling:after { content: "\10e016"; } .fa-duotone.fa-light-switch:after { content: "\10e017"; } .fa-duotone.fa-light-switch-off:after { content: "\10e018"; } .fa-duotone.fa-light-switch-on:after { content: "\10e019"; } .fa-duotone.fa-lightbulb:after { content: "\10f0eb"; } .fa-duotone.fa-lightbulb-dollar:after { content: "\10f670"; } .fa-duotone.fa-lightbulb-exclamation:after { content: "\10f671"; } .fa-duotone.fa-lightbulb-exclamation-on:after { content: "\10e1ca"; } .fa-duotone.fa-lightbulb-on:after { content: "\10f672"; } .fa-duotone.fa-lightbulb-slash:after { content: "\10f673"; } .fa-duotone.fa-lights-holiday:after { content: "\10f7b2"; } .fa-duotone.fa-link:after { content: "\10f0c1"; } .fa-duotone.fa-location-dot:after { content: "\10f3c5"; } .fa-duotone.fa-map-marker-alt:after { content: "\10f3c5"; } .fa-duotone.fa-magnifying-glass:after { content: "\10f002"; } .fa-duotone.fa-search:after { content: "\10f002"; } .fa-duotone.fa-magnifying-glass-location:after { content: "\10f689"; } .fa-duotone.fa-map-location-dot:after { content: "\10f5a0"; } .fa-duotone.fa-minus:after { content: "\10f068"; } .fa-duotone.fa-mobile-screen:after { content: "\10f3cf"; } .fa-duotone.fa-mobile-screen-button:after { content: "\10f3cd"; } .fa-duotone.fa-newspaper:after { content: "\10f1ea"; } .fa-duotone.fa-palette:after { content: "\10f53f"; } .fa-duotone.fa-pen:after { content: "\10f304"; } .fa-duotone.fa-pen-nib:after { content: "\10f5ad"; } .fa-duotone.fa-pen-ruler:after { content: "\10f5ae"; } .fa-duotone.fa-pen-to-square:after { content: "\10f044"; } .fa-duotone.fa-phone:after { content: "\10f095"; } .fa-duotone.fa-phone-volume:after { content: "\10f2a0"; } .fa-duotone.fa-play:after { content: "\10f04b"; } .fa-duotone.fa-plus:after { content: "\10f067"; } .fa-duotone.fa-robot:after { content: "\10f544"; } .fa-duotone.fa-rocket:after { content: "\10f135"; } .fa-duotone.fa-rotate:after { content: "\10f2f1"; } .fa-duotone.fa-rotate-exclamation:after { content: "\10e23c"; } .fa-duotone.fa-rotate-left:after { content: "\10f2ea"; } .fa-duotone.fa-rotate-back:after { content: "\10f2ea"; } .fa-duotone.fa-rotate-backward:after { content: "\10f2ea"; } .fa-duotone.fa-rotate-right:after { content: "\10f2f9"; } .fa-duotone.fa-rotate-forward:after { content: "\10f2f9"; } .fa-duotone.fa-screwdriver-wrench:after { content: "\10f7d9"; } .fa-duotone.fa-server:after { content: "\10f233"; } .fa-duotone.fa-share-alt:after { content: "\10f1e0"; } .fa-duotone.fa-shield-alt:after { content: "\10f3ed"; } .fa-duotone.fa-sliders:after { content: "\10f1de"; } .fa-duotone.fa-smog:after { content: "\10f75f"; } .fa-duotone.fa-smoke:after { content: "\10f760"; } .fa-duotone.fa-smoking:after { content: "\10f48d"; } .fa-duotone.fa-spell-check:after { content: "\10f891"; } .fa-duotone.fa-spinner:after { content: "\10f110"; } .fa-duotone.fa-spinner-third:after { content: "\10f3f4"; } .fa-duotone.fa-star:after { content: "\10f005"; } .fa-duotone.fa-star-half-stroke:after { content: "\10f5c0"; } .fa-duotone.fa-store:after { content: "\10f54e"; } .fa-duotone.fa-tags:after { content: "\10f02c"; } .fa-duotone.fa-umbrella-beach:after { content: "\10f5ca"; } .fa-duotone.fa-user-check:after { content: "\10f4fc"; } .fa-duotone.fa-user-doctor:after { content: "\10f0f0"; } .fa-duotone.fa-user-group:after { content: "\10f500"; } .fa-duotone.fa-users:after { content: "\10f0c0"; } .fa-duotone.fa-video:after { content: "\10f03d"; } .fa-duotone.fa-times:after { content: "\10f00d"; } @font-face { font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 300; font-display: block; src: url("../fonts/optimized/fa-light-300-eadf373f01.woff2") format("woff2"), url("../fonts/fa-light-300.woff") format("woff"), url("../fonts/fa-light-300.ttf") format("truetype"); } .fa-light { font-family: 'Font Awesome 6 Pro'; font-weight: 300; } @font-face { font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 400; font-display: block; src: url("../fonts/optimized/fa-regular-400-f59aec4a3a.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"); } .far, .fa-regular { font-family: 'Font Awesome 6 Pro'; font-weight: 400; } @font-face { font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 900; font-display: block; src: url("../fonts/optimized/fa-solid-900-537df2f798.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"); } .fas, .fa-solid { font-family: 'Font Awesome 6 Pro'; font-weight: 900; } @font-face { font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 100; font-display: block; src: url("../fonts/optimized/fa-thin-100-29ac04dcc1.woff2") format("woff2"), url("../fonts/fa-thin-100.woff") format("woff"), url("../fonts/fa-thin-100.ttf") format("truetype"); } .fa-thin { font-family: 'Font Awesome 6 Pro'; font-weight: 100; } @font-face { font-family: "FlaticonBusiness"; src: url("../fonts/flaticon-business.woff2") format("woff2"), url("../fonts/flaticon-business.woff") format("woff"), url("../fonts/flaticon-business.ttf") format("truetype"), url("../fonts/flaticon-business.svg#FlaticonBusiness") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "FlaticonBusiness"; src: url("../fonts/flaticon-business.svg#FlaticonBusiness") format("svg"); } } [class^="flaticon-business-"]:before, [class*=" flaticon-business-"]:before, [class^="flaticon-business-"]:after, [class*=" flaticon-business-"]:after { font-family: "FlaticonBusiness"; font-style: normal; font-weight: normal; line-height: 1em; } .flaticon-business-001-folder:before { content: "\f100"; } .flaticon-business-002-graph:before { content: "\f101"; } .flaticon-business-003-chat:before { content: "\f102"; } .flaticon-business-004-player:before { content: "\f103"; } .flaticon-business-005-think:before { content: "\f104"; } .flaticon-business-006-target:before { content: "\f105"; } .flaticon-business-007-settings:before { content: "\f106"; } .flaticon-business-008-email:before { content: "\f107"; } .flaticon-business-009-newspaper:before { content: "\f108"; } .flaticon-business-010-startup:before { content: "\f109"; } .flaticon-business-011-dollar:before { content: "\f10a"; } .flaticon-business-012-startup:before { content: "\f10b"; } .flaticon-business-013-idea:before { content: "\f10c"; } .flaticon-business-014-magnifier:before { content: "\f10d"; } .flaticon-business-015-dollar:before { content: "\f10e"; } .flaticon-business-016-world:before { content: "\f10f"; } .flaticon-business-017-medal:before { content: "\f110"; } .flaticon-business-018-startup:before { content: "\f111"; } .flaticon-business-019-dollar:before { content: "\f112"; } .flaticon-business-020-hierarchy:before { content: "\f113"; } .flaticon-business-021-email:before { content: "\f114"; } .flaticon-business-022-scissor:before { content: "\f115"; } .flaticon-business-023-lifesaver:before { content: "\f116"; } .flaticon-business-024-configure:before { content: "\f117"; } .flaticon-business-025-magnifier:before { content: "\f118"; } .flaticon-business-026-pencil:before { content: "\f119"; } .flaticon-business-027-world:before { content: "\f11a"; } .flaticon-business-028-briefcase:before { content: "\f11b"; } .flaticon-business-029-tea:before { content: "\f11c"; } .flaticon-business-030-settings:before { content: "\f11d"; } .flaticon-business-031-stamp:before { content: "\f11e"; } .flaticon-business-032-megaphone:before { content: "\f11f"; } .flaticon-business-033-trophy:before { content: "\f120"; } .flaticon-business-034-directory:before { content: "\f121"; } .flaticon-business-035-helpline:before { content: "\f122"; } .flaticon-business-036-idea:before { content: "\f123"; } .flaticon-business-037-stopwatch:before { content: "\f124"; } .flaticon-business-038-telephone:before { content: "\f125"; } .flaticon-business-039-graph:before { content: "\f126"; } .flaticon-business-040-location:before { content: "\f127"; } .flaticon-business-041-cash-bag:before { content: "\f128"; } .flaticon-business-042-chess:before { content: "\f129"; } .flaticon-business-043-battery:before { content: "\f12a"; } .flaticon-business-044-stapler:before { content: "\f12b"; } .flaticon-business-045-stationery:before { content: "\f12c"; } .flaticon-business-046-like:before { content: "\f12d"; } .flaticon-business-047-eye:before { content: "\f12e"; } .flaticon-business-048-coin:before { content: "\f12f"; } .flaticon-business-049-presentation:before { content: "\f130"; } .flaticon-business-050-turn-off:before { content: "\f131"; } .flaticon-business-051-podium:before { content: "\f132"; } .flaticon-business-052-resume:before { content: "\f133"; } .flaticon-business-053-mouse:before { content: "\f134"; } .flaticon-business-054-graph:before { content: "\f135"; } .flaticon-business-055-delete:before { content: "\f136"; } .flaticon-business-056-clock:before { content: "\f137"; } .flaticon-business-057-file:before { content: "\f138"; } .flaticon-business-058-guidepost:before { content: "\f139"; } .flaticon-business-059-plant:before { content: "\f13a"; } .flaticon-business-060-graph:before { content: "\f13b"; } .flaticon-business-061-meeting:before { content: "\f13c"; } .flaticon-business-062-diagram:before { content: "\f13d"; } .flaticon-business-063-diamond:before { content: "\f13e"; } @font-face { font-family: 'flaticon-tech'; src: url('../fonts/flaticon-techd313.eot?y0fk21'); src: url('../fonts/flaticon-techd313.eot?y0fk21#iefix') format('embedded-opentype'), url('../fonts/flaticon-techd313.ttf?y0fk21') format('truetype'), url('../fonts/flaticon-techd313.woff?y0fk21') format('woff'), url('../fonts/flaticon-techd313.svg?y0fk21#flaticon-tech') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="flaticon-tech-"], [class*=" flaticon-tech-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'flaticon-tech' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .flaticon-tech-Choose-marketing-1:before { content: "\e900"; } .flaticon-tech-Proven-seo:before { content: "\e901"; } .flaticon-tech-Transparent:before { content: "\e902"; } .flaticon-tech-OBJECTS:before { content: "\e903"; } .flaticon-tech-Frame:before { content: "\e904"; } .flaticon-tech-mailchimp-1:before { content: "\e905"; } .flaticon-tech-meta-1:before { content: "\e906"; } .flaticon-tech-slack-1:before { content: "\e907"; } .flaticon-tech-dropbox-1:before { content: "\e908"; } .flaticon-tech-optimization-1:before { content: "\e909"; } .flaticon-tech-data-flow-1:before { content: "\e90a"; } .flaticon-tech-targeting-1-1:before { content: "\e90b"; } .flaticon-tech-structure-1:before { content: "\e90c"; } .flaticon-tech-customer-1:before { content: "\e90d"; } .flaticon-tech-marketing-1:before { content: "\e90e"; } .flaticon-tech-award-1:before { content: "\e90f"; } .flaticon-tech-gold-medal-1:before { content: "\e910"; } .flaticon-tech-trophy-2:before { content: "\e911"; } .flaticon-tech-trophy-1-1:before { content: "\e912"; } .flaticon-tech-logo-design-1:before { content: "\e913"; } .flaticon-tech-branding-1:before { content: "\e914"; } .flaticon-tech-interaction-1:before { content: "\e915"; } @font-face { font-family: 'flaticon-set-business'; src: url('../fonts/flaticon-set-business1afc.eot?o66uyv'); src: url('../fonts/flaticon-set-business1afc.eot?o66uyv#iefix') format('embedded-opentype'), url('../fonts/flaticon-set-business1afc.ttf?o66uyv') format('truetype'), url('../fonts/flaticon-set-business1afc.woff?o66uyv') format('woff'), url('../fonts/flaticon-set-business1afc.svg?o66uyv#Flaticon-Set-Business') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="flaticon-business-"], [class*=" flaticon-business-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'flaticon-set-business' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .flaticon-Set { font-family: 'flaticon-set-business' !important; } .flaticon-business-3956722:before { content: "\f132"; } .flaticon-business-3956725:before { content: "\f135"; } .flaticon-business-3956734:before { content: "\f13e"; } .flaticon-business-001-web-development:before { content: "\f13f"; } .flaticon-business-003-megaphone:before { content: "\f141"; } .flaticon-business-004-targeted-marketing:before { content: "\f142"; } .flaticon-business-005-diplomat:before { content: "\f143"; } .flaticon-business-006-teaching:before { content: "\f144"; } .flaticon-business-007-laptop:before { content: "\f145"; } .flaticon-business-008-health-check:before { content: "\f146"; } .flaticon-business-009-bank:before { content: "\f147"; } .flaticon-business-011-recommend:before { content: "\f149"; } .flaticon-business-014-completed-task:before { content: "\f14c"; } .flaticon-business-015-settings:before { content: "\f14d"; } .flaticon-business-016-rating:before { content: "\f14e"; } .flaticon-business-017-group:before { content: "\f14f"; } .flaticon-business-018-learning:before { content: "\f150"; } .flaticon-business-020-cloud:before { content: "\f151"; } .flaticon-business-021-digital-services:before { content: "\f152"; } .flaticon-business-022-graphic-design:before { content: "\f153"; } .flaticon-business-023-technology:before { content: "\f154"; } .flaticon-business-025-visitor:before { content: "\f156"; } .flaticon-business-026-promotion:before { content: "\f157"; } .flaticon-business-001-discuss:before { content: "\f101"; } .flaticon-business-002-color-sample:before { content: "\f102"; } .flaticon-business-005-repair:before { content: "\f105"; } .flaticon-business-007-search-engine:before { content: "\f107"; } .flaticon-business-008-trophy:before { content: "\f108"; } .flaticon-business-009-medal:before { content: "\f109"; } .flaticon-business-010-satisfaction:before { content: "\f10a"; } .flaticon-business-011-design:before { content: "\f10b"; } .flaticon-business-013-campaign:before { content: "\f10d"; } .flaticon-business-014-reputation:before { content: "\f10e"; } .flaticon-business-016-social-campaign:before { content: "\f110"; } .flaticon-business-017-advertising:before { content: "\f111"; } .flaticon-business-019-web:before { content: "\f113"; } .flaticon-business-020-android-logo:before { content: "\f114"; } .flaticon-business-021-television:before { content: "\f115"; } .flaticon-business-022-design-1:before { content: "\f116"; } .flaticon-business-023-lamp:before { content: "\f117"; } .flaticon-business-024-brain:before { content: "\f118"; } .flaticon-business-satisfaction:before { content: "\e900"; } .flaticon-business-idea:before { content: "\e901"; } .flaticon-business-phone:before { content: "\e906"; } .flaticon-business-headhunting:before { content: "\e907"; } .flaticon-business-global:before { content: "\e909"; } .flaticon-business-business:before { content: "\e90a"; } .flaticon-business-background-check:before { content: "\e90b"; } .flaticon-business-laptop:before { content: "\e90c"; } .flaticon-business-mobile-analytics:before { content: "\e913"; } .flaticon-business-architect-1:before { content: "\e914"; } .flaticon-business-diamond1:before { content: "\e917"; } .flaticon-business-monitoring:before { content: "\e919"; } .flaticon-business-quality:before { content: "\f158"; } .flaticon-business-computer:before { content: "\f1a5"; } .flaticon-business-digital-marketing:before { content: "\f1a6"; } .flaticon-business-development2:before { content: "\f1a8"; } .flaticon-business-ui:before { content: "\f1aa"; } .flaticon-business-vector:before { content: "\f1b2"; } .flaticon-business-3d:before { content: "\f1b3"; } .flaticon-business-creativity:before { content: "\f1b4"; } .flaticon-business-clock:before { content: "\f1bc"; } .flaticon-business-quick-response:before { content: "\f1bd"; } .flaticon-business-fast-2:before { content: "\f1be"; } .flaticon-business-collaboration:before { content: "\f1d4"; } .flaticon-business-team:before { content: "\f1d8"; } .flaticon-business-work-team:before { content: "\f1d9"; } .flaticon-business-globe:before { content: "\f1da"; } .flaticon-business-online-banking:before { content: "\f1dc"; } .flaticon-business-magic-wand:before { content: "\f1e4"; } .flaticon-business-vector-1:before { content: "\f1e5"; } .flaticon-business-vector-2:before { content: "\f1e7"; } .flaticon-business-computer-graphic:before { content: "\f1e9"; } .flaticon-business-idea-1:before { content: "\f1ea"; } .flaticon-business-vector-4:before { content: "\f1eb"; } .flaticon-business-hosting:before { content: "\f1ec"; } .flaticon-business-quality-1:before { content: "\f1ed"; } .flaticon-business-web-design:before { content: "\f1ee"; } /* * ThemeMascot custom-bootstrap-margin-padding * ----------------------------------------------- */ /* Margin */ .m--0 { margin: 0px !important; } .m-10 { margin: 10px !important; } .m-15 { margin: 15px !important; } .m-20 { margin: 20px !important; } .m-25 { margin: 25px !important; } .m-30 { margin: 30px !important; } .m-40 { margin: 40px !important; } .m-50 { margin: 50px !important; } .m-60 { margin: 60px !important; } .m-70 { margin: 70px !important; } .m-80 { margin: 80px !important; } .m-90 { margin: 90px !important; } .m-100 { margin: 100px !important; } .m-110 { margin: 110px !important; } .m-120 { margin: 120px !important; } .m-130 { margin: 130px !important; } .m-140 { margin: 140px !important; } .m-150 { margin: 150px !important; } .m-200 { margin: 200px !important; } .m-250 { margin: 250px !important; } .m--10 { margin: -10px !important; } .m--15 { margin: -15px !important; } .m--20 { margin: -20px !important; } .m--25 { margin: -25px !important; } .m--30 { margin: -30px !important; } .m--40 { margin: -40px !important; } .m--50 { margin: -50px !important; } .m--60 { margin: -60px !important; } .m--70 { margin: -70px !important; } .m--80 { margin: -80px !important; } .m--90 { margin: -90px !important; } .m--100 { margin: -100px !important; } .mt--0 { margin-top: 0px !important; } .mt-10 { margin-top: 10px !important; } .mt-15 { margin-top: 15px !important; } .mt-20 { margin-top: 20px !important; } .mt-25 { margin-top: 25px !important; } .mt-30 { margin-top: 30px !important; } .mt-40 { margin-top: 40px !important; } .mt-50 { margin-top: 50px !important; } .mt-60 { margin-top: 60px !important; } .mt-70 { margin-top: 70px !important; } .mt-80 { margin-top: 80px !important; } .mt-90 { margin-top: 90px !important; } .mt-100 { margin-top: 100px !important; } .mt-110 { margin-top: 110px !important; } .mt-120 { margin-top: 120px !important; } .mt-130 { margin-top: 130px !important; } .mt-140 { margin-top: 140px !important; } .mt-150 { margin-top: 150px !important; } .mt-200 { margin-top: 200px !important; } .mt-250 { margin-top: 250px !important; } .mt--10 { margin-top: -10px !important; } .mt--15 { margin-top: -15px !important; } .mt--20 { margin-top: -20px !important; } .mt--25 { margin-top: -25px !important; } .mt--30 { margin-top: -30px !important; } .mt--40 { margin-top: -40px !important; } .mt--50 { margin-top: -50px !important; } .mt--60 { margin-top: -60px !important; } .mt--70 { margin-top: -70px !important; } .mt--80 { margin-top: -80px !important; } .mt--90 { margin-top: -90px !important; } .mt--100 { margin-top: -100px !important; } .mb--0 { margin-bottom: 0px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-25 { margin-bottom: 25px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-60 { margin-bottom: 60px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-80 { margin-bottom: 80px !important; } .mb-90 { margin-bottom: 90px !important; } .mb-100 { margin-bottom: 100px !important; } .mb-110 { margin-bottom: 110px !important; } .mb-120 { margin-bottom: 120px !important; } .mb-130 { margin-bottom: 130px !important; } .mb-140 { margin-bottom: 140px !important; } .mb-150 { margin-bottom: 150px !important; } .mb-200 { margin-bottom: 200px !important; } .mb-250 { margin-bottom: 250px !important; } .mb--10 { margin-bottom: -10px !important; } .mb--15 { margin-bottom: -15px !important; } .mb--20 { margin-bottom: -20px !important; } .mb--25 { margin-bottom: -25px !important; } .mb--30 { margin-bottom: -30px !important; } .mb--40 { margin-bottom: -40px !important; } .mb--50 { margin-bottom: -50px !important; } .mb--60 { margin-bottom: -60px !important; } .mb--70 { margin-bottom: -70px !important; } .mb--80 { margin-bottom: -80px !important; } .mb--90 { margin-bottom: -90px !important; } .mb--100 { margin-bottom: -100px !important; } .mr--0 { margin-right: 0px !important; } .mr-10 { margin-right: 10px !important; } .mr-15 { margin-right: 15px !important; } .mr-20 { margin-right: 20px !important; } .mr-25 { margin-right: 25px !important; } .mr-30 { margin-right: 30px !important; } .mr-40 { margin-right: 40px !important; } .mr-50 { margin-right: 50px !important; } .mr-60 { margin-right: 60px !important; } .mr-70 { margin-right: 70px !important; } .mr-80 { margin-right: 80px !important; } .mr-90 { margin-right: 90px !important; } .mr-100 { margin-right: 100px !important; } .mr-110 { margin-right: 110px !important; } .mr-120 { margin-right: 120px !important; } .mr-130 { margin-right: 130px !important; } .mr-140 { margin-right: 140px !important; } .mr-150 { margin-right: 150px !important; } .mr-200 { margin-right: 200px !important; } .mr-250 { margin-right: 250px !important; } .mr--10 { margin-right: -10px !important; } .mr--15 { margin-right: -15px !important; } .mr--20 { margin-right: -20px !important; } .mr--25 { margin-right: -25px !important; } .mr--30 { margin-right: -30px !important; } .mr--40 { margin-right: -40px !important; } .mr--50 { margin-right: -50px !important; } .mr--60 { margin-right: -60px !important; } .mr--70 { margin-right: -70px !important; } .mr--80 { margin-right: -80px !important; } .mr--90 { margin-right: -90px !important; } .mr--100 { margin-right: -100px !important; } .ml--0 { margin-left: 0px !important; } .ml-10 { margin-left: 10px !important; } .ml-15 { margin-left: 15px !important; } .ml-20 { margin-left: 20px !important; } .ml-25 { margin-left: 25px !important; } .ml-30 { margin-left: 30px !important; } .ml-40 { margin-left: 40px !important; } .ml-50 { margin-left: 50px !important; } .ml-60 { margin-left: 60px !important; } .ml-70 { margin-left: 70px !important; } .ml-80 { margin-left: 80px !important; } .ml-90 { margin-left: 90px !important; } .ml-100 { margin-left: 100px !important; } .ml-110 { margin-left: 110px !important; } .ml-120 { margin-left: 120px !important; } .ml-130 { margin-left: 130px !important; } .ml-140 { margin-left: 140px !important; } .ml-150 { margin-left: 150px !important; } .ml-200 { margin-left: 200px !important; } .ml-250 { margin-left: 250px !important; } .ml--10 { margin-left: -10px !important; } .ml--15 { margin-left: -15px !important; } .ml--20 { margin-left: -20px !important; } .ml--25 { margin-left: -25px !important; } .ml--30 { margin-left: -30px !important; } .ml--40 { margin-left: -40px !important; } .ml--50 { margin-left: -50px !important; } .ml--60 { margin-left: -60px !important; } .ml--70 { margin-left: -70px !important; } .ml--80 { margin-left: -80px !important; } .ml--90 { margin-left: -90px !important; } .ml--100 { margin-left: -100px !important; } @media (max-width: 1199.98px) { .m-lg--0 { margin: 0px !important; } .m-lg-10 { margin: 10px !important; } .m-lg-15 { margin: 15px !important; } .m-lg-20 { margin: 20px !important; } .m-lg-25 { margin: 25px !important; } .m-lg-30 { margin: 30px !important; } .m-lg-40 { margin: 40px !important; } .m-lg-50 { margin: 50px !important; } .m-lg-60 { margin: 60px !important; } .m-lg-70 { margin: 70px !important; } .m-lg-80 { margin: 80px !important; } .m-lg-90 { margin: 90px !important; } .m-lg-100 { margin: 100px !important; } .m-lg-110 { margin: 110px !important; } .m-lg-120 { margin: 120px !important; } .m-lg-130 { margin: 130px !important; } .m-lg-140 { margin: 140px !important; } .m-lg-150 { margin: 150px !important; } .m-lg-200 { margin: 200px !important; } .m-lg-250 { margin: 250px !important; } .m-lg--10 { margin: -10px !important; } .m-lg--15 { margin: -15px !important; } .m-lg--20 { margin: -20px !important; } .m-lg--25 { margin: -25px !important; } .m-lg--30 { margin: -30px !important; } .m-lg--40 { margin: -40px !important; } .m-lg--50 { margin: -50px !important; } .m-lg--60 { margin: -60px !important; } .m-lg--70 { margin: -70px !important; } .m-lg--80 { margin: -80px !important; } .m-lg--90 { margin: -90px !important; } .m-lg--100 { margin: -100px !important; } .mt-lg--0 { margin-top: 0px !important; } .mt-lg-10 { margin-top: 10px !important; } .mt-lg-15 { margin-top: 15px !important; } .mt-lg-20 { margin-top: 20px !important; } .mt-lg-25 { margin-top: 25px !important; } .mt-lg-30 { margin-top: 30px !important; } .mt-lg-40 { margin-top: 40px !important; } .mt-lg-50 { margin-top: 50px !important; } .mt-lg-60 { margin-top: 60px !important; } .mt-lg-70 { margin-top: 70px !important; } .mt-lg-80 { margin-top: 80px !important; } .mt-lg-90 { margin-top: 90px !important; } .mt-lg-100 { margin-top: 100px !important; } .mt-lg-110 { margin-top: 110px !important; } .mt-lg-120 { margin-top: 120px !important; } .mt-lg-130 { margin-top: 130px !important; } .mt-lg-140 { margin-top: 140px !important; } .mt-lg-150 { margin-top: 150px !important; } .mt-lg-200 { margin-top: 200px !important; } .mt-lg-250 { margin-top: 250px !important; } .mt-lg--10 { margin-top: -10px !important; } .mt-lg--15 { margin-top: -15px !important; } .mt-lg--20 { margin-top: -20px !important; } .mt-lg--25 { margin-top: -25px !important; } .mt-lg--30 { margin-top: -30px !important; } .mt-lg--40 { margin-top: -40px !important; } .mt-lg--50 { margin-top: -50px !important; } .mt-lg--60 { margin-top: -60px !important; } .mt-lg--70 { margin-top: -70px !important; } .mt-lg--80 { margin-top: -80px !important; } .mt-lg--90 { margin-top: -90px !important; } .mt-lg--100 { margin-top: -100px !important; } .mb-lg--0 { margin-bottom: 0px !important; } .mb-lg-10 { margin-bottom: 10px !important; } .mb-lg-15 { margin-bottom: 15px !important; } .mb-lg-20 { margin-bottom: 20px !important; } .mb-lg-25 { margin-bottom: 25px !important; } .mb-lg-30 { margin-bottom: 30px !important; } .mb-lg-40 { margin-bottom: 40px !important; } .mb-lg-50 { margin-bottom: 50px !important; } .mb-lg-60 { margin-bottom: 60px !important; } .mb-lg-70 { margin-bottom: 70px !important; } .mb-lg-80 { margin-bottom: 80px !important; } .mb-lg-90 { margin-bottom: 90px !important; } .mb-lg-100 { margin-bottom: 100px !important; } .mb-lg-110 { margin-bottom: 110px !important; } .mb-lg-120 { margin-bottom: 120px !important; } .mb-lg-130 { margin-bottom: 130px !important; } .mb-lg-140 { margin-bottom: 140px !important; } .mb-lg-150 { margin-bottom: 150px !important; } .mb-lg-200 { margin-bottom: 200px !important; } .mb-lg-250 { margin-bottom: 250px !important; } .mb-lg--10 { margin-bottom: -10px !important; } .mb-lg--15 { margin-bottom: -15px !important; } .mb-lg--20 { margin-bottom: -20px !important; } .mb-lg--25 { margin-bottom: -25px !important; } .mb-lg--30 { margin-bottom: -30px !important; } .mb-lg--40 { margin-bottom: -40px !important; } .mb-lg--50 { margin-bottom: -50px !important; } .mb-lg--60 { margin-bottom: -60px !important; } .mb-lg--70 { margin-bottom: -70px !important; } .mb-lg--80 { margin-bottom: -80px !important; } .mb-lg--90 { margin-bottom: -90px !important; } .mb-lg--100 { margin-bottom: -100px !important; } .mr-lg--0 { margin-right: 0px !important; } .mr-lg-10 { margin-right: 10px !important; } .mr-lg-15 { margin-right: 15px !important; } .mr-lg-20 { margin-right: 20px !important; } .mr-lg-25 { margin-right: 25px !important; } .mr-lg-30 { margin-right: 30px !important; } .mr-lg-40 { margin-right: 40px !important; } .mr-lg-50 { margin-right: 50px !important; } .mr-lg-60 { margin-right: 60px !important; } .mr-lg-70 { margin-right: 70px !important; } .mr-lg-80 { margin-right: 80px !important; } .mr-lg-90 { margin-right: 90px !important; } .mr-lg-100 { margin-right: 100px !important; } .mr-lg-110 { margin-right: 110px !important; } .mr-lg-120 { margin-right: 120px !important; } .mr-lg-130 { margin-right: 130px !important; } .mr-lg-140 { margin-right: 140px !important; } .mr-lg-150 { margin-right: 150px !important; } .mr-lg-200 { margin-right: 200px !important; } .mr-lg-250 { margin-right: 250px !important; } .mr-lg--10 { margin-right: -10px !important; } .mr-lg--15 { margin-right: -15px !important; } .mr-lg--20 { margin-right: -20px !important; } .mr-lg--25 { margin-right: -25px !important; } .mr-lg--30 { margin-right: -30px !important; } .mr-lg--40 { margin-right: -40px !important; } .mr-lg--50 { margin-right: -50px !important; } .mr-lg--60 { margin-right: -60px !important; } .mr-lg--70 { margin-right: -70px !important; } .mr-lg--80 { margin-right: -80px !important; } .mr-lg--90 { margin-right: -90px !important; } .mr-lg--100 { margin-right: -100px !important; } .ml-lg--0 { margin-left: 0px !important; } .ml-lg-10 { margin-left: 10px !important; } .ml-lg-15 { margin-left: 15px !important; } .ml-lg-20 { margin-left: 20px !important; } .ml-lg-25 { margin-left: 25px !important; } .ml-lg-30 { margin-left: 30px !important; } .ml-lg-40 { margin-left: 40px !important; } .ml-lg-50 { margin-left: 50px !important; } .ml-lg-60 { margin-left: 60px !important; } .ml-lg-70 { margin-left: 70px !important; } .ml-lg-80 { margin-left: 80px !important; } .ml-lg-90 { margin-left: 90px !important; } .ml-lg-100 { margin-left: 100px !important; } .ml-lg-110 { margin-left: 110px !important; } .ml-lg-120 { margin-left: 120px !important; } .ml-lg-130 { margin-left: 130px !important; } .ml-lg-140 { margin-left: 140px !important; } .ml-lg-150 { margin-left: 150px !important; } .ml-lg-200 { margin-left: 200px !important; } .ml-lg-250 { margin-left: 250px !important; } .ml-lg--10 { margin-left: -10px !important; } .ml-lg--15 { margin-left: -15px !important; } .ml-lg--20 { margin-left: -20px !important; } .ml-lg--25 { margin-left: -25px !important; } .ml-lg--30 { margin-left: -30px !important; } .ml-lg--40 { margin-left: -40px !important; } .ml-lg--50 { margin-left: -50px !important; } .ml-lg--60 { margin-left: -60px !important; } .ml-lg--70 { margin-left: -70px !important; } .ml-lg--80 { margin-left: -80px !important; } .ml-lg--90 { margin-left: -90px !important; } .ml-lg--100 { margin-left: -100px !important; } } @media (max-width: 991.98px) { .m-md--0 { margin: 0px !important; } .m-md-10 { margin: 10px !important; } .m-md-15 { margin: 15px !important; } .m-md-20 { margin: 20px !important; } .m-md-25 { margin: 25px !important; } .m-md-30 { margin: 30px !important; } .m-md-40 { margin: 40px !important; } .m-md-50 { margin: 50px !important; } .m-md-60 { margin: 60px !important; } .m-md-70 { margin: 70px !important; } .m-md-80 { margin: 80px !important; } .m-md-90 { margin: 90px !important; } .m-md-100 { margin: 100px !important; } .m-md-110 { margin: 110px !important; } .m-md-120 { margin: 120px !important; } .m-md-130 { margin: 130px !important; } .m-md-140 { margin: 140px !important; } .m-md-150 { margin: 150px !important; } .m-md-200 { margin: 200px !important; } .m-md-250 { margin: 250px !important; } .m-md--10 { margin: -10px !important; } .m-md--15 { margin: -15px !important; } .m-md--20 { margin: -20px !important; } .m-md--25 { margin: -25px !important; } .m-md--30 { margin: -30px !important; } .m-md--40 { margin: -40px !important; } .m-md--50 { margin: -50px !important; } .m-md--60 { margin: -60px !important; } .m-md--70 { margin: -70px !important; } .m-md--80 { margin: -80px !important; } .m-md--90 { margin: -90px !important; } .m-md--100 { margin: -100px !important; } .mt-md--0 { margin-top: 0px !important; } .mt-md-10 { margin-top: 10px !important; } .mt-md-15 { margin-top: 15px !important; } .mt-md-20 { margin-top: 20px !important; } .mt-md-25 { margin-top: 25px !important; } .mt-md-30 { margin-top: 30px !important; } .mt-md-40 { margin-top: 40px !important; } .mt-md-50 { margin-top: 50px !important; } .mt-md-60 { margin-top: 60px !important; } .mt-md-70 { margin-top: 70px !important; } .mt-md-80 { margin-top: 80px !important; } .mt-md-90 { margin-top: 90px !important; } .mt-md-100 { margin-top: 100px !important; } .mt-md-110 { margin-top: 110px !important; } .mt-md-120 { margin-top: 120px !important; } .mt-md-130 { margin-top: 130px !important; } .mt-md-140 { margin-top: 140px !important; } .mt-md-150 { margin-top: 150px !important; } .mt-md-200 { margin-top: 200px !important; } .mt-md-250 { margin-top: 250px !important; } .mt-md--10 { margin-top: -10px !important; } .mt-md--15 { margin-top: -15px !important; } .mt-md--20 { margin-top: -20px !important; } .mt-md--25 { margin-top: -25px !important; } .mt-md--30 { margin-top: -30px !important; } .mt-md--40 { margin-top: -40px !important; } .mt-md--50 { margin-top: -50px !important; } .mt-md--60 { margin-top: -60px !important; } .mt-md--70 { margin-top: -70px !important; } .mt-md--80 { margin-top: -80px !important; } .mt-md--90 { margin-top: -90px !important; } .mt-md--100 { margin-top: -100px !important; } .mb-md--0 { margin-bottom: 0px !important; } .mb-md-10 { margin-bottom: 10px !important; } .mb-md-15 { margin-bottom: 15px !important; } .mb-md-20 { margin-bottom: 20px !important; } .mb-md-25 { margin-bottom: 25px !important; } .mb-md-30 { margin-bottom: 30px !important; } .mb-md-40 { margin-bottom: 40px !important; } .mb-md-50 { margin-bottom: 50px !important; } .mb-md-60 { margin-bottom: 60px !important; } .mb-md-70 { margin-bottom: 70px !important; } .mb-md-80 { margin-bottom: 80px !important; } .mb-md-90 { margin-bottom: 90px !important; } .mb-md-100 { margin-bottom: 100px !important; } .mb-md-110 { margin-bottom: 110px !important; } .mb-md-120 { margin-bottom: 120px !important; } .mb-md-130 { margin-bottom: 130px !important; } .mb-md-140 { margin-bottom: 140px !important; } .mb-md-150 { margin-bottom: 150px !important; } .mb-md-200 { margin-bottom: 200px !important; } .mb-md-250 { margin-bottom: 250px !important; } .mb-md--10 { margin-bottom: -10px !important; } .mb-md--15 { margin-bottom: -15px !important; } .mb-md--20 { margin-bottom: -20px !important; } .mb-md--25 { margin-bottom: -25px !important; } .mb-md--30 { margin-bottom: -30px !important; } .mb-md--40 { margin-bottom: -40px !important; } .mb-md--50 { margin-bottom: -50px !important; } .mb-md--60 { margin-bottom: -60px !important; } .mb-md--70 { margin-bottom: -70px !important; } .mb-md--80 { margin-bottom: -80px !important; } .mb-md--90 { margin-bottom: -90px !important; } .mb-md--100 { margin-bottom: -100px !important; } .mr-md--0 { margin-right: 0px !important; } .mr-md-10 { margin-right: 10px !important; } .mr-md-15 { margin-right: 15px !important; } .mr-md-20 { margin-right: 20px !important; } .mr-md-25 { margin-right: 25px !important; } .mr-md-30 { margin-right: 30px !important; } .mr-md-40 { margin-right: 40px !important; } .mr-md-50 { margin-right: 50px !important; } .mr-md-60 { margin-right: 60px !important; } .mr-md-70 { margin-right: 70px !important; } .mr-md-80 { margin-right: 80px !important; } .mr-md-90 { margin-right: 90px !important; } .mr-md-100 { margin-right: 100px !important; } .mr-md-110 { margin-right: 110px !important; } .mr-md-120 { margin-right: 120px !important; } .mr-md-130 { margin-right: 130px !important; } .mr-md-140 { margin-right: 140px !important; } .mr-md-150 { margin-right: 150px !important; } .mr-md-200 { margin-right: 200px !important; } .mr-md-250 { margin-right: 250px !important; } .mr-md--10 { margin-right: -10px !important; } .mr-md--15 { margin-right: -15px !important; } .mr-md--20 { margin-right: -20px !important; } .mr-md--25 { margin-right: -25px !important; } .mr-md--30 { margin-right: -30px !important; } .mr-md--40 { margin-right: -40px !important; } .mr-md--50 { margin-right: -50px !important; } .mr-md--60 { margin-right: -60px !important; } .mr-md--70 { margin-right: -70px !important; } .mr-md--80 { margin-right: -80px !important; } .mr-md--90 { margin-right: -90px !important; } .mr-md--100 { margin-right: -100px !important; } .ml-md--0 { margin-left: 0px !important; } .ml-md-10 { margin-left: 10px !important; } .ml-md-15 { margin-left: 15px !important; } .ml-md-20 { margin-left: 20px !important; } .ml-md-25 { margin-left: 25px !important; } .ml-md-30 { margin-left: 30px !important; } .ml-md-40 { margin-left: 40px !important; } .ml-md-50 { margin-left: 50px !important; } .ml-md-60 { margin-left: 60px !important; } .ml-md-70 { margin-left: 70px !important; } .ml-md-80 { margin-left: 80px !important; } .ml-md-90 { margin-left: 90px !important; } .ml-md-100 { margin-left: 100px !important; } .ml-md-110 { margin-left: 110px !important; } .ml-md-120 { margin-left: 120px !important; } .ml-md-130 { margin-left: 130px !important; } .ml-md-140 { margin-left: 140px !important; } .ml-md-150 { margin-left: 150px !important; } .ml-md-200 { margin-left: 200px !important; } .ml-md-250 { margin-left: 250px !important; } .ml-md--10 { margin-left: -10px !important; } .ml-md--15 { margin-left: -15px !important; } .ml-md--20 { margin-left: -20px !important; } .ml-md--25 { margin-left: -25px !important; } .ml-md--30 { margin-left: -30px !important; } .ml-md--40 { margin-left: -40px !important; } .ml-md--50 { margin-left: -50px !important; } .ml-md--60 { margin-left: -60px !important; } .ml-md--70 { margin-left: -70px !important; } .ml-md--80 { margin-left: -80px !important; } .ml-md--90 { margin-left: -90px !important; } .ml-md--100 { margin-left: -100px !important; } } @media (max-width: 767.98px) { .m-sm--0 { margin: 0px !important; } .m-sm-10 { margin: 10px !important; } .m-sm-15 { margin: 15px !important; } .m-sm-20 { margin: 20px !important; } .m-sm-25 { margin: 25px !important; } .m-sm-30 { margin: 30px !important; } .m-sm-40 { margin: 40px !important; } .m-sm-50 { margin: 50px !important; } .m-sm-60 { margin: 60px !important; } .m-sm-70 { margin: 70px !important; } .m-sm-80 { margin: 80px !important; } .m-sm-90 { margin: 90px !important; } .m-sm-100 { margin: 100px !important; } .m-sm-110 { margin: 110px !important; } .m-sm-120 { margin: 120px !important; } .m-sm-130 { margin: 130px !important; } .m-sm-140 { margin: 140px !important; } .m-sm-150 { margin: 150px !important; } .m-sm-200 { margin: 200px !important; } .m-sm-250 { margin: 250px !important; } .m-sm--10 { margin: -10px !important; } .m-sm--15 { margin: -15px !important; } .m-sm--20 { margin: -20px !important; } .m-sm--25 { margin: -25px !important; } .m-sm--30 { margin: -30px !important; } .m-sm--40 { margin: -40px !important; } .m-sm--50 { margin: -50px !important; } .m-sm--60 { margin: -60px !important; } .m-sm--70 { margin: -70px !important; } .m-sm--80 { margin: -80px !important; } .m-sm--90 { margin: -90px !important; } .m-sm--100 { margin: -100px !important; } .mt-sm--0 { margin-top: 0px !important; } .mt-sm-10 { margin-top: 10px !important; } .mt-sm-15 { margin-top: 15px !important; } .mt-sm-20 { margin-top: 20px !important; } .mt-sm-25 { margin-top: 25px !important; } .mt-sm-30 { margin-top: 30px !important; } .mt-sm-40 { margin-top: 40px !important; } .mt-sm-50 { margin-top: 50px !important; } .mt-sm-60 { margin-top: 60px !important; } .mt-sm-70 { margin-top: 70px !important; } .mt-sm-80 { margin-top: 80px !important; } .mt-sm-90 { margin-top: 90px !important; } .mt-sm-100 { margin-top: 100px !important; } .mt-sm-110 { margin-top: 110px !important; } .mt-sm-120 { margin-top: 120px !important; } .mt-sm-130 { margin-top: 130px !important; } .mt-sm-140 { margin-top: 140px !important; } .mt-sm-150 { margin-top: 150px !important; } .mt-sm-200 { margin-top: 200px !important; } .mt-sm-250 { margin-top: 250px !important; } .mt-sm--10 { margin-top: -10px !important; } .mt-sm--15 { margin-top: -15px !important; } .mt-sm--20 { margin-top: -20px !important; } .mt-sm--25 { margin-top: -25px !important; } .mt-sm--30 { margin-top: -30px !important; } .mt-sm--40 { margin-top: -40px !important; } .mt-sm--50 { margin-top: -50px !important; } .mt-sm--60 { margin-top: -60px !important; } .mt-sm--70 { margin-top: -70px !important; } .mt-sm--80 { margin-top: -80px !important; } .mt-sm--90 { margin-top: -90px !important; } .mt-sm--100 { margin-top: -100px !important; } .mb-sm--0 { margin-bottom: 0px !important; } .mb-sm-10 { margin-bottom: 10px !important; } .mb-sm-15 { margin-bottom: 15px !important; } .mb-sm-20 { margin-bottom: 20px !important; } .mb-sm-25 { margin-bottom: 25px !important; } .mb-sm-30 { margin-bottom: 30px !important; } .mb-sm-40 { margin-bottom: 40px !important; } .mb-sm-50 { margin-bottom: 50px !important; } .mb-sm-60 { margin-bottom: 60px !important; } .mb-sm-70 { margin-bottom: 70px !important; } .mb-sm-80 { margin-bottom: 80px !important; } .mb-sm-90 { margin-bottom: 90px !important; } .mb-sm-100 { margin-bottom: 100px !important; } .mb-sm-110 { margin-bottom: 110px !important; } .mb-sm-120 { margin-bottom: 120px !important; } .mb-sm-130 { margin-bottom: 130px !important; } .mb-sm-140 { margin-bottom: 140px !important; } .mb-sm-150 { margin-bottom: 150px !important; } .mb-sm-200 { margin-bottom: 200px !important; } .mb-sm-250 { margin-bottom: 250px !important; } .mb-sm--10 { margin-bottom: -10px !important; } .mb-sm--15 { margin-bottom: -15px !important; } .mb-sm--20 { margin-bottom: -20px !important; } .mb-sm--25 { margin-bottom: -25px !important; } .mb-sm--30 { margin-bottom: -30px !important; } .mb-sm--40 { margin-bottom: -40px !important; } .mb-sm--50 { margin-bottom: -50px !important; } .mb-sm--60 { margin-bottom: -60px !important; } .mb-sm--70 { margin-bottom: -70px !important; } .mb-sm--80 { margin-bottom: -80px !important; } .mb-sm--90 { margin-bottom: -90px !important; } .mb-sm--100 { margin-bottom: -100px !important; } .mr-sm--0 { margin-right: 0px !important; } .mr-sm-10 { margin-right: 10px !important; } .mr-sm-15 { margin-right: 15px !important; } .mr-sm-20 { margin-right: 20px !important; } .mr-sm-25 { margin-right: 25px !important; } .mr-sm-30 { margin-right: 30px !important; } .mr-sm-40 { margin-right: 40px !important; } .mr-sm-50 { margin-right: 50px !important; } .mr-sm-60 { margin-right: 60px !important; } .mr-sm-70 { margin-right: 70px !important; } .mr-sm-80 { margin-right: 80px !important; } .mr-sm-90 { margin-right: 90px !important; } .mr-sm-100 { margin-right: 100px !important; } .mr-sm-110 { margin-right: 110px !important; } .mr-sm-120 { margin-right: 120px !important; } .mr-sm-130 { margin-right: 130px !important; } .mr-sm-140 { margin-right: 140px !important; } .mr-sm-150 { margin-right: 150px !important; } .mr-sm-200 { margin-right: 200px !important; } .mr-sm-250 { margin-right: 250px !important; } .mr-sm--10 { margin-right: -10px !important; } .mr-sm--15 { margin-right: -15px !important; } .mr-sm--20 { margin-right: -20px !important; } .mr-sm--25 { margin-right: -25px !important; } .mr-sm--30 { margin-right: -30px !important; } .mr-sm--40 { margin-right: -40px !important; } .mr-sm--50 { margin-right: -50px !important; } .mr-sm--60 { margin-right: -60px !important; } .mr-sm--70 { margin-right: -70px !important; } .mr-sm--80 { margin-right: -80px !important; } .mr-sm--90 { margin-right: -90px !important; } .mr-sm--100 { margin-right: -100px !important; } .ml-sm--0 { margin-left: 0px !important; } .ml-sm-10 { margin-left: 10px !important; } .ml-sm-15 { margin-left: 15px !important; } .ml-sm-20 { margin-left: 20px !important; } .ml-sm-25 { margin-left: 25px !important; } .ml-sm-30 { margin-left: 30px !important; } .ml-sm-40 { margin-left: 40px !important; } .ml-sm-50 { margin-left: 50px !important; } .ml-sm-60 { margin-left: 60px !important; } .ml-sm-70 { margin-left: 70px !important; } .ml-sm-80 { margin-left: 80px !important; } .ml-sm-90 { margin-left: 90px !important; } .ml-sm-100 { margin-left: 100px !important; } .ml-sm-110 { margin-left: 110px !important; } .ml-sm-120 { margin-left: 120px !important; } .ml-sm-130 { margin-left: 130px !important; } .ml-sm-140 { margin-left: 140px !important; } .ml-sm-150 { margin-left: 150px !important; } .ml-sm-200 { margin-left: 200px !important; } .ml-sm-250 { margin-left: 250px !important; } .ml-sm--10 { margin-left: -10px !important; } .ml-sm--15 { margin-left: -15px !important; } .ml-sm--20 { margin-left: -20px !important; } .ml-sm--25 { margin-left: -25px !important; } .ml-sm--30 { margin-left: -30px !important; } .ml-sm--40 { margin-left: -40px !important; } .ml-sm--50 { margin-left: -50px !important; } .ml-sm--60 { margin-left: -60px !important; } .ml-sm--70 { margin-left: -70px !important; } .ml-sm--80 { margin-left: -80px !important; } .ml-sm--90 { margin-left: -90px !important; } .ml-sm--100 { margin-left: -100px !important; } } @media (max-width: 575.98px) { .m-xs--0 { margin: 0px !important; } .m-xs-10 { margin: 10px !important; } .m-xs-15 { margin: 15px !important; } .m-xs-20 { margin: 20px !important; } .m-xs-25 { margin: 25px !important; } .m-xs-30 { margin: 30px !important; } .m-xs-40 { margin: 40px !important; } .m-xs-50 { margin: 50px !important; } .m-xs-60 { margin: 60px !important; } .m-xs-70 { margin: 70px !important; } .m-xs-80 { margin: 80px !important; } .m-xs-90 { margin: 90px !important; } .m-xs-100 { margin: 100px !important; } .m-xs-110 { margin: 110px !important; } .m-xs-120 { margin: 120px !important; } .m-xs-130 { margin: 130px !important; } .m-xs-140 { margin: 140px !important; } .m-xs-150 { margin: 150px !important; } .m-xs-200 { margin: 200px !important; } .m-xs-250 { margin: 250px !important; } .m-xs--10 { margin: -10px !important; } .m-xs--15 { margin: -15px !important; } .m-xs--20 { margin: -20px !important; } .m-xs--25 { margin: -25px !important; } .m-xs--30 { margin: -30px !important; } .m-xs--40 { margin: -40px !important; } .m-xs--50 { margin: -50px !important; } .m-xs--60 { margin: -60px !important; } .m-xs--70 { margin: -70px !important; } .m-xs--80 { margin: -80px !important; } .m-xs--90 { margin: -90px !important; } .m-xs--100 { margin: -100px !important; } .mt-xs--0 { margin-top: 0px !important; } .mt-xs-10 { margin-top: 10px !important; } .mt-xs-15 { margin-top: 15px !important; } .mt-xs-20 { margin-top: 20px !important; } .mt-xs-25 { margin-top: 25px !important; } .mt-xs-30 { margin-top: 30px !important; } .mt-xs-40 { margin-top: 40px !important; } .mt-xs-50 { margin-top: 50px !important; } .mt-xs-60 { margin-top: 60px !important; } .mt-xs-70 { margin-top: 70px !important; } .mt-xs-80 { margin-top: 80px !important; } .mt-xs-90 { margin-top: 90px !important; } .mt-xs-100 { margin-top: 100px !important; } .mt-xs-110 { margin-top: 110px !important; } .mt-xs-120 { margin-top: 120px !important; } .mt-xs-130 { margin-top: 130px !important; } .mt-xs-140 { margin-top: 140px !important; } .mt-xs-150 { margin-top: 150px !important; } .mt-xs-200 { margin-top: 200px !important; } .mt-xs-250 { margin-top: 250px !important; } .mt-xs--10 { margin-top: -10px !important; } .mt-xs--15 { margin-top: -15px !important; } .mt-xs--20 { margin-top: -20px !important; } .mt-xs--25 { margin-top: -25px !important; } .mt-xs--30 { margin-top: -30px !important; } .mt-xs--40 { margin-top: -40px !important; } .mt-xs--50 { margin-top: -50px !important; } .mt-xs--60 { margin-top: -60px !important; } .mt-xs--70 { margin-top: -70px !important; } .mt-xs--80 { margin-top: -80px !important; } .mt-xs--90 { margin-top: -90px !important; } .mt-xs--100 { margin-top: -100px !important; } .mb-xs--0 { margin-bottom: 0px !important; } .mb-xs-10 { margin-bottom: 10px !important; } .mb-xs-15 { margin-bottom: 15px !important; } .mb-xs-20 { margin-bottom: 20px !important; } .mb-xs-25 { margin-bottom: 25px !important; } .mb-xs-30 { margin-bottom: 30px !important; } .mb-xs-40 { margin-bottom: 40px !important; } .mb-xs-50 { margin-bottom: 50px !important; } .mb-xs-60 { margin-bottom: 60px !important; } .mb-xs-70 { margin-bottom: 70px !important; } .mb-xs-80 { margin-bottom: 80px !important; } .mb-xs-90 { margin-bottom: 90px !important; } .mb-xs-100 { margin-bottom: 100px !important; } .mb-xs-110 { margin-bottom: 110px !important; } .mb-xs-120 { margin-bottom: 120px !important; } .mb-xs-130 { margin-bottom: 130px !important; } .mb-xs-140 { margin-bottom: 140px !important; } .mb-xs-150 { margin-bottom: 150px !important; } .mb-xs-200 { margin-bottom: 200px !important; } .mb-xs-250 { margin-bottom: 250px !important; } .mb-xs--10 { margin-bottom: -10px !important; } .mb-xs--15 { margin-bottom: -15px !important; } .mb-xs--20 { margin-bottom: -20px !important; } .mb-xs--25 { margin-bottom: -25px !important; } .mb-xs--30 { margin-bottom: -30px !important; } .mb-xs--40 { margin-bottom: -40px !important; } .mb-xs--50 { margin-bottom: -50px !important; } .mb-xs--60 { margin-bottom: -60px !important; } .mb-xs--70 { margin-bottom: -70px !important; } .mb-xs--80 { margin-bottom: -80px !important; } .mb-xs--90 { margin-bottom: -90px !important; } .mb-xs--100 { margin-bottom: -100px !important; } .mr-xs--0 { margin-right: 0px !important; } .mr-xs-10 { margin-right: 10px !important; } .mr-xs-15 { margin-right: 15px !important; } .mr-xs-20 { margin-right: 20px !important; } .mr-xs-25 { margin-right: 25px !important; } .mr-xs-30 { margin-right: 30px !important; } .mr-xs-40 { margin-right: 40px !important; } .mr-xs-50 { margin-right: 50px !important; } .mr-xs-60 { margin-right: 60px !important; } .mr-xs-70 { margin-right: 70px !important; } .mr-xs-80 { margin-right: 80px !important; } .mr-xs-90 { margin-right: 90px !important; } .mr-xs-100 { margin-right: 100px !important; } .mr-xs-110 { margin-right: 110px !important; } .mr-xs-120 { margin-right: 120px !important; } .mr-xs-130 { margin-right: 130px !important; } .mr-xs-140 { margin-right: 140px !important; } .mr-xs-150 { margin-right: 150px !important; } .mr-xs-200 { margin-right: 200px !important; } .mr-xs-250 { margin-right: 250px !important; } .mr-xs--10 { margin-right: -10px !important; } .mr-xs--15 { margin-right: -15px !important; } .mr-xs--20 { margin-right: -20px !important; } .mr-xs--25 { margin-right: -25px !important; } .mr-xs--30 { margin-right: -30px !important; } .mr-xs--40 { margin-right: -40px !important; } .mr-xs--50 { margin-right: -50px !important; } .mr-xs--60 { margin-right: -60px !important; } .mr-xs--70 { margin-right: -70px !important; } .mr-xs--80 { margin-right: -80px !important; } .mr-xs--90 { margin-right: -90px !important; } .mr-xs--100 { margin-right: -100px !important; } .ml-xs--0 { margin-left: 0px !important; } .ml-xs-10 { margin-left: 10px !important; } .ml-xs-15 { margin-left: 15px !important; } .ml-xs-20 { margin-left: 20px !important; } .ml-xs-25 { margin-left: 25px !important; } .ml-xs-30 { margin-left: 30px !important; } .ml-xs-40 { margin-left: 40px !important; } .ml-xs-50 { margin-left: 50px !important; } .ml-xs-60 { margin-left: 60px !important; } .ml-xs-70 { margin-left: 70px !important; } .ml-xs-80 { margin-left: 80px !important; } .ml-xs-90 { margin-left: 90px !important; } .ml-xs-100 { margin-left: 100px !important; } .ml-xs-110 { margin-left: 110px !important; } .ml-xs-120 { margin-left: 120px !important; } .ml-xs-130 { margin-left: 130px !important; } .ml-xs-140 { margin-left: 140px !important; } .ml-xs-150 { margin-left: 150px !important; } .ml-xs-200 { margin-left: 200px !important; } .ml-xs-250 { margin-left: 250px !important; } .ml-xs--10 { margin-left: -10px !important; } .ml-xs--15 { margin-left: -15px !important; } .ml-xs--20 { margin-left: -20px !important; } .ml-xs--25 { margin-left: -25px !important; } .ml-xs--30 { margin-left: -30px !important; } .ml-xs--40 { margin-left: -40px !important; } .ml-xs--50 { margin-left: -50px !important; } .ml-xs--60 { margin-left: -60px !important; } .ml-xs--70 { margin-left: -70px !important; } .ml-xs--80 { margin-left: -80px !important; } .ml-xs--90 { margin-left: -90px !important; } .ml-xs--100 { margin-left: -100px !important; } } /* Padding */ .p--0 { padding: 0px !important; } .p-10 { padding: 10px !important; } .p-15 { padding: 15px !important; } .p-20 { padding: 20px !important; } .p-25 { padding: 25px !important; } .p-30 { padding: 30px !important; } .p-40 { padding: 40px !important; } .p-50 { padding: 50px !important; } .p-60 { padding: 60px !important; } .p-70 { padding: 70px !important; } .p-80 { padding: 80px !important; } .p-90 { padding: 90px !important; } .p-100 { padding: 100px !important; } .p-110 { padding: 110px !important; } .p-120 { padding: 120px !important; } .p-130 { padding: 130px !important; } .p-140 { padding: 140px !important; } .p-150 { padding: 150px !important; } .p-200 { padding: 200px !important; } .p-250 { padding: 250px !important; } .p--10 { padding: -10px !important; } .p--15 { padding: -15px !important; } .p--20 { padding: -20px !important; } .p--25 { padding: -25px !important; } .p--30 { padding: -30px !important; } .p--40 { padding: -40px !important; } .p--50 { padding: -50px !important; } .p--60 { padding: -60px !important; } .p--70 { padding: -70px !important; } .p--80 { padding: -80px !important; } .p--90 { padding: -90px !important; } .p--100 { padding: -100px !important; } .pt--0 { padding-top: 0px !important; } .pt-10 { padding-top: 10px !important; } .pt-15 { padding-top: 15px !important; } .pt-20 { padding-top: 20px !important; } .pt-25 { padding-top: 25px !important; } .pt-30 { padding-top: 30px !important; } .pt-40 { padding-top: 40px !important; } .pt-50 { padding-top: 50px !important; } .pt-60 { padding-top: 60px !important; } .pt-70 { padding-top: 70px !important; } .pt-80 { padding-top: 80px !important; } .pt-90 { padding-top: 90px !important; } .pt-100 { padding-top: 100px !important; } .pt-110 { padding-top: 110px !important; } .pt-120 { padding-top: 120px !important; } .pt-130 { padding-top: 130px !important; } .pt-140 { padding-top: 140px !important; } .pt-150 { padding-top: 150px !important; } .pt-200 { padding-top: 200px !important; } .pt-250 { padding-top: 250px !important; } .pt--10 { padding-top: -10px !important; } .pt--15 { padding-top: -15px !important; } .pt--20 { padding-top: -20px !important; } .pt--25 { padding-top: -25px !important; } .pt--30 { padding-top: -30px !important; } .pt--40 { padding-top: -40px !important; } .pt--50 { padding-top: -50px !important; } .pt--60 { padding-top: -60px !important; } .pt--70 { padding-top: -70px !important; } .pt--80 { padding-top: -80px !important; } .pt--90 { padding-top: -90px !important; } .pt--100 { padding-top: -100px !important; } .pb--0 { padding-bottom: 0px !important; } .pb-10 { padding-bottom: 10px !important; } .pb-15 { padding-bottom: 15px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-25 { padding-bottom: 25px !important; } .pb-30 { padding-bottom: 30px !important; } .pb-40 { padding-bottom: 40px !important; } .pb-50 { padding-bottom: 50px !important; } .pb-60 { padding-bottom: 60px !important; } .pb-70 { padding-bottom: 70px !important; } .pb-80 { padding-bottom: 80px !important; } .pb-90 { padding-bottom: 90px !important; } .pb-100 { padding-bottom: 100px !important; } .pb-110 { padding-bottom: 110px !important; } .pb-120 { padding-bottom: 120px !important; } .pb-130 { padding-bottom: 130px !important; } .pb-140 { padding-bottom: 140px !important; } .pb-150 { padding-bottom: 150px !important; } .pb-200 { padding-bottom: 200px !important; } .pb-250 { padding-bottom: 250px !important; } .pb--10 { padding-bottom: -10px !important; } .pb--15 { padding-bottom: -15px !important; } .pb--20 { padding-bottom: -20px !important; } .pb--25 { padding-bottom: -25px !important; } .pb--30 { padding-bottom: -30px !important; } .pb--40 { padding-bottom: -40px !important; } .pb--50 { padding-bottom: -50px !important; } .pb--60 { padding-bottom: -60px !important; } .pb--70 { padding-bottom: -70px !important; } .pb--80 { padding-bottom: -80px !important; } .pb--90 { padding-bottom: -90px !important; } .pb--100 { padding-bottom: -100px !important; } .pr--0 { padding-right: 0px !important; } .pr-10 { padding-right: 10px !important; } .pr-15 { padding-right: 15px !important; } .pr-20 { padding-right: 20px !important; } .pr-25 { padding-right: 25px !important; } .pr-30 { padding-right: 30px !important; } .pr-40 { padding-right: 40px !important; } .pr-50 { padding-right: 50px !important; } .pr-60 { padding-right: 60px !important; } .pr-70 { padding-right: 70px !important; } .pr-80 { padding-right: 80px !important; } .pr-90 { padding-right: 90px !important; } .pr-100 { padding-right: 100px !important; } .pr-110 { padding-right: 110px !important; } .pr-120 { padding-right: 120px !important; } .pr-130 { padding-right: 130px !important; } .pr-140 { padding-right: 140px !important; } .pr-150 { padding-right: 150px !important; } .pr-200 { padding-right: 200px !important; } .pr-250 { padding-right: 250px !important; } .pr--10 { padding-right: -10px !important; } .pr--15 { padding-right: -15px !important; } .pr--20 { padding-right: -20px !important; } .pr--25 { padding-right: -25px !important; } .pr--30 { padding-right: -30px !important; } .pr--40 { padding-right: -40px !important; } .pr--50 { padding-right: -50px !important; } .pr--60 { padding-right: -60px !important; } .pr--70 { padding-right: -70px !important; } .pr--80 { padding-right: -80px !important; } .pr--90 { padding-right: -90px !important; } .pr--100 { padding-right: -100px !important; } .pl--0 { padding-left: 0px !important; } .pl-10 { padding-left: 10px !important; } .pl-15 { padding-left: 15px !important; } .pl-20 { padding-left: 20px !important; } .pl-25 { padding-left: 25px !important; } .pl-30 { padding-left: 30px !important; } .pl-40 { padding-left: 40px !important; } .pl-50 { padding-left: 50px !important; } .pl-60 { padding-left: 60px !important; } .pl-70 { padding-left: 70px !important; } .pl-80 { padding-left: 80px !important; } .pl-90 { padding-left: 90px !important; } .pl-100 { padding-left: 100px !important; } .pl-110 { padding-left: 110px !important; } .pl-120 { padding-left: 120px !important; } .pl-130 { padding-left: 130px !important; } .pl-140 { padding-left: 140px !important; } .pl-150 { padding-left: 150px !important; } .pl-200 { padding-left: 200px !important; } .pl-250 { padding-left: 250px !important; } .pl--10 { padding-left: -10px !important; } .pl--15 { padding-left: -15px !important; } .pl--20 { padding-left: -20px !important; } .pl--25 { padding-left: -25px !important; } .pl--30 { padding-left: -30px !important; } .pl--40 { padding-left: -40px !important; } .pl--50 { padding-left: -50px !important; } .pl--60 { padding-left: -60px !important; } .pl--70 { padding-left: -70px !important; } .pl--80 { padding-left: -80px !important; } .pl--90 { padding-left: -90px !important; } .pl--100 { padding-left: -100px !important; } @media (max-width: 1199.98px) { .p-lg--0 { padding: 0px !important; } .p-lg-10 { padding: 10px !important; } .p-lg-15 { padding: 15px !important; } .p-lg-20 { padding: 20px !important; } .p-lg-25 { padding: 25px !important; } .p-lg-30 { padding: 30px !important; } .p-lg-40 { padding: 40px !important; } .p-lg-50 { padding: 50px !important; } .p-lg-60 { padding: 60px !important; } .p-lg-70 { padding: 70px !important; } .p-lg-80 { padding: 80px !important; } .p-lg-90 { padding: 90px !important; } .p-lg-100 { padding: 100px !important; } .p-lg-110 { padding: 110px !important; } .p-lg-120 { padding: 120px !important; } .p-lg-130 { padding: 130px !important; } .p-lg-140 { padding: 140px !important; } .p-lg-150 { padding: 150px !important; } .p-lg-200 { padding: 200px !important; } .p-lg-250 { padding: 250px !important; } .p-lg--10 { padding: -10px !important; } .p-lg--15 { padding: -15px !important; } .p-lg--20 { padding: -20px !important; } .p-lg--25 { padding: -25px !important; } .p-lg--30 { padding: -30px !important; } .p-lg--40 { padding: -40px !important; } .p-lg--50 { padding: -50px !important; } .p-lg--60 { padding: -60px !important; } .p-lg--70 { padding: -70px !important; } .p-lg--80 { padding: -80px !important; } .p-lg--90 { padding: -90px !important; } .p-lg--100 { padding: -100px !important; } .pt-lg--0 { padding-top: 0px !important; } .pt-lg-10 { padding-top: 10px !important; } .pt-lg-15 { padding-top: 15px !important; } .pt-lg-20 { padding-top: 20px !important; } .pt-lg-25 { padding-top: 25px !important; } .pt-lg-30 { padding-top: 30px !important; } .pt-lg-40 { padding-top: 40px !important; } .pt-lg-50 { padding-top: 50px !important; } .pt-lg-60 { padding-top: 60px !important; } .pt-lg-70 { padding-top: 70px !important; } .pt-lg-80 { padding-top: 80px !important; } .pt-lg-90 { padding-top: 90px !important; } .pt-lg-100 { padding-top: 100px !important; } .pt-lg-110 { padding-top: 110px !important; } .pt-lg-120 { padding-top: 120px !important; } .pt-lg-130 { padding-top: 130px !important; } .pt-lg-140 { padding-top: 140px !important; } .pt-lg-150 { padding-top: 150px !important; } .pt-lg-200 { padding-top: 200px !important; } .pt-lg-250 { padding-top: 250px !important; } .pt-lg--10 { padding-top: -10px !important; } .pt-lg--15 { padding-top: -15px !important; } .pt-lg--20 { padding-top: -20px !important; } .pt-lg--25 { padding-top: -25px !important; } .pt-lg--30 { padding-top: -30px !important; } .pt-lg--40 { padding-top: -40px !important; } .pt-lg--50 { padding-top: -50px !important; } .pt-lg--60 { padding-top: -60px !important; } .pt-lg--70 { padding-top: -70px !important; } .pt-lg--80 { padding-top: -80px !important; } .pt-lg--90 { padding-top: -90px !important; } .pt-lg--100 { padding-top: -100px !important; } .pb-lg--0 { padding-bottom: 0px !important; } .pb-lg-10 { padding-bottom: 10px !important; } .pb-lg-15 { padding-bottom: 15px !important; } .pb-lg-20 { padding-bottom: 20px !important; } .pb-lg-25 { padding-bottom: 25px !important; } .pb-lg-30 { padding-bottom: 30px !important; } .pb-lg-40 { padding-bottom: 40px !important; } .pb-lg-50 { padding-bottom: 50px !important; } .pb-lg-60 { padding-bottom: 60px !important; } .pb-lg-70 { padding-bottom: 70px !important; } .pb-lg-80 { padding-bottom: 80px !important; } .pb-lg-90 { padding-bottom: 90px !important; } .pb-lg-100 { padding-bottom: 100px !important; } .pb-lg-110 { padding-bottom: 110px !important; } .pb-lg-120 { padding-bottom: 120px !important; } .pb-lg-130 { padding-bottom: 130px !important; } .pb-lg-140 { padding-bottom: 140px !important; } .pb-lg-150 { padding-bottom: 150px !important; } .pb-lg-200 { padding-bottom: 200px !important; } .pb-lg-250 { padding-bottom: 250px !important; } .pb-lg--10 { padding-bottom: -10px !important; } .pb-lg--15 { padding-bottom: -15px !important; } .pb-lg--20 { padding-bottom: -20px !important; } .pb-lg--25 { padding-bottom: -25px !important; } .pb-lg--30 { padding-bottom: -30px !important; } .pb-lg--40 { padding-bottom: -40px !important; } .pb-lg--50 { padding-bottom: -50px !important; } .pb-lg--60 { padding-bottom: -60px !important; } .pb-lg--70 { padding-bottom: -70px !important; } .pb-lg--80 { padding-bottom: -80px !important; } .pb-lg--90 { padding-bottom: -90px !important; } .pb-lg--100 { padding-bottom: -100px !important; } .pr-lg--0 { padding-right: 0px !important; } .pr-lg-10 { padding-right: 10px !important; } .pr-lg-15 { padding-right: 15px !important; } .pr-lg-20 { padding-right: 20px !important; } .pr-lg-25 { padding-right: 25px !important; } .pr-lg-30 { padding-right: 30px !important; } .pr-lg-40 { padding-right: 40px !important; } .pr-lg-50 { padding-right: 50px !important; } .pr-lg-60 { padding-right: 60px !important; } .pr-lg-70 { padding-right: 70px !important; } .pr-lg-80 { padding-right: 80px !important; } .pr-lg-90 { padding-right: 90px !important; } .pr-lg-100 { padding-right: 100px !important; } .pr-lg-110 { padding-right: 110px !important; } .pr-lg-120 { padding-right: 120px !important; } .pr-lg-130 { padding-right: 130px !important; } .pr-lg-140 { padding-right: 140px !important; } .pr-lg-150 { padding-right: 150px !important; } .pr-lg-200 { padding-right: 200px !important; } .pr-lg-250 { padding-right: 250px !important; } .pr-lg--10 { padding-right: -10px !important; } .pr-lg--15 { padding-right: -15px !important; } .pr-lg--20 { padding-right: -20px !important; } .pr-lg--25 { padding-right: -25px !important; } .pr-lg--30 { padding-right: -30px !important; } .pr-lg--40 { padding-right: -40px !important; } .pr-lg--50 { padding-right: -50px !important; } .pr-lg--60 { padding-right: -60px !important; } .pr-lg--70 { padding-right: -70px !important; } .pr-lg--80 { padding-right: -80px !important; } .pr-lg--90 { padding-right: -90px !important; } .pr-lg--100 { padding-right: -100px !important; } .pl-lg--0 { padding-left: 0px !important; } .pl-lg-10 { padding-left: 10px !important; } .pl-lg-15 { padding-left: 15px !important; } .pl-lg-20 { padding-left: 20px !important; } .pl-lg-25 { padding-left: 25px !important; } .pl-lg-30 { padding-left: 30px !important; } .pl-lg-40 { padding-left: 40px !important; } .pl-lg-50 { padding-left: 50px !important; } .pl-lg-60 { padding-left: 60px !important; } .pl-lg-70 { padding-left: 70px !important; } .pl-lg-80 { padding-left: 80px !important; } .pl-lg-90 { padding-left: 90px !important; } .pl-lg-100 { padding-left: 100px !important; } .pl-lg-110 { padding-left: 110px !important; } .pl-lg-120 { padding-left: 120px !important; } .pl-lg-130 { padding-left: 130px !important; } .pl-lg-140 { padding-left: 140px !important; } .pl-lg-150 { padding-left: 150px !important; } .pl-lg-200 { padding-left: 200px !important; } .pl-lg-250 { padding-left: 250px !important; } .pl-lg--10 { padding-left: -10px !important; } .pl-lg--15 { padding-left: -15px !important; } .pl-lg--20 { padding-left: -20px !important; } .pl-lg--25 { padding-left: -25px !important; } .pl-lg--30 { padding-left: -30px !important; } .pl-lg--40 { padding-left: -40px !important; } .pl-lg--50 { padding-left: -50px !important; } .pl-lg--60 { padding-left: -60px !important; } .pl-lg--70 { padding-left: -70px !important; } .pl-lg--80 { padding-left: -80px !important; } .pl-lg--90 { padding-left: -90px !important; } .pl-lg--100 { padding-left: -100px !important; } } @media (max-width: 991.98px) { .p-md--0 { padding: 0px !important; } .p-md-10 { padding: 10px !important; } .p-md-15 { padding: 15px !important; } .p-md-20 { padding: 20px !important; } .p-md-25 { padding: 25px !important; } .p-md-30 { padding: 30px !important; } .p-md-40 { padding: 40px !important; } .p-md-50 { padding: 50px !important; } .p-md-60 { padding: 60px !important; } .p-md-70 { padding: 70px !important; } .p-md-80 { padding: 80px !important; } .p-md-90 { padding: 90px !important; } .p-md-100 { padding: 100px !important; } .p-md-110 { padding: 110px !important; } .p-md-120 { padding: 120px !important; } .p-md-130 { padding: 130px !important; } .p-md-140 { padding: 140px !important; } .p-md-150 { padding: 150px !important; } .p-md-200 { padding: 200px !important; } .p-md-250 { padding: 250px !important; } .p-md--10 { padding: -10px !important; } .p-md--15 { padding: -15px !important; } .p-md--20 { padding: -20px !important; } .p-md--25 { padding: -25px !important; } .p-md--30 { padding: -30px !important; } .p-md--40 { padding: -40px !important; } .p-md--50 { padding: -50px !important; } .p-md--60 { padding: -60px !important; } .p-md--70 { padding: -70px !important; } .p-md--80 { padding: -80px !important; } .p-md--90 { padding: -90px !important; } .p-md--100 { padding: -100px !important; } .pt-md--0 { padding-top: 0px !important; } .pt-md-10 { padding-top: 10px !important; } .pt-md-15 { padding-top: 15px !important; } .pt-md-20 { padding-top: 20px !important; } .pt-md-25 { padding-top: 25px !important; } .pt-md-30 { padding-top: 30px !important; } .pt-md-40 { padding-top: 40px !important; } .pt-md-50 { padding-top: 50px !important; } .pt-md-60 { padding-top: 60px !important; } .pt-md-70 { padding-top: 70px !important; } .pt-md-80 { padding-top: 80px !important; } .pt-md-90 { padding-top: 90px !important; } .pt-md-100 { padding-top: 100px !important; } .pt-md-110 { padding-top: 110px !important; } .pt-md-120 { padding-top: 120px !important; } .pt-md-130 { padding-top: 130px !important; } .pt-md-140 { padding-top: 140px !important; } .pt-md-150 { padding-top: 150px !important; } .pt-md-200 { padding-top: 200px !important; } .pt-md-250 { padding-top: 250px !important; } .pt-md--10 { padding-top: -10px !important; } .pt-md--15 { padding-top: -15px !important; } .pt-md--20 { padding-top: -20px !important; } .pt-md--25 { padding-top: -25px !important; } .pt-md--30 { padding-top: -30px !important; } .pt-md--40 { padding-top: -40px !important; } .pt-md--50 { padding-top: -50px !important; } .pt-md--60 { padding-top: -60px !important; } .pt-md--70 { padding-top: -70px !important; } .pt-md--80 { padding-top: -80px !important; } .pt-md--90 { padding-top: -90px !important; } .pt-md--100 { padding-top: -100px !important; } .pb-md--0 { padding-bottom: 0px !important; } .pb-md-10 { padding-bottom: 10px !important; } .pb-md-15 { padding-bottom: 15px !important; } .pb-md-20 { padding-bottom: 20px !important; } .pb-md-25 { padding-bottom: 25px !important; } .pb-md-30 { padding-bottom: 30px !important; } .pb-md-40 { padding-bottom: 40px !important; } .pb-md-50 { padding-bottom: 50px !important; } .pb-md-60 { padding-bottom: 60px !important; } .pb-md-70 { padding-bottom: 70px !important; } .pb-md-80 { padding-bottom: 80px !important; } .pb-md-90 { padding-bottom: 90px !important; } .pb-md-100 { padding-bottom: 100px !important; } .pb-md-110 { padding-bottom: 110px !important; } .pb-md-120 { padding-bottom: 120px !important; } .pb-md-130 { padding-bottom: 130px !important; } .pb-md-140 { padding-bottom: 140px !important; } .pb-md-150 { padding-bottom: 150px !important; } .pb-md-200 { padding-bottom: 200px !important; } .pb-md-250 { padding-bottom: 250px !important; } .pb-md--10 { padding-bottom: -10px !important; } .pb-md--15 { padding-bottom: -15px !important; } .pb-md--20 { padding-bottom: -20px !important; } .pb-md--25 { padding-bottom: -25px !important; } .pb-md--30 { padding-bottom: -30px !important; } .pb-md--40 { padding-bottom: -40px !important; } .pb-md--50 { padding-bottom: -50px !important; } .pb-md--60 { padding-bottom: -60px !important; } .pb-md--70 { padding-bottom: -70px !important; } .pb-md--80 { padding-bottom: -80px !important; } .pb-md--90 { padding-bottom: -90px !important; } .pb-md--100 { padding-bottom: -100px !important; } .pr-md--0 { padding-right: 0px !important; } .pr-md-10 { padding-right: 10px !important; } .pr-md-15 { padding-right: 15px !important; } .pr-md-20 { padding-right: 20px !important; } .pr-md-25 { padding-right: 25px !important; } .pr-md-30 { padding-right: 30px !important; } .pr-md-40 { padding-right: 40px !important; } .pr-md-50 { padding-right: 50px !important; } .pr-md-60 { padding-right: 60px !important; } .pr-md-70 { padding-right: 70px !important; } .pr-md-80 { padding-right: 80px !important; } .pr-md-90 { padding-right: 90px !important; } .pr-md-100 { padding-right: 100px !important; } .pr-md-110 { padding-right: 110px !important; } .pr-md-120 { padding-right: 120px !important; } .pr-md-130 { padding-right: 130px !important; } .pr-md-140 { padding-right: 140px !important; } .pr-md-150 { padding-right: 150px !important; } .pr-md-200 { padding-right: 200px !important; } .pr-md-250 { padding-right: 250px !important; } .pr-md--10 { padding-right: -10px !important; } .pr-md--15 { padding-right: -15px !important; } .pr-md--20 { padding-right: -20px !important; } .pr-md--25 { padding-right: -25px !important; } .pr-md--30 { padding-right: -30px !important; } .pr-md--40 { padding-right: -40px !important; } .pr-md--50 { padding-right: -50px !important; } .pr-md--60 { padding-right: -60px !important; } .pr-md--70 { padding-right: -70px !important; } .pr-md--80 { padding-right: -80px !important; } .pr-md--90 { padding-right: -90px !important; } .pr-md--100 { padding-right: -100px !important; } .pl-md--0 { padding-left: 0px !important; } .pl-md-10 { padding-left: 10px !important; } .pl-md-15 { padding-left: 15px !important; } .pl-md-20 { padding-left: 20px !important; } .pl-md-25 { padding-left: 25px !important; } .pl-md-30 { padding-left: 30px !important; } .pl-md-40 { padding-left: 40px !important; } .pl-md-50 { padding-left: 50px !important; } .pl-md-60 { padding-left: 60px !important; } .pl-md-70 { padding-left: 70px !important; } .pl-md-80 { padding-left: 80px !important; } .pl-md-90 { padding-left: 90px !important; } .pl-md-100 { padding-left: 100px !important; } .pl-md-110 { padding-left: 110px !important; } .pl-md-120 { padding-left: 120px !important; } .pl-md-130 { padding-left: 130px !important; } .pl-md-140 { padding-left: 140px !important; } .pl-md-150 { padding-left: 150px !important; } .pl-md-200 { padding-left: 200px !important; } .pl-md-250 { padding-left: 250px !important; } .pl-md--10 { padding-left: -10px !important; } .pl-md--15 { padding-left: -15px !important; } .pl-md--20 { padding-left: -20px !important; } .pl-md--25 { padding-left: -25px !important; } .pl-md--30 { padding-left: -30px !important; } .pl-md--40 { padding-left: -40px !important; } .pl-md--50 { padding-left: -50px !important; } .pl-md--60 { padding-left: -60px !important; } .pl-md--70 { padding-left: -70px !important; } .pl-md--80 { padding-left: -80px !important; } .pl-md--90 { padding-left: -90px !important; } .pl-md--100 { padding-left: -100px !important; } } @media (max-width: 767.98px) { .p-sm--0 { padding: 0px !important; } .p-sm-10 { padding: 10px !important; } .p-sm-15 { padding: 15px !important; } .p-sm-20 { padding: 20px !important; } .p-sm-25 { padding: 25px !important; } .p-sm-30 { padding: 30px !important; } .p-sm-40 { padding: 40px !important; } .p-sm-50 { padding: 50px !important; } .p-sm-60 { padding: 60px !important; } .p-sm-70 { padding: 70px !important; } .p-sm-80 { padding: 80px !important; } .p-sm-90 { padding: 90px !important; } .p-sm-100 { padding: 100px !important; } .p-sm-110 { padding: 110px !important; } .p-sm-120 { padding: 120px !important; } .p-sm-130 { padding: 130px !important; } .p-sm-140 { padding: 140px !important; } .p-sm-150 { padding: 150px !important; } .p-sm-200 { padding: 200px !important; } .p-sm-250 { padding: 250px !important; } .p-sm--10 { padding: -10px !important; } .p-sm--15 { padding: -15px !important; } .p-sm--20 { padding: -20px !important; } .p-sm--25 { padding: -25px !important; } .p-sm--30 { padding: -30px !important; } .p-sm--40 { padding: -40px !important; } .p-sm--50 { padding: -50px !important; } .p-sm--60 { padding: -60px !important; } .p-sm--70 { padding: -70px !important; } .p-sm--80 { padding: -80px !important; } .p-sm--90 { padding: -90px !important; } .p-sm--100 { padding: -100px !important; } .pt-sm--0 { padding-top: 0px !important; } .pt-sm-10 { padding-top: 10px !important; } .pt-sm-15 { padding-top: 15px !important; } .pt-sm-20 { padding-top: 20px !important; } .pt-sm-25 { padding-top: 25px !important; } .pt-sm-30 { padding-top: 30px !important; } .pt-sm-40 { padding-top: 40px !important; } .pt-sm-50 { padding-top: 50px !important; } .pt-sm-60 { padding-top: 60px !important; } .pt-sm-70 { padding-top: 70px !important; } .pt-sm-80 { padding-top: 80px !important; } .pt-sm-90 { padding-top: 90px !important; } .pt-sm-100 { padding-top: 100px !important; } .pt-sm-110 { padding-top: 110px !important; } .pt-sm-120 { padding-top: 120px !important; } .pt-sm-130 { padding-top: 130px !important; } .pt-sm-140 { padding-top: 140px !important; } .pt-sm-150 { padding-top: 150px !important; } .pt-sm-200 { padding-top: 200px !important; } .pt-sm-250 { padding-top: 250px !important; } .pt-sm--10 { padding-top: -10px !important; } .pt-sm--15 { padding-top: -15px !important; } .pt-sm--20 { padding-top: -20px !important; } .pt-sm--25 { padding-top: -25px !important; } .pt-sm--30 { padding-top: -30px !important; } .pt-sm--40 { padding-top: -40px !important; } .pt-sm--50 { padding-top: -50px !important; } .pt-sm--60 { padding-top: -60px !important; } .pt-sm--70 { padding-top: -70px !important; } .pt-sm--80 { padding-top: -80px !important; } .pt-sm--90 { padding-top: -90px !important; } .pt-sm--100 { padding-top: -100px !important; } .pb-sm--0 { padding-bottom: 0px !important; } .pb-sm-10 { padding-bottom: 10px !important; } .pb-sm-15 { padding-bottom: 15px !important; } .pb-sm-20 { padding-bottom: 20px !important; } .pb-sm-25 { padding-bottom: 25px !important; } .pb-sm-30 { padding-bottom: 30px !important; } .pb-sm-40 { padding-bottom: 40px !important; } .pb-sm-50 { padding-bottom: 50px !important; } .pb-sm-60 { padding-bottom: 60px !important; } .pb-sm-70 { padding-bottom: 70px !important; } .pb-sm-80 { padding-bottom: 80px !important; } .pb-sm-90 { padding-bottom: 90px !important; } .pb-sm-100 { padding-bottom: 100px !important; } .pb-sm-110 { padding-bottom: 110px !important; } .pb-sm-120 { padding-bottom: 120px !important; } .pb-sm-130 { padding-bottom: 130px !important; } .pb-sm-140 { padding-bottom: 140px !important; } .pb-sm-150 { padding-bottom: 150px !important; } .pb-sm-200 { padding-bottom: 200px !important; } .pb-sm-250 { padding-bottom: 250px !important; } .pb-sm--10 { padding-bottom: -10px !important; } .pb-sm--15 { padding-bottom: -15px !important; } .pb-sm--20 { padding-bottom: -20px !important; } .pb-sm--25 { padding-bottom: -25px !important; } .pb-sm--30 { padding-bottom: -30px !important; } .pb-sm--40 { padding-bottom: -40px !important; } .pb-sm--50 { padding-bottom: -50px !important; } .pb-sm--60 { padding-bottom: -60px !important; } .pb-sm--70 { padding-bottom: -70px !important; } .pb-sm--80 { padding-bottom: -80px !important; } .pb-sm--90 { padding-bottom: -90px !important; } .pb-sm--100 { padding-bottom: -100px !important; } .pr-sm--0 { padding-right: 0px !important; } .pr-sm-10 { padding-right: 10px !important; } .pr-sm-15 { padding-right: 15px !important; } .pr-sm-20 { padding-right: 20px !important; } .pr-sm-25 { padding-right: 25px !important; } .pr-sm-30 { padding-right: 30px !important; } .pr-sm-40 { padding-right: 40px !important; } .pr-sm-50 { padding-right: 50px !important; } .pr-sm-60 { padding-right: 60px !important; } .pr-sm-70 { padding-right: 70px !important; } .pr-sm-80 { padding-right: 80px !important; } .pr-sm-90 { padding-right: 90px !important; } .pr-sm-100 { padding-right: 100px !important; } .pr-sm-110 { padding-right: 110px !important; } .pr-sm-120 { padding-right: 120px !important; } .pr-sm-130 { padding-right: 130px !important; } .pr-sm-140 { padding-right: 140px !important; } .pr-sm-150 { padding-right: 150px !important; } .pr-sm-200 { padding-right: 200px !important; } .pr-sm-250 { padding-right: 250px !important; } .pr-sm--10 { padding-right: -10px !important; } .pr-sm--15 { padding-right: -15px !important; } .pr-sm--20 { padding-right: -20px !important; } .pr-sm--25 { padding-right: -25px !important; } .pr-sm--30 { padding-right: -30px !important; } .pr-sm--40 { padding-right: -40px !important; } .pr-sm--50 { padding-right: -50px !important; } .pr-sm--60 { padding-right: -60px !important; } .pr-sm--70 { padding-right: -70px !important; } .pr-sm--80 { padding-right: -80px !important; } .pr-sm--90 { padding-right: -90px !important; } .pr-sm--100 { padding-right: -100px !important; } .pl-sm--0 { padding-left: 0px !important; } .pl-sm-10 { padding-left: 10px !important; } .pl-sm-15 { padding-left: 15px !important; } .pl-sm-20 { padding-left: 20px !important; } .pl-sm-25 { padding-left: 25px !important; } .pl-sm-30 { padding-left: 30px !important; } .pl-sm-40 { padding-left: 40px !important; } .pl-sm-50 { padding-left: 50px !important; } .pl-sm-60 { padding-left: 60px !important; } .pl-sm-70 { padding-left: 70px !important; } .pl-sm-80 { padding-left: 80px !important; } .pl-sm-90 { padding-left: 90px !important; } .pl-sm-100 { padding-left: 100px !important; } .pl-sm-110 { padding-left: 110px !important; } .pl-sm-120 { padding-left: 120px !important; } .pl-sm-130 { padding-left: 130px !important; } .pl-sm-140 { padding-left: 140px !important; } .pl-sm-150 { padding-left: 150px !important; } .pl-sm-200 { padding-left: 200px !important; } .pl-sm-250 { padding-left: 250px !important; } .pl-sm--10 { padding-left: -10px !important; } .pl-sm--15 { padding-left: -15px !important; } .pl-sm--20 { padding-left: -20px !important; } .pl-sm--25 { padding-left: -25px !important; } .pl-sm--30 { padding-left: -30px !important; } .pl-sm--40 { padding-left: -40px !important; } .pl-sm--50 { padding-left: -50px !important; } .pl-sm--60 { padding-left: -60px !important; } .pl-sm--70 { padding-left: -70px !important; } .pl-sm--80 { padding-left: -80px !important; } .pl-sm--90 { padding-left: -90px !important; } .pl-sm--100 { padding-left: -100px !important; } } @media (max-width: 575.98px) { .p-xs--0 { padding: 0px !important; } .p-xs-10 { padding: 10px !important; } .p-xs-15 { padding: 15px !important; } .p-xs-20 { padding: 20px !important; } .p-xs-25 { padding: 25px !important; } .p-xs-30 { padding: 30px !important; } .p-xs-40 { padding: 40px !important; } .p-xs-50 { padding: 50px !important; } .p-xs-60 { padding: 60px !important; } .p-xs-70 { padding: 70px !important; } .p-xs-80 { padding: 80px !important; } .p-xs-90 { padding: 90px !important; } .p-xs-100 { padding: 100px !important; } .p-xs-110 { padding: 110px !important; } .p-xs-120 { padding: 120px !important; } .p-xs-130 { padding: 130px !important; } .p-xs-140 { padding: 140px !important; } .p-xs-150 { padding: 150px !important; } .p-xs-200 { padding: 200px !important; } .p-xs-250 { padding: 250px !important; } .p-xs--10 { padding: -10px !important; } .p-xs--15 { padding: -15px !important; } .p-xs--20 { padding: -20px !important; } .p-xs--25 { padding: -25px !important; } .p-xs--30 { padding: -30px !important; } .p-xs--40 { padding: -40px !important; } .p-xs--50 { padding: -50px !important; } .p-xs--60 { padding: -60px !important; } .p-xs--70 { padding: -70px !important; } .p-xs--80 { padding: -80px !important; } .p-xs--90 { padding: -90px !important; } .p-xs--100 { padding: -100px !important; } .pt-xs--0 { padding-top: 0px !important; } .pt-xs-10 { padding-top: 10px !important; } .pt-xs-15 { padding-top: 15px !important; } .pt-xs-20 { padding-top: 20px !important; } .pt-xs-25 { padding-top: 25px !important; } .pt-xs-30 { padding-top: 30px !important; } .pt-xs-40 { padding-top: 40px !important; } .pt-xs-50 { padding-top: 50px !important; } .pt-xs-60 { padding-top: 60px !important; } .pt-xs-70 { padding-top: 70px !important; } .pt-xs-80 { padding-top: 80px !important; } .pt-xs-90 { padding-top: 90px !important; } .pt-xs-100 { padding-top: 100px !important; } .pt-xs-110 { padding-top: 110px !important; } .pt-xs-120 { padding-top: 120px !important; } .pt-xs-130 { padding-top: 130px !important; } .pt-xs-140 { padding-top: 140px !important; } .pt-xs-150 { padding-top: 150px !important; } .pt-xs-200 { padding-top: 200px !important; } .pt-xs-250 { padding-top: 250px !important; } .pt-xs--10 { padding-top: -10px !important; } .pt-xs--15 { padding-top: -15px !important; } .pt-xs--20 { padding-top: -20px !important; } .pt-xs--25 { padding-top: -25px !important; } .pt-xs--30 { padding-top: -30px !important; } .pt-xs--40 { padding-top: -40px !important; } .pt-xs--50 { padding-top: -50px !important; } .pt-xs--60 { padding-top: -60px !important; } .pt-xs--70 { padding-top: -70px !important; } .pt-xs--80 { padding-top: -80px !important; } .pt-xs--90 { padding-top: -90px !important; } .pt-xs--100 { padding-top: -100px !important; } .pb-xs--0 { padding-bottom: 0px !important; } .pb-xs-10 { padding-bottom: 10px !important; } .pb-xs-15 { padding-bottom: 15px !important; } .pb-xs-20 { padding-bottom: 20px !important; } .pb-xs-25 { padding-bottom: 25px !important; } .pb-xs-30 { padding-bottom: 30px !important; } .pb-xs-40 { padding-bottom: 40px !important; } .pb-xs-50 { padding-bottom: 50px !important; } .pb-xs-60 { padding-bottom: 60px !important; } .pb-xs-70 { padding-bottom: 70px !important; } .pb-xs-80 { padding-bottom: 80px !important; } .pb-xs-90 { padding-bottom: 90px !important; } .pb-xs-100 { padding-bottom: 100px !important; } .pb-xs-110 { padding-bottom: 110px !important; } .pb-xs-120 { padding-bottom: 120px !important; } .pb-xs-130 { padding-bottom: 130px !important; } .pb-xs-140 { padding-bottom: 140px !important; } .pb-xs-150 { padding-bottom: 150px !important; } .pb-xs-200 { padding-bottom: 200px !important; } .pb-xs-250 { padding-bottom: 250px !important; } .pb-xs--10 { padding-bottom: -10px !important; } .pb-xs--15 { padding-bottom: -15px !important; } .pb-xs--20 { padding-bottom: -20px !important; } .pb-xs--25 { padding-bottom: -25px !important; } .pb-xs--30 { padding-bottom: -30px !important; } .pb-xs--40 { padding-bottom: -40px !important; } .pb-xs--50 { padding-bottom: -50px !important; } .pb-xs--60 { padding-bottom: -60px !important; } .pb-xs--70 { padding-bottom: -70px !important; } .pb-xs--80 { padding-bottom: -80px !important; } .pb-xs--90 { padding-bottom: -90px !important; } .pb-xs--100 { padding-bottom: -100px !important; } .pr-xs--0 { padding-right: 0px !important; } .pr-xs-10 { padding-right: 10px !important; } .pr-xs-15 { padding-right: 15px !important; } .pr-xs-20 { padding-right: 20px !important; } .pr-xs-25 { padding-right: 25px !important; } .pr-xs-30 { padding-right: 30px !important; } .pr-xs-40 { padding-right: 40px !important; } .pr-xs-50 { padding-right: 50px !important; } .pr-xs-60 { padding-right: 60px !important; } .pr-xs-70 { padding-right: 70px !important; } .pr-xs-80 { padding-right: 80px !important; } .pr-xs-90 { padding-right: 90px !important; } .pr-xs-100 { padding-right: 100px !important; } .pr-xs-110 { padding-right: 110px !important; } .pr-xs-120 { padding-right: 120px !important; } .pr-xs-130 { padding-right: 130px !important; } .pr-xs-140 { padding-right: 140px !important; } .pr-xs-150 { padding-right: 150px !important; } .pr-xs-200 { padding-right: 200px !important; } .pr-xs-250 { padding-right: 250px !important; } .pr-xs--10 { padding-right: -10px !important; } .pr-xs--15 { padding-right: -15px !important; } .pr-xs--20 { padding-right: -20px !important; } .pr-xs--25 { padding-right: -25px !important; } .pr-xs--30 { padding-right: -30px !important; } .pr-xs--40 { padding-right: -40px !important; } .pr-xs--50 { padding-right: -50px !important; } .pr-xs--60 { padding-right: -60px !important; } .pr-xs--70 { padding-right: -70px !important; } .pr-xs--80 { padding-right: -80px !important; } .pr-xs--90 { padding-right: -90px !important; } .pr-xs--100 { padding-right: -100px !important; } .pl-xs--0 { padding-left: 0px !important; } .pl-xs-10 { padding-left: 10px !important; } .pl-xs-15 { padding-left: 15px !important; } .pl-xs-20 { padding-left: 20px !important; } .pl-xs-25 { padding-left: 25px !important; } .pl-xs-30 { padding-left: 30px !important; } .pl-xs-40 { padding-left: 40px !important; } .pl-xs-50 { padding-left: 50px !important; } .pl-xs-60 { padding-left: 60px !important; } .pl-xs-70 { padding-left: 70px !important; } .pl-xs-80 { padding-left: 80px !important; } .pl-xs-90 { padding-left: 90px !important; } .pl-xs-100 { padding-left: 100px !important; } .pl-xs-110 { padding-left: 110px !important; } .pl-xs-120 { padding-left: 120px !important; } .pl-xs-130 { padding-left: 130px !important; } .pl-xs-140 { padding-left: 140px !important; } .pl-xs-150 { padding-left: 150px !important; } .pl-xs-200 { padding-left: 200px !important; } .pl-xs-250 { padding-left: 250px !important; } .pl-xs--10 { padding-left: -10px !important; } .pl-xs--15 { padding-left: -15px !important; } .pl-xs--20 { padding-left: -20px !important; } .pl-xs--25 { padding-left: -25px !important; } .pl-xs--30 { padding-left: -30px !important; } .pl-xs--40 { padding-left: -40px !important; } .pl-xs--50 { padding-left: -50px !important; } .pl-xs--60 { padding-left: -60px !important; } .pl-xs--70 { padding-left: -70px !important; } .pl-xs--80 { padding-left: -80px !important; } .pl-xs--90 { padding-left: -90px !important; } .pl-xs--100 { padding-left: -100px !important; } } .tm-responsive-pos-top-0 { top: 0px; } .tm-responsive-pos-top-10 { top: 10px; } .tm-responsive-pos-top-15 { top: 15px; } .tm-responsive-pos-top-20 { top: 20px; } .tm-responsive-pos-top-25 { top: 25px; } .tm-responsive-pos-top-30 { top: 30px; } .tm-responsive-pos-top-40 { top: 40px; } .tm-responsive-pos-top-50 { top: 50px; } .tm-responsive-pos-top-60 { top: 60px; } .tm-responsive-pos-top-70 { top: 70px; } .tm-responsive-pos-top-80 { top: 80px; } .tm-responsive-pos-top-90 { top: 90px; } .tm-responsive-pos-top-100 { top: 100px; } @media (max-width: 991.98px) { [class^="tm-responsive-pos-top-"], [class*=" tm-responsive-pos-top-"] { top: 0; } } .tm-responsive-pos-bottom-0 { bottom: 0px; } .tm-responsive-pos-bottom-10 { bottom: 10px; } .tm-responsive-pos-bottom-15 { bottom: 15px; } .tm-responsive-pos-bottom-20 { bottom: 20px; } .tm-responsive-pos-bottom-25 { bottom: 25px; } .tm-responsive-pos-bottom-30 { bottom: 30px; } .tm-responsive-pos-bottom-40 { bottom: 40px; } .tm-responsive-pos-bottom-50 { bottom: 50px; } .tm-responsive-pos-bottom-60 { bottom: 60px; } .tm-responsive-pos-bottom-70 { bottom: 70px; } .tm-responsive-pos-bottom-80 { bottom: 80px; } .tm-responsive-pos-bottom-90 { bottom: 90px; } .tm-responsive-pos-bottom-100 { bottom: 100px; } @media (max-width: 991.98px) { [class^="tm-responsive-pos-bottom-"], [class*=" tm-responsive-pos-bottom-"] { bottom: 0; } } .mt-responsive--150 { margin-top: -150px; } @media (max-width: 1199.98px) { .mt-responsive--150 { margin-top: -100px; } } @media (max-width: 991.98px) { .mt-responsive--150 { margin-top: -50px; } } .mt-responsive--200 { margin-top: -200px; } @media (max-width: 1199.98px) { .mt-responsive--200 { margin-top: -150px; } } @media (max-width: 991.98px) { .mt-responsive--200 { margin-top: -80px; } } .mt-responsive--210 { margin-top: -210px; } @media (max-width: 1199.98px) { .mt-responsive--210 { margin-top: -150px; } } @media (max-width: 991.98px) { .mt-responsive--210 { margin-top: -80px; } } .mt-responsive--220 { margin-top: -220px; } @media (max-width: 1199.98px) { .mt-responsive--220 { margin-top: -150px; } } @media (max-width: 991.98px) { .mt-responsive--220 { margin-top: -80px; } } .mt-responsive--230 { margin-top: -230px; } @media (max-width: 1199.98px) { .mt-responsive--230 { margin-top: -150px; } } @media (max-width: 991.98px) { .mt-responsive--230 { margin-top: -80px; } } .mt-responsive--240 { margin-top: -240px; } @media (max-width: 1199.98px) { .mt-responsive--240 { margin-top: -150px; } } @media (max-width: 991.98px) { .mt-responsive--240 { margin-top: -80px; } } .mt-responsive--250 { margin-top: -250px; } @media (max-width: 1199.98px) { .mt-responsive--250 { margin-top: -150px; } } @media (max-width: 991.98px) { .mt-responsive--250 { margin-top: -80px; } } @media (max-width: 767.98px) { [class^="mt-responsive-"], [class*=" mt-responsive-"] { margin-top: 0; } } /* * ThemeMascot Utility Classes * ----------------------------------------------- */ /* -------- Font Size ---------- */ .font-size-10 { font-size: 10px !important; } .font-size-11 { font-size: 11px !important; } .font-size-12 { font-size: 12px !important; } .font-size-13 { font-size: 13px !important; } .font-size-14 { font-size: 14px !important; } .font-size-15 { font-size: 15px !important; } .font-size-16 { font-size: 16px !important; } .font-size-17 { font-size: 17px !important; } .font-size-18 { font-size: 18px !important; } .font-size-19 { font-size: 19px !important; } .font-size-20 { font-size: 20px !important; } .font-size-21 { font-size: 21px !important; } .font-size-22 { font-size: 22px !important; } .font-size-23 { font-size: 23px !important; } .font-size-24 { font-size: 24px !important; } .font-size-25 { font-size: 25px !important; } .font-size-26 { font-size: 26px !important; } .font-size-27 { font-size: 27px !important; } .font-size-28 { font-size: 28px !important; } .font-size-29 { font-size: 29px !important; } .font-size-30 { font-size: 30px !important; } .font-size-32 { font-size: 32px !important; } .font-size-36 { font-size: 36px !important; } .font-size-38 { font-size: 38px !important; } .font-size-40 { font-size: 40px !important; } .font-size-42 { font-size: 42px !important; } .font-size-44 { font-size: 44px !important; } .font-size-46 { font-size: 46px !important; } .font-size-48 { font-size: 48px !important; } .font-size-50 { font-size: 50px !important; } .font-size-54 { font-size: 54px !important; } .font-size-60 { font-size: 60px !important; } .font-size-64 { font-size: 64px !important; } .font-size-70 { font-size: 70px !important; } .font-size-72 { font-size: 72px !important; } .font-size-78 { font-size: 78px !important; } .font-size-80 { font-size: 80px !important; } .font-size-84 { font-size: 84px !important; } .font-size-86 { font-size: 86px !important; } .font-size-90 { font-size: 90px !important; } .font-size-100 { font-size: 100px !important; } .font-size-120 { font-size: 120px !important; } .font-size-130 { font-size: 130px !important; } .font-size-140 { font-size: 140px !important; } .font-size-150 { font-size: 150px !important; } .font-size-200 { font-size: 200px !important; } .font-size-220 { font-size: 220px !important; } .font-size-240 { font-size: 240px !important; } .font-size-250 { font-size: 250px !important; } /* -------- Text Colors ---------- */ /* Text Black & Gray Color*/ .text-black { color: #000 !important; } .text-black-111 { color: #111 !important; } .text-black-222 { color: #222 !important; } .text-black-333 { color: #333 !important; } .text-black-444 { color: #444 !important; } .text-black-555 { color: #555 !important; } .text-black-666 { color: #666 !important; } .text-black-777 { color: #777 !important; } .text-black-888 { color: #888 !important; } .text-black-999 { color: #999 !important; } .text-gray-dimgray { color: #696969 !important; } .text-gray-light { color: #777 !important; } .text-gray { color: #808080 !important; } .text-gray-darkgray { color: #a9a9a9 !important; } .text-gray-silver { color: #c0c0c0 !important; } .text-gray-lightgray { color: #d3d3d3 !important; } .text-gray-gainsboro { color: #fff !important; } .text-gray-lighter { color: #eee !important; } .text-gray-aaa { color: #aaa !important; } .text-gray-bbb { color: #bbb !important; } .text-gray-ccc { color: #ccc !important; } .text-gray-ddd { color: #ddd !important; } .text-gray-eee { color: #eee !important; } /* Text White Color*/ .text-white-f1 { color: #f1f1f1 !important; } .text-white-f2 { color: #f2f2f2 !important; } .text-white-f3 { color: #f3f3f3 !important; } .text-white-f4 { color: #f4f4f4 !important; } .text-white-f5 { color: #f5f5f5 !important; } .text-white-f6 { color: #f6f6f6 !important; } .text-white-f7 { color: #f7f7f7 !important; } .text-white-f8 { color: #f8f8f8 !important; } .text-white-f9 { color: #f9f9f9 !important; } .text-white-fa { color: #fafafa !important; } .text-white-fc { color: #fcfcfc !important; } .text-white-fd { color: #fdfdfd !important; } .text-white-fe { color: #fefefe !important; } /* -------- Solid Color Background ---------- */ .bg-black { background-color: #000 !important; } .bg-black-111 { background-color: #111 !important; } .bg-black-222 { background-color: #222 !important; } .bg-black-333 { background-color: #333 !important; } .bg-black-444 { background-color: #444 !important; } .bg-black-555 { background-color: #555 !important; } .bg-silver-light { background-color: #f6f6f6 !important; } /* Bg White Color*/ .bg-white { background-color: #fff !important; } .bg-white-f1 { background-color: #f1f1f1 !important; } .bg-white-f2 { background-color: #f2f2f2 !important; } .bg-white-f3 { background-color: #f3f3f3 !important; } .bg-white-f4 { background-color: #f4f4f4 !important; } .bg-white-f5 { background-color: #f5f5f5 !important; } .bg-white-f6 { background-color: #f6f6f6 !important; } .bg-white-f7 { background-color: #f7f7f7 !important; } .bg-white-f8 { background-color: #f8f8f8 !important; } .bg-white-f9 { background-color: #f9f9f9 !important; } .bg-white-fa { background-color: #fafafa !important; } .bg-white-fb { background-color: #fbfbfb !important; } .bg-white-fc { background-color: #fcfcfc !important; } .bg-white-fd { background-color: #fdfdfd !important; } .bg-white-fe { background-color: #fefefe !important; } /* -------- Transparent Background Color ---------- */ .bg-white-transparent-9 { background-color: rgba(255, 255, 255, 0.9) !important; } .bg-white-transparent-8 { background-color: rgba(255, 255, 255, 0.8) !important; } .bg-white-transparent-7 { background-color: rgba(255, 255, 255, 0.7) !important; } .bg-white-transparent-6 { background-color: rgba(255, 255, 255, 0.6) !important; } .bg-white-transparent-5 { background-color: rgba(255, 255, 255, 0.5) !important; } .bg-white-transparent-4 { background-color: rgba(255, 255, 255, 0.4) !important; } .bg-white-transparent-3 { background-color: rgba(255, 255, 255, 0.3) !important; } .bg-white-transparent-2 { background-color: rgba(255, 255, 255, 0.2) !important; } .bg-white-transparent-1 { background-color: rgba(255, 255, 255, 0.1) !important; } .bg-dark-transparent-9 { background-color: rgba(0, 0, 0, 0.9) !important; } .bg-dark-transparent-8 { background-color: rgba(0, 0, 0, 0.8) !important; } .bg-dark-transparent-7 { background-color: rgba(0, 0, 0, 0.7) !important; } .bg-dark-transparent-6 { background-color: rgba(0, 0, 0, 0.6) !important; } .bg-dark-transparent-5 { background-color: rgba(0, 0, 0, 0.5) !important; } .bg-dark-transparent-4 { background-color: rgba(0, 0, 0, 0.4) !important; } .bg-dark-transparent-3 { background-color: rgba(0, 0, 0, 0.3) !important; } .bg-dark-transparent-2 { background-color: rgba(0, 0, 0, 0.2) !important; } .bg-dark-transparent-1 { background-color: rgba(0, 0, 0, 0.1) !important; } /* -------- box-shadow ---------- */ /* -------- Letter Spacing ---------- */ .letter-space-0 { letter-spacing: 0px; } .letter-space-1 { letter-spacing: 1px; } .letter-space-2 { letter-spacing: 2px; } .letter-space-3 { letter-spacing: 3px; } .letter-space-4 { letter-spacing: 4px; } .letter-space-5 { letter-spacing: 5px; } .letter-space-6 { letter-spacing: 6px; } .letter-space-7 { letter-spacing: 7px; } .letter-space-8 { letter-spacing: 8px; } .letter-space-9 { letter-spacing: 9px; } .letter-space-10 { letter-spacing: 10px; } /* -------- z-index ---------- */ .z-index--1 { z-index: -1 !important; } .z-index-0 { z-index: 0 !important; } .z-index-1 { z-index: 1 !important; } .z-index-2 { z-index: 2 !important; } .z-index-3 { z-index: 3 !important; } .z-index-4 { z-index: 4 !important; } .z-index-5 { z-index: 5 !important; } .z-index-99 { z-index: 99 !important; } .z-index-111 { z-index: 111 !important; } .z-index-1111 { z-index: 1111 !important; } .z-index-9999 { z-index: 9999 !important; } /* -------- Font Weight ---------- */ .font-weight-100 { font-weight: 100 !important; } .font-weight-200 { font-weight: 200 !important; } .font-weight-300 { font-weight: 300 !important; } .font-weight-400 { font-weight: 400 !important; } .font-weight-500 { font-weight: 500 !important; } .font-weight-600 { font-weight: 600 !important; } .font-weight-700 { font-weight: 700 !important; } .font-weight-800 { font-weight: 800 !important; } .font-weight-900 { font-weight: 900 !important; } /* -------- Line Height ---------- */ .line-height-0 { line-height: 0px; } .line-height-1 { line-height: 1 !important; } .line-height-1-5 { line-height: 1.5 !important; } .line-height-2 { line-height: 2 !important; } /* -------- Border ---------- */ .no-border { border: none !important; } .border-1px { border: 1px solid #f6f6f6 !important; } .border-2px { border: 2px solid #f6f6f6 !important; } .border-3px { border: 3px solid #f6f6f6 !important; } .border-4px { border: 4px solid #f6f6f6 !important; } .border-5px { border: 5px solid #f6f6f6 !important; } .border-6px { border: 6px solid #f6f6f6 !important; } .border-7px { border: 7px solid #f6f6f6 !important; } .border-8px { border: 8px solid #f6f6f6 !important; } .border-9px { border: 9px solid #f6f6f6 !important; } .border-10px { border: 10px solid #f6f6f6 !important; } .border-8px-white { border: 8px solid #fff !important; } .border-top-1px { border-top: 1px solid #eee !important; } .border-top-2px { border-top: 2px solid #eee !important; } .border-top-3px { border-top: 3px solid #eee !important; } .border-top-5px { border-top: 5px solid #f6f6f6 !important; } .border-right-1px { border-right: 1px solid #eee !important; } .border-right-2px { border-right: 2px solid #eee !important; } .border-right-3px { border-right: 3px solid #eee !important; } .border-bottom-1px { border-bottom: 1px solid #eee !important; } .border-bottom-2px { border-bottom: 2px solid #eee !important; } .border-bottom-3px { border-bottom: 3px solid #eee !important; } .border-left-1px { border-left: 1px solid #eee !important; } .border-left-2px { border-left: 2px solid #eee !important; } .border-left-3px { border-left: 3px solid #eee !important; } /* -------- Border Outline---------- */ .outline-border { outline: 5px solid #f1f1f1; outline-offset: 5px; } .outline-border-1px { outline: 1px solid #f1f1f1; outline-offset: 1px; } .outline-border-2px { outline: 2px solid #f1f1f1; outline-offset: 2px; } .outline-border-3px { outline: 3px solid #f1f1f1; outline-offset: 3px; } .outline-border-4px { outline: 4px solid #f1f1f1; outline-offset: 4px; } .outline-border-5px { outline: 5px solid #f1f1f1; outline-offset: 5px; } /* -------- Background Image ---------- */ .no-bg { background: none !important; } @media (max-width: 1199.98px) { .lg-no-bg { background: none !important; } } @media (max-width: 991.98px) { .md-no-bg { background: none !important; } } @media (max-width: 767.98px) { .sm-no-bg { background: none !important; } } @media (max-width: 575.98px) { .xs-no-bg { background: none !important; } } .bg-no-repeat, .bg-img-no-repeat { background-repeat: no-repeat !important; } .bg-img-fixed { background-attachment: fixed !important; } .bg-img-cover { background-size: cover !important; } .bg-img-contain { background-size: contain !important; } .bg-img-center { background-position: center !important; } .bg-img-center-top { background-position: center top !important; } .bg-img-center-bottom { background-position: center bottom !important; } .bg-img-left { background-position: left !important; } .bg-img-left-top { background-position: left top !important; } .bg-img-left-bottom { background-position: left bottom !important; } .bg-img-right { background-position: right !important; } .bg-img-right-top { background-position: right top !important; } .bg-img-right-bottom { background-position: right bottom !important; } .tm-fullwidth, .img-fullwidth { width: 100% !important; } /* -------- Absolute Image Positioning ---------- */ .overflow-visible { overflow: visible !important; } .overflow-hidden { overflow: hidden !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-y-hidden { overflow-y: hidden !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } @media (max-width: 767.98px) { .float-xs-center { display: table; float: none !important; margin-left: auto !important; margin-right: auto !important; } .xs-fullwidth { width: 100%; } .xs-height-auto { min-height: auto !important; } .xs-hide-bg-img { background: none !important; } .xs-hide-child-bg-img > div { background: none !important; } } @media (max-width: 767.98px) { .float-sm-center { display: table; float: none !important; margin-left: auto !important; margin-right: auto !important; } .sm-fullwidth { width: 100%; } .sm-height-auto { min-height: auto !important; } .sm-hide-bg-img { background: none !important; } .sm-hide-child-bg-img > div { background: none !important; } } @media (max-width: 991.98px) { .float-md-center { display: table; float: none !important; margin-left: auto !important; margin-right: auto !important; } .md-fullwidth { width: 100%; } .md-height-auto { min-height: auto !important; } .md-hide-bg-img { background: none !important; } .md-hide-child-bg-img > div { background: none !important; } } @media (max-width: 1199.98px) { .float-lg-center { display: table; float: none !important; margin-left: auto !important; margin-right: auto !important; } .lg-fullwidth { width: 100%; } .lg-height-auto { min-height: auto !important; } .lg-hide-bg-img { background: none !important; } .lg-hide-child-bg-img > div { background: none !important; } } .position-inherit { position: inherit !important; } :root { --theme-color1: #e60023; --theme-color2: #151515; --theme-color3: #0D0D0D; --theme-color1-rgb: 230, 0, 35; --theme-color2-rgb: 21, 21, 21; --theme-color3-rgb: 13, 13, 13; --theme-color1-text-color: #fff; --theme-color2-text-color: #fff; --theme-color3-text-color: #fff; --body-bg: #f6f6f6; --theme-color-white: #ffffff; --bg-color: #f6f6f6; --theme-color-white-rgb: 255, 255, 255; --theme-color-silver: #eee; --theme-color-black: #000000; --theme-color-black-rgb: 0, 0, 0; --bg-theme-color1: var(--theme-color1); --bg-theme-color2: var(--theme-color2); --bg-theme-color3: var(--theme-color3); --border-color1-rgba: rgba(255, 255, 255, 0.2); --border-color2-rgba: rgba(255, 255, 255, 0.13); --text-color: #7A7A7A; --headings-color: #151515; --link-color: var(--theme-color1); --link-hover-color: var(--theme-color2); --body-font-family: "Beatrice Trial", sans-serif; --heading-font-family: "Beatrice Trial", sans-serif; --body-font-size: 16px; --body-line-height: 1.9; --body-font-weight: 400; --line-height-heading-h1: 100%; --line-height-heading: 120%; --line-height-heading-small: 1.4em; --h1-font-size: 100px; --h2-font-size: 39px; --h3-font-size: 30px; --h4-font-size: 24px; --h5-font-size: 20px; --h6-font-size: 15px; --h1-font-weight: 700; --h2-font-weight: 500; --h3-font-weight: 400; --h4-font-weight: 500; --h5-font-weight: 600; --h6-font-weight: 700; --sec-title-subtitle-color: #7e8596; --sec-title-subtitle-font-size: 16px; --sec-title-subtitle-font-weight: 500; --sec-title-subtitle-line-height: 1; --sec-title-color: var(--headings-color); --sec-title-font-size: 50px; --sec-title-font-weight: var(--h2-font-weight); --container-width: 1320px; --small-container-width: 1000px; --large-container-width: 1550px; --container-pt: 120px; --container-pb: 120px; --gradient-1: linear-gradient(90deg, #88ff2a 0%, #fff 100%); } /* * typography.scss * ----------------------------------------------- */ /* -------------------------------------------- Template Default Fonts & Fonts Styles ---------------------------------------------- */ ::selection { background: var(--theme-color1); color: #fff; text-shadow: none; } ::-moz-selection { background: var(--theme-color1); /* Firefox */ color: #fff; text-shadow: none; } ::-webkit-selection { background: var(--theme-color1); /* Safari */ color: #fff; text-shadow: none; } :active, :focus { outline: none !important; } ::-webkit-input-placeholder { color: #7c858c; } ::-moz-input-placeholder { color: #7c858c; } ::-ms-input-placeholder { color: #7c858c; } body { background-color: var(--body-bg); background-attachment: fixed; -ms-word-wrap: break-word; word-wrap: break-word; counter-reset: my-sec-counter; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; color: var(--text-color); font-size: var(--body-font-size); font-family: var(--body-font-family); line-height: var(--body-line-height); } p, .text { color: var(--text-color); font-size: var(--body-font-size); font-weight: var(--body-font-weight); line-height: var(--body-line-height); letter-spacing: -0.32px; } /* -------- Headings ---------- */ h1, h2, h3, h4, h5, h6 { color: var(--headings-color); position: relative; font-family: var(--heading-font-family); margin: 0; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small { font-weight: normal; line-height: 1; color: var(--headings-color); } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; font-weight: inherit; } h1 { font-size: var(--h1-font-size); font-weight: var(--h1-font-weight); line-height: var(--line-height-heading-h1); } h2 { font-size: var(--h2-font-size); font-weight: var(--h2-font-weight); line-height: var(--line-height-heading); } h3 { font-size: var(--h3-font-size); font-weight: var(--h3-font-weight); line-height: var(--line-height-heading); } @media (max-width: 1199.98px) { h3 { font-size: 26px; } } @media (max-width: 767.98px) { h3 { font-size: 25px; } } @media (max-width: 575.98px) { h3 { font-size: 22px; } } @media (max-width: 469.98px) { h3 { font-size: 20px; } } h4 { font-size: var(--h4-font-size); font-weight: var(--h4-font-weight); line-height: var(--line-height-heading-small); } @media (max-width: 1399.98px) { h4 { font-size: 22px; } } @media (max-width: 575.98px) { h4 { font-size: 20px; } } @media (max-width: 469.98px) { h4 { font-size: 19px; } } h5 { font-size: var(--h5-font-size); font-weight: var(--h5-font-weight); line-height: var(--line-height-heading-small); } h6 { font-size: var(--h6-font-size); font-weight: var(--h6-font-weight); line-height: var(--line-height-heading-small); } /* -------- Body Text ---------- */ table p { margin-bottom: 0; } p { padding: 0; margin: 0; } p a:not(.button):not(.btn):hover, p a:not(.button):not(.btn):focus { text-decoration: underline; } /* -------- other ---------- */ a { color: var(--link-color); text-decoration: none; font-weight: var(--body-font-weight); cursor: pointer; transition: all 0.3s ease; } a:hover, a:focus { color: inherit; text-decoration: none; outline: none; } a b, a strong { transition: all 0.3s ease; } a img { border: none; } pre, ul, ol, dl, dd, blockquote, address, table, fieldset { margin-bottom: 10px; } ol, ul { list-style-position: inside; margin: 0; padding: 0; list-style: none; } b, strong { color: #333; font-weight: var(--body-font-weight-bold); } iframe { border: none !important; } /* * container.scss * ----------------------------------------------- */ .container .container { width: 100%; } .container .container, .container .container-fluid, .container-fluid .container, .container-fluid .container-fluid { padding-left: 0; padding-right: 0; } .container-fluid { padding-left: 60px; padding-right: 60px; } @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: var(--container-width); } } .auto-container { position: static; max-width: var(--container-width); padding: 0px 15px; margin: 0 auto; width: 100%; } .container-1600 { max-width: 1600px; } /*=== Default Form ===*/ .form-control, .input-text { height: calc(2.25rem + 27px); padding: 14px 30px; outline: 0; background-color: #222222; border: 1px solid #35373a; color: #ffffff; font-size: 0.9rem; width: 100%; } .form-control::placeholder, .input-text::placeholder { color: #686a6f; opacity: 1; } .form-control:-ms-input-placeholder, .input-text:-ms-input-placeholder { color: #686a6f; } .form-control::-ms-input-placeholder, .input-text::-ms-input-placeholder { color: #686a6f; } .form-control:focus, .input-text:focus { background-color: #222222; box-shadow: none; border: transparent; } textarea.form-control { height: auto; padding-top: 15px; padding-bottom: 15px; } .pricing-tab-btn { display: flex; align-items: center; gap: 20px; margin-top: 40px; position: relative; z-index: 99; margin-bottom: 90px; } @media (max-width: 767.98px) { .pricing-tab-btn { margin-bottom: 20px; margin-top: 40px; } } .pricing-tab-btn span { font-size: 20px; font-weight: 700; color: var(--theme-color-white); font-family: var(--heading-font-family); } .pricing-tab-btn .nav { display: inline-flex; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 100px; padding: 5px 8px; line-height: 1; background: #151515; } .pricing-tab-btn .nav .nav-item .nav-link { font-size: 20px; font-weight: 700; color: var(--theme-color2); border-radius: 31px; font-family: var(--heading-font-family); padding: 0; width: 24px; height: 24px; border: none; transition: all 0.2s ease-in-out; } .pricing-tab-btn .nav .nav-item .nav-link.active { background: var(--theme-color1); color: var(--theme-color-white); } .tp-cursor #cursor-outer { display: block; } #cursor-outer { position: absolute; display: none; width: 10px; height: 10px; pointer-events: none; z-index: 99999; opacity: 0; top: 0; left: 0; } #cursorDot { position: fixed; display: flex; align-items: center; pointer-events: none; background-color: var(--theme-color1); border-radius: 50%; justify-content: center; mix-blend-mode: difference; color: transparent; } /* cursorDot view ============= */ #cursorDot .cursorDot-view { position: absolute; opacity: 0; visibility: hidden; padding: 0 5px; font-size: 15px; font-weight: 500; color: #000; line-height: 1.3; text-align: center; transform: scale(0); } /* cursorDot drag ============= */ #cursorDot .cursorDot-drag { position: absolute; display: block; width: 100%; padding: 0 5px; font-size: 15px; font-weight: 600; color: var(--theme-color-white); line-height: 1.2; text-align: center; transition: all 0.3s; } #cursorDot .cursorDot-drag::before, #cursorDot .cursorDot-drag::after { position: absolute; top: 50%; margin-top: -5px; font-size: 19px; color: var(--theme-color-white); height: 10px; line-height: 10px; font-family: "Font Awesome 5 Pro"; font-weight: 900; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; } #cursorDot .cursorDot-drag::before { content: "\f104"; /* Font Awesome */ left: 0; transform: translate3d(20px, 0, 0); transition: all 0.25s; } #cursorDot .cursorDot-drag::after { content: "\f105"; /* Font Awesome */ right: 0; transform: translate3d(-20px, 0, 0); transition: all 0.25s; } #cursorDot.with-blur { -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* cursorDot close ============== */ #cursorDot.cursorDot-close-enabled { opacity: 1 !important; } #cursorDot .cursorDot-close { position: absolute; padding: 0 5px; font-size: 14px; font-weight: 600; color: var(--theme-color1); line-height: 1; text-align: center; } .tp-magnetic-wrap { display: flex; justify-content: center; align-items: center; } .back-to-top { border-radius: 15px !important; background-color: var(--theme-color1); width: 50px; height: 50px; line-height: 50px; color: var(--theme-color-white); font-size: 18px; position: fixed; display: inline-flex; align-items: center; justify-content: center; z-index: 999; right: 30px; bottom: 30px; border: 0; cursor: pointer; transition: all 0.2s ease-in-out; opacity: 0; visibility: hidden; transform: translateY(20px); } .back-to-top-arrow { position: relative; display: block; width: 18px; height: 18px; } .back-to-top-arrow::before, .back-to-top-arrow::after { content: ""; position: absolute; left: 50%; display: block; } .back-to-top-arrow::before { top: 3px; width: 11px; height: 11px; border-top: 2px solid currentColor; border-left: 2px solid currentColor; border-radius: 1px; transform: translateX(-50%) rotate(45deg); } .back-to-top-arrow::after { top: 4px; width: 2px; height: 15px; border-radius: 999px; background: currentColor; transform: translateX(-50%); } .back-to-top:hover { background-color: var(--headings-color); color: var(--theme-color2); } .back-to-top.show { opacity: 1; visibility: visible; transform: translate(0); } .cursor-outer { margin-inline-start: -12px; margin-top: -12px; width: 30px; height: 30px; border: 1px solid var(--theme-color1); background-color: var(--theme-color1); box-sizing: border-box; z-index: 10000000; opacity: 0.34; transition: width 0.4s ease-out, height 0.4s ease-out, margin 0.4s ease-out, opacity 0.4s ease-out, background-color 0.4s ease-out, border-color 0.4s ease-out; } .cursor-outer.cursor-hover { opacity: 0.14; } .cursor-outer.cursor-big { opacity: 0; } .mouseCursor { position: fixed; top: 0; inset-inline-start: 0; inset-inline-end: 0; bottom: 0; pointer-events: none; border-radius: 50%; transform: translateZ(0); visibility: hidden; text-align: center; } .mouseCursor.cursor-big { width: 20px; height: 20px; margin-inline-start: -12px; margin-top: -12px; } .cursor-inner { margin-inline-start: -3px; margin-top: -3px; width: 10px; height: 10px; z-index: 10000001; background-color: var(--theme-color1); opacity: 1; transition: width 0.24s ease-out, height 0.24s ease-out, margin 0.24s ease-out, opacity 0.24s ease-out, background-color 0.24s ease-out, border-color 0.24s ease-out; } .cursor-inner span { color: #fff; line-height: 60px; opacity: 0; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; } .cursor-inner.cursor-big span { opacity: 1; } .cursor-inner.cursor-hover { margin-inline-start: -10px; margin-top: -10px; width: 30px; height: 30px; background-color: var(--theme-color1); border: 1px solid #686363; opacity: 0; } @media (max-width: 991px), (hover: none), (pointer: coarse) { .mouseCursor { display: none !important; visibility: hidden !important; } } /*======================= Preloader =======================*/ .preloader { position: fixed; top: 0; inset-inline-start: 0; width: 100%; height: 100%; background-color: #000; z-index: 100000000; color: #fdfdf9; user-select: none; } .preloader.is-loading .preloader-ball-inner, .preloader.is-loading .preloader-ball-shadow { animation-play-state: running; } .preloader.is-loaded { pointer-events: none; } .preloader .preloader-overlay { position: fixed; top: 0; inset-inline-start: 0; width: 100%; height: 100%; background-color: #000; z-index: 99999999; opacity: 1; animation: fade-out 2s forwards; } @keyframes fade-out { 0% { opacity: 1; } 50% { opacity: 1; } to { opacity: 0; } } .preloader .preloader-inner { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .preloader .preloader-ball-wrap { gap: 10px; position: relative; display: flex; inset-inline-start: 0; align-items: center; justify-content: center; transform: translateX(16px); } @media only screen and (min-width: 1025px) { .preloader .preloader-ball-wrap { transform: none; } } .preloader .preloader-ball-inner-wrap { position: absolute; width: 10px; height: 100%; top: 50%; inset-inline-start: -16px; transform: translate(-100%, -50%); z-index: 10000; } @media only screen and (min-width: 1025px) { .preloader .preloader-ball-inner-wrap { inset-inline-start: -30px; } } .preloader .preloader-ball-shadow { position: absolute; width: 16px; height: 4px; inset-inline-start: 50%; transform: translateX(-50%); background-color: var(--theme-color1); bottom: 0; border-radius: 50%; filter: blur(12px); box-shadow: 0 4px 20px 0 var(--theme-color1); transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1); animation-play-state: paused; animation: shadow-blur 1s linear infinite; } .preloader .preloader-ball-inner { position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: var(--theme-color1); animation: bounce-anim 1s linear infinite; box-shadow: 0 0 12px 0 #fdfdf9; transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1); animation-play-state: paused; } .preloader.is-loaded .preloader-ball-shadow { display: none; } .preloader.is-loaded .preloader-ball-inner { animation: fadeLeftToRight 0.7s linear; } .preloader .preloader-ball { position: absolute; width: 14px; height: 14px; bottom: 50%; inset-inline-start: 50%; transform: translate(-50%, 50%); border-radius: 50%; background-color: rgba(0, 255, 194, 0.1); box-shadow: 0 0 20px 0 var(--theme-color1); filter: blur(10px); } .preloader .preloader-text { font-size: 20px; position: relative; letter-spacing: 0; transform: translateY(-0.03em); transition: 0.3s; } .preloader.is-loaded .preloader-text { opacity: 0; visibility: hidden; } #weave-anim span { position: relative; transition: all 0.3s ease; display: inline-block; animation: tj-weave-anim 1.15s ease infinite; transform-origin: 100% 50%; transform-style: preserve-3d; } #weave-anim span:nth-child(1) { animation-delay: 0s; } #weave-anim span:nth-child(2) { animation-delay: 0.05s; } #weave-anim span:nth-child(3) { animation-delay: 0.1s; } #weave-anim span:nth-child(4) { animation-delay: 0.15s; } #weave-anim span:nth-child(5) { animation-delay: 0.2s; } #weave-anim span:nth-child(6) { animation-delay: 0.25s; } #weave-anim span:nth-child(7) { animation-delay: 0.3s; } #weave-anim span:nth-child(8) { animation-delay: 0.35s; } #weave-anim span:nth-child(9) { animation-delay: 0.4s; } #weave-anim span:nth-child(10) { animation-delay: 0.45s; } #weave-anim span:nth-child(11) { animation-delay: 0.5s; } #weave-anim span:nth-child(12) { animation-delay: 0.55s; } #weave-anim span:nth-child(13) { animation-delay: 0.6s; } #weave-anim span:nth-child(14) { animation-delay: 0.65s; } #weave-anim span:nth-child(15) { animation-delay: 0.7s; } #weave-anim span:nth-child(16) { animation-delay: 0.75s; } #weave-anim span:nth-child(17) { animation-delay: 0.8s; } #weave-anim span:nth-child(18) { animation-delay: 0.85s; } #weave-anim span:nth-child(19) { animation-delay: 0.9s; } #weave-anim span:nth-child(20) { animation-delay: 0.95s; } #weave-anim span:nth-child(21) { animation-delay: 1s; } #weave-anim span:nth-child(22) { animation-delay: 1.05s; } #weave-anim span:nth-child(23) { animation-delay: 1.15s; } @keyframes shadow-blur { 0% { filter: blur(12px); transform: translate(-50%) scale(0.6); opacity: 0.4; } 30% { filter: blur(2px); transform: translate(-50%, -0.5rem) scale(1); opacity: 1; } to { filter: blur(12px); transform: translate(-50%) scale(0.6); opacity: 0.4; } } @keyframes fadeLeftToRight { 0% { filter: blur(0); transform: translate(0) scale(1); opacity: 1; } 30% { filter: blur(0); transform: translate(-3000%, 0) scale(1); opacity: 1; } 40% { filter: blur(0); transform: translate(-2000%, 0) scale(1); opacity: 1; } 60% { filter: blur(0); transform: translate(0%, 0) scale(1); opacity: 1; } to { filter: blur(12px); transform: translate(1000%, 0) scale(7); opacity: 0.4; } } @keyframes bounce-anim { 0% { transform: translateY(calc(-50% - 1rem)) scaleX(1.4); } 3% { transform: translateY(calc(-50% - 0.95rem)) scale(1.1, 1.05); } 5% { transform: translateY(calc(-50% - 0.9rem)) scale(1.2, 1.1); } 8% { transform: translateY(calc(-50% - 0.8rem)) scale(0.98, 1.15); } 12% { transform: translateY(calc(-50% - 0.7rem)) scale(0.95, 1.2); } 16% { transform: translateY(calc(-50% - 0.5rem)) scale(0.92, 1.25); } 20% { transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4); } 24% { transform: translateY(calc(-50% + 0.4rem)) scale(0.9, 1.7); } 26% { transform: translateY(calc(-50% + 0.8rem)) scale(0.9, 1.4); } 28% { transform: translateY(calc(-50% + 0.95rem)) scale(1.2, 0.7); } 30% { transform: translateY(calc(-50% + 1rem)) scale(1.5, 0.3); } 32% { transform: translateY(calc(-50% + 0.8rem)) scale(1.4, 0.4); } 36% { transform: translateY(calc(-50% + 0.5rem)) scale(1.2, 0.8); } 42% { transform: translateY(calc(-50% + 0.2rem)) scaleY(1.2); } 48% { transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4); } 54% { transform: translateY(calc(-50% - 0.3rem)) scale(0.92, 1.3); } 62% { transform: translateY(calc(-50% - 0.5rem)) scale(0.95, 1.2); } 68% { transform: translateY(calc(-50% - 0.6rem)) scale(0.97, 1.15); } 75% { transform: translateY(calc(-50% - 0.7rem)) scale(0.98, 1.1); } 80% { transform: translateY(calc(-50% - 0.8rem)) scale(0.99, 1.08); } 85% { transform: translateY(calc(-50% - 0.9rem)) scaleY(1.05); } 90% { transform: translateY(calc(-50% - 0.95rem)) scale(1.2, 1.03); } 95% { transform: translateY(calc(-50% - 0.98rem)) scale(1.1, 1.01); } to { transform: translateY(calc(-50% - 1rem)) scaleX(1.4); } } @keyframes weave-anim { 0% { transform: translate3D(0, 0, 0) scale(1) rotateY(0); } 12% { transform: translate3D(2px, -2px, 2px) scale(1.16) rotateY(6deg); } 24% { transform: translate3D(0, 0, 0) scale(1) rotateY(0); } 36% { transform: translate3D(0, 0, 0) scale(1); } 100% { transform: scale(1); } } /* * boxed-layout.scss * ----------------------------------------------- */ .tm-boxed-layout { background-color: #444; padding-top: 40px; padding-bottom: 40px; padding-left: 15px; padding-right: 15px; } .tm-boxed-layout.layer-overlay:before { z-index: -1; } .tm-boxed-layout .page-wrapper { margin: 0 auto; overflow: hidden; } @media (min-width: 1200px) { .tm-boxed-layout .page-wrapper { width: 1170px; } } .tm-boxed-layout .container .container { width: 100%; } @media (min-width: 1200px) { .tm-boxed-layout .container { width: 1140px; } } @media (min-width: 1000px) { .tm-boxed-layout.tm-container-970px .page-wrapper { width: 970px; } } .tm-boxed-layout.tm-container-970px .container, .tm-boxed-layout.tm-container-970px .container-fluid { padding-left: 20px; padding-right: 20px; } .tm-boxed-layout.tm-container-970px .container .container, .tm-boxed-layout.tm-container-970px .container .container-fluid, .tm-boxed-layout.tm-container-970px .container-fluid .container, .tm-boxed-layout.tm-container-970px .container-fluid .container-fluid { padding-left: 0; padding-right: 0; } @media (min-width: 1300px) { .tm-boxed-layout.tm-container-1230px .page-wrapper { width: 1230px; } } .tm-boxed-layout.tm-container-1230px .container, .tm-boxed-layout.tm-container-1230px .container-fluid { width: 100%; padding-left: 20px; padding-right: 20px; } .tm-boxed-layout.tm-container-1230px .container .container, .tm-boxed-layout.tm-container-1230px .container .container-fluid, .tm-boxed-layout.tm-container-1230px .container-fluid .container, .tm-boxed-layout.tm-container-1230px .container-fluid .container-fluid { padding-left: 0; padding-right: 0; } @media (min-width: 1400px) { .tm-boxed-layout.tm-container-1300px .page-wrapper { width: 1300px; } } .tm-boxed-layout.tm-container-1300px .container, .tm-boxed-layout.tm-container-1300px .container-fluid { width: 100%; padding-left: 20px; padding-right: 20px; } .tm-boxed-layout.tm-container-1300px .container .container, .tm-boxed-layout.tm-container-1300px .container .container-fluid, .tm-boxed-layout.tm-container-1300px .container-fluid .container, .tm-boxed-layout.tm-container-1300px .container-fluid .container-fluid { padding-left: 0; padding-right: 0; } @media (min-width: 1400px) { .tm-boxed-layout.tm-container-1340px .page-wrapper { width: 1340px; } } .tm-boxed-layout.tm-container-1340px .container, .tm-boxed-layout.tm-container-1340px .container-fluid { width: 100%; padding-left: 20px; padding-right: 20px; } .tm-boxed-layout.tm-container-1340px .container .container, .tm-boxed-layout.tm-container-1340px .container .container-fluid, .tm-boxed-layout.tm-container-1340px .container-fluid .container, .tm-boxed-layout.tm-container-1340px .container-fluid .container-fluid { padding-left: 0; padding-right: 0; } @media (min-width: 1400px) { .tm-boxed-layout.tm-container-1440px .page-wrapper { width: 1440px; } } .tm-boxed-layout.tm-container-1440px .container, .tm-boxed-layout.tm-container-1440px .container-fluid { width: 100%; padding-left: 20px; padding-right: 20px; } .tm-boxed-layout.tm-container-1440px .container .container, .tm-boxed-layout.tm-container-1440px .container .container-fluid, .tm-boxed-layout.tm-container-1440px .container-fluid .container, .tm-boxed-layout.tm-container-1440px .container-fluid .container-fluid { padding-left: 0; padding-right: 0; } @media (min-width: 1560px) { .tm-boxed-layout.tm-container-1500px .page-wrapper { width: 1500px; } } .tm-boxed-layout.tm-container-1500px .container, .tm-boxed-layout.tm-container-1500px .container-fluid { width: 100%; padding-left: 20px; padding-right: 20px; } .tm-boxed-layout.tm-container-1500px .container .container, .tm-boxed-layout.tm-container-1500px .container .container-fluid, .tm-boxed-layout.tm-container-1500px .container-fluid .container, .tm-boxed-layout.tm-container-1500px .container-fluid .container-fluid { padding-left: 0; padding-right: 0; } @media (min-width: 1660px) { .tm-boxed-layout.tm-container-1600px .page-wrapper { width: 1600px; } } .tm-boxed-layout.tm-container-1600px .container, .tm-boxed-layout.tm-container-1600px .container-fluid { width: 100%; padding-left: 20px; padding-right: 20px; } .tm-boxed-layout.tm-container-1600px .container .container, .tm-boxed-layout.tm-container-1600px .container .container-fluid, .tm-boxed-layout.tm-container-1600px .container-fluid .container, .tm-boxed-layout.tm-container-1600px .container-fluid .container-fluid { padding-left: 0; padding-right: 0; } .tm-boxed-layout.tm-container-100pr .page-wrapper { width: 95%; } .tm-boxed-layout.tm-container-100pr .page-wrapper .container, .tm-boxed-layout.tm-container-100pr .page-wrapper .container-fluid { width: 100%; } .tm-boxed-layout.container-shadow .page-wrapper { box-shadow: 0 0 25px 0 #777; } .tm-boxed-layout .header, .tm-boxed-layout section, .tm-boxed-layout .footer { background-color: #fff; } .tm-boxed-layout .header .navbar-default { background-color: #fff; border-color: #fff; padding: 0; } .tm-boxed-layout .header .navbar-default .navbar-nav>li>a { padding: 30px 5px; } .tm-boxed-layout .header .navbar-default .navbar-collapse { background-color: #fff; border-color: #fff; margin-right: 30px; } .tm-boxed-layout .header #header-logo { margin: 0; padding-top: 27px; } .tm-boxed-layout .banner-section .slide-item { min-height: 540px; } .tm-boxed-layout .banner-section .slide-item .content-box { padding: 150px 0 220px; } .tm-boxed-layout .banner-section-two .content-box { padding: 250px 0 150px; } .tm-boxed-layout .banner-section-three .content-box { padding: 250px 0 150px; } .tm-boxed-layout .banner-section-four .content-box { padding: 130px 0; } @media (max-width: 1200px) { .tm-boxed-layout { padding-top: 15px; } .tm-boxed-layout .header .navbar-default .navbar-nav>li>a { padding: 10px; } .tm-boxed-layout .header .navbar-default .navbar-collapse { margin-right: 15px; } .tm-boxed-layout .navbar-header { padding: 15px 0; } .tm-boxed-layout .navbar-collapse .navbar-nav li a .caret { margin-right: 0; } } .accordion-box { position: relative; } .accordion-box .block { position: relative; margin-bottom: 10px; border-radius: 20px; border: 1px solid #dd3338 !important; background: var(--body-bg); padding: 27px 30px; line-height: 1; } .accordion-box .block:last-child { margin-bottom: 0; } .accordion-box .block .acc-btn { position: relative; font-size: 20px; color: var(--theme-color-white); font-weight: 500; transition: all 500ms ease; } .accordion-box .block .acc-btn span { color: var(--theme-color1); } @media (max-width: 1199.98px) { .accordion-box .block .acc-btn { font-size: 20px; } } @media (max-width: 767.98px) { .accordion-box .block .acc-btn { padding-right: 40px; } } .accordion-box .block .acc-btn .icon { border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; cursor: inherit; transition: all 0.4s ease-in-out; background-color: var(--theme-color2); color: var(--theme-color2-text-color); font-size: 18px; height: 35px; line-height: 25px; position: absolute; right: 0; transition: all 500ms ease; width: 34px; top: -8px; } .accordion-box .block .acc-btn.active { color: var(--theme-color1); } .accordion-box .block .acc-btn.active .icon { background-color: #fff; color: var(--headings-color); } .accordion-box .block .acc-btn.active .icon:before { content: "\f068"; } .accordion-box .block .acc-content { position: relative; display: none; padding-right: 20px; margin-top: 20px; } .accordion-box .block .acc-content .content { position: relative; } .accordion-box .block .acc-content .content .text { display: block; font-size: 16px; line-height: 30px; margin-bottom: 0; color: #000000 !important; } li.accordion.block.active-block .acc-content.current .content .text { display: block; font-size: 16px; line-height: 30px; margin-bottom: 0; color: #ffffff !important; } @media (max-width: 767.98px) { .accordion-box .block .acc-content .content .text { padding: 0; } } .accordion-box .block .acc-content.current { display: block; } .accordion-box .block.active-block { background: #262626; } /*** ==================================================================== Reset ==================================================================== ***/ * { margin: 0px; padding: 0px; border: none; outline: none; font-size: 100%; } /*** ==================================================================== Global Settings ==================================================================== ***/ textarea { overflow: hidden; resize: none; } button { outline: none !important; cursor: pointer; } ul, li { list-style: none; padding: 0px; margin: 0px; } .title a { color: #fff; } .color1 { color: var(--theme-color1); } .color2 { color: var(--theme-color2); } .color3 { color: var(--theme-color3); } .bg-color3 { background-color: var(--theme-color3) !important; } .page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px; z-index: 99; background-color: var(--body-bg); } .large-container { position: static; max-width: var(--large-container-width); padding: 0px 15px; margin: 0 auto; width: 100%; } .auto-container { position: static; max-width: var(--container-width); padding: 0px 15px; margin: 0 auto; width: 100%; } .small-container { position: static; max-width: var(--small-container-width); padding: 0px 15px; margin: 0 auto; width: 100%; } .pull-right { float: right; } .pull-left { float: left; } .dropdown-toggle::after { display: none; } /*======================= Scroll To Top style =======================*/ .scroll-to-top { position: fixed; right: 20px; bottom: 20px; width: 40px; font-size: 16px; line-height: 40px; color: var(--theme-color-black); text-align: center; cursor: pointer; background-color: var(--theme-color1); z-index: 100; display: none; border-radius: 50%; margin: 0 auto; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .scroll-to-top:hover { background: var(--theme-color1); color: #000; } /*======================= Preloader =======================*/ @keyframes text-split { 0%, 75%, 100% { opacity: 0; transform: rotateY(-90deg); } 25%, 50% { opacity: 1; transform: rotateY(0deg); } } .tabs-box { position: relative; } .tabs-box .tab { display: none; } .tabs-box .tab.active-tab { display: block; } /* background */ .bg-cover { background-repeat: no-repeat; background-size: cover; position: relative; background-position: center; } .fix { overflow: hidden; } .bb-top { border-top: 1px solid rgba(255, 255, 255, 0.2); } .line-shape-animation { max-width: 1654px; height: 100%; position: absolute; left: 50%; top: 0; justify-content: space-between; margin: 0 auto; transform: translateX(-50%); z-index: -1; } .line-shape-animation span { position: relative; width: 1px; height: 100%; display: block; background: rgba(255, 255, 255, 0.1); opacity: 0.5; } .line-shape-animation span::before, .line-shape-animation span::after { position: absolute; top: 0; left: 0; content: ""; background: var(--theme-color1); box-shadow: rgba(255, 255, 255, 0.1) 0px 8px 24px; border-top-left-radius: 50px; border-top-right-radius: 50px; clip-path: polygon(51% 8%, 68% 15%, 66% 40%, 60% 78%, 56% 100%, 46% 100%, 42% 84%, 38% 56%, 34% 17%); } .line-shape-animation span::after { animation: dscroll 2s linear infinite; width: 2px; height: 24px; bottom: 0; left: 0; background: var(--theme-color1); box-shadow: rgba(255, 255, 255, 0.1) 0px 8px 24px; border-top-left-radius: 50px; border-top-right-radius: 50px; clip-path: polygon(51% 8%, 68% 15%, 66% 40%, 60% 78%, 56% 100%, 46% 100%, 42% 84%, 38% 56%, 34% 17%); } .line-shape-animation span:nth-child(2)::after { animation: dscroll 2.1s linear infinite; } .line-shape-animation span:nth-child(3)::after { animation: dscroll 2.2s linear infinite; } .line-shape-animation span:nth-child(4)::after { animation: dscroll 2.3s linear infinite; } .line-shape-animation span:nth-child(5)::after { animation: dscroll 2.4s linear infinite; } .line-shape-animation span:nth-child(6)::after { animation: dscroll 1s linear infinite; } .line-shape-animation span:nth-child(7)::after { animation: dscroll 3.5s linear infinite; } .line-shape-animation span:nth-child(2)::backdrop { animation: dscroll 4.1s linear infinite; } .line-shape-animation span:nth-child(3)::before { animation: dscroll 4.2s linear infinite; } .line-shape-animation span:nth-child(4)::before { animation: dscroll 4.3s linear infinite; } .line-shape-animation span:nth-child(5)::before { animation: dscroll 4.4s linear infinite; } .line-shape-animation span:nth-child(6)::before { animation: dscroll 4s linear infinite; } .line-shape-animation span:nth-child(7)::before { animation: dscroll 4.5s linear infinite; } @keyframes dscroll { 100% { transform: translateY(100vh); } } .p-relative { position: relative !important; } .section-bg2 { background-color: var(--theme-color3); } .mb-135 { margin-bottom: 135px; } .mb-140 { margin-bottom: 140px; } .mb-145 { margin-bottom: 145px; } .mb-150 { margin-bottom: 150px; } .mb-155 { margin-bottom: 155px; } .mb-160 { margin-bottom: 160px; } .mb-165 { margin-bottom: 165px; } .mb-170 { margin-bottom: 170px; } .mb-175 { margin-bottom: 175px; } .mb-180 { margin-bottom: 180px; } .mb-185 { margin-bottom: 185px; } .mb-190 { margin-bottom: 190px; } .mb-195 { margin-bottom: 195px; } .mb-200 { margin-bottom: 200px; } .tp-hero-2-img-box.last-item { margin-bottom: 1100px; } .tilt_scale { display: inline-block; transition: transform 0.2s ease; } .theme-btn-main .btn-style-one.transform { border: 1px solid transparent; } .theme-btn-main .btn-style-one.transform:hover { background-color: var(--theme-color-black); border: 1px solid var(--theme-color1); color: var(--theme-color1); } .theme-btn-main:hover .transform, .transform { transform: none !important; } .swiper-dot { position: relative; } .swiper-dot .swiper-pagination-bullet { width: 10px; height: 10px; transition: 0.6s; background-color: rgba(255, 255, 255, 0.14); opacity: 1; border-radius: 10px; } .swiper-dot .swiper-pagination-bullet:not(:last-child) { margin-right: 5px; } .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--theme-color1); transition: 0.6s; position: relative; } .btn-style-one { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--theme-color1); border-radius: 50px; color: var(--theme-color1-text-color); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; overflow: hidden; padding: 14.5px 60px 14.5px 30px; position: relative; text-transform: capitalize; -webkit-transition: all 400ms ease; transition: all 400ms ease; z-index: 0; } .btn-style-one:hover .btn-arrow-left { scale: 1; } .btn-style-one:hover .btn-arrow-right { scale: 0; } .btn-style-one:hover .btn-title { -webkit-transform: translateX(30px); transform: translateX(30px); } .btn-style-one .btn-arrow-right { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--theme-color-white); border-radius: 50%; color: var(--theme-color2); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 15px; height: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: auto; line-height: 1; position: absolute; right: 10px; width: 40px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .btn-style-one .btn-arrow-right i { rotate: -30deg; } .btn-style-one .btn-arrow-left { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--theme-color-white); border-radius: 50%; color: var(--theme-color2); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 15px; height: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; left: 10px; position: absolute; right: auto; scale: 0; width: 40px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .btn-style-one .btn-title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100px; font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 10px; text-transform: capitalize; -webkit-transition: all 400ms ease; transition: all 400ms ease; font-size: 16px; color: var(--theme-color-white); } /*** ==================================================================== Anim Icons ==================================================================== ***/ @keyframes moveLeftRight { 0% { left: 0; } 100% { left: calc(100% - 210px); } } @keyframes moveRightToLeft { 0% { right: 0; } 100% { right: calc(100% - 100px); } } @keyframes wind-blow { 0% { transform-origin: 50% 100%; transform: skewX(-2deg); } 50% { transform-origin: 50% 100%; transform: skewX(2deg); } 100% { transform-origin: 50% 100%; transform: skewX(-2deg); } } .bounce-y { animation: bounce-y 10s infinite linear; } .bounce-x { animation: bounce-x 10s infinite linear; } .zoom-one { animation: zoom-one 10s infinite linear; } @keyframes float { 0% { transform: translateY(0); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0); } } @keyframes bounce-y { 0% { transform: translateY(0); } 50% { transform: translateY(-30px); } 100% { transform: translateY(0); } } @keyframes bounce-x { 0% { transform: translateX(0); } 50% { transform: translateX(30px); } 100% { transform: translateX(0); } } @keyframes zoom-one { 0% { transform: scale(0.95); } 50% { transform: scale(1.05); } 100% { transform: scale(0.95); } } @keyframes popupVideo { 70% { box-shadow: 0 0 0 40px rgba(10, 165, 205, 0); } 100% { box-shadow: 0 0 0 0 rgba(10, 165, 205, 0); } } .overlay-anim { position: relative; } .overlay-anim:after { background: rgba(255, 255, 255, 0.3); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 0; opacity: 1; z-index: 9; pointer-events: none; } .overlay-anim:hover:after { height: 100%; opacity: 0; transition: all 400ms linear; } .float-bob-y { -webkit-animation-name: float-bob-y; animation-name: float-bob-y; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes float-bob-y { 0% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } } @keyframes float-bob-y { 0% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } } .float-bob-x { -webkit-animation-name: float-bob-x; animation-name: float-bob-x; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes float-bob-x { 0% { -webkit-transform: translateX(0px); transform: translateX(30px); } 50% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(30px); transform: translateX(30px); } } @keyframes float-bob-x { 0% { -webkit-transform: translateX(30px); transform: translateX(30px); } 50% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(30px); transform: translateX(30px); } } @keyframes bounce-x { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(30px); transform: translateX(30px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } /*img-animation**********************/ .img-custom-anim-right { animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; opacity: 0; } @keyframes img-anim-right { 0% { transform: translateX(5%); clip-path: inset(0 0 0 100%); opacity: 0; } 100% { transform: translateX(0); clip-path: inset(0 0 0 0); opacity: 1; } } .img-custom-anim-left { animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; opacity: 0; } @keyframes img-anim-left { 0% { transform: translateX(-5%); clip-path: inset(0 100% 0 0); opacity: 0; } 100% { transform: translateX(0); clip-path: inset(0 0 0 0); opacity: 1; } } .img-custom-anim-top { animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1); opacity: 0; } @keyframes img-anim-top { 0% { transform: translateY(-5%); clip-path: inset(0 0 100% 0); opacity: 0; } 100% { transform: translateY(0); clip-path: inset(0 0 0 0); opacity: 1; } } .float-bob-y { -webkit-animation-name: float-bob-y; animation-name: float-bob-y; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes float-bob-y { 0% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } } @keyframes float-bob-y { 0% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } } .float-bob-x { -webkit-animation-name: float-bob-x; animation-name: float-bob-x; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes float-bob-x { 0% { -webkit-transform: translateX(0px); transform: translateX(30px); } 50% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(30px); transform: translateX(30px); } } @keyframes float-bob-x { 0% { -webkit-transform: translateX(30px); transform: translateX(30px); } 50% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(30px); transform: translateX(30px); } } @keyframes rounded { 50% { transform: rotate(20deg); } } @keyframes cir36 { 100% { transform: rotate(360deg); } } @-webkit-keyframes spinner { to { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @keyframes spinner { to { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @-webkit-keyframes letters-loading { 0%, 75%, 100% { opacity: 0; transform: rotateY(-90deg); } 25%, 50% { opacity: 1; transform: rotateY(0deg); } } @keyframes letters-loading { 0%, 75%, 100% { opacity: 0; transform: rotateY(-90deg); } 25%, 50% { opacity: 1; transform: rotateY(0deg); } } @keyframes loaderspin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } @keyframes tpswing { 0% { -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes width { 0% { width: 0%; } 100% { width: 100%; } } @-webkit-keyframes width { 0% { width: 0%; } 100% { width: 100%; } } @-webkit-keyframes loaderspin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } @keyframes loaderpulse { 0% { transform: scale(1); } 100% { transform: scale(1.2); } } @keyframes sway_Y { 0% { transform: translateY(0px); } 100% { transform: translateY(20px); } } .sway_Y__animation { animation: sway_Y 3s linear infinite alternate; } @keyframes sway_YY { 0% { transform: translateY(0px); } 100% { transform: translateY(-20px); } } .sway_Y__animationY { animation: sway_YY 3s linear infinite alternate; } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .animation__rotate { animation: rotate 30s linear infinite; } @keyframes rotateOne { 0% { transform: rotate(0deg); } 50% { transform: rotate(-20deg); } 100% { transform: rotate(0deg); } } @keyframes animate-positive { 0% { width: 0; } } @keyframes rotateAndScale { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(0.8); } 100% { transform: rotate(360deg) scale(1); } } .animation__rotateAndScale { animation: rotateAndScale 20s linear infinite; } @keyframes animate-positive { 0% { width: 0; } } .float-bob-y { -webkit-animation-name: float-bob-y; animation-name: float-bob-y; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes float-bob-y { 0% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } } @keyframes float-bob-y { 0% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } } .float-bob-x { -webkit-animation-name: float-bob-x; animation-name: float-bob-x; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes float-bob-x { 0% { -webkit-transform: translateX(0px); transform: translateX(30px); } 50% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(30px); transform: translateX(30px); } } @keyframes float-bob-x { 0% { -webkit-transform: translateX(30px); transform: translateX(30px); } 50% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(30px); transform: translateX(30px); } } @keyframes bounce-x { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(30px); transform: translateX(30px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .icon-bounce { animation: icon-bounce 1s infinite ease; /* Only -webkit- prefix is still somewhat relevant for very old mobile browsers */ -webkit-animation: icon-bounce 1s infinite ease; } @-webkit-keyframes icon-bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } } @keyframes icon-bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } } @keyframes bounce { 0%, 20%, 53%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transform: translateZ(0) scaleY(0.95); transform: translateZ(0) scaleY(0.95); -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } @keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes borderanimate2 { 0% { transform: translate(-50%, -50%) scale(0.8); } 60% { opacity: 1; } 100% { transform: translate(-50%, -50%) scale(2.5); opacity: 0; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes animate-positive { 0% { width: 0; } } /*** ==================================================================== Main Header ==================================================================== ***/ .header-style-one .main-box .nav-outer { position: relative; 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; width: 100%; } @media only screen and (max-width: 767px) { .header-style-one .main-box .outer-box { display: flex; align-items: center; gap: 30px; margin-right: 85px; } } .header-style-one .main-box .outer-box { margin-right: 0px !important; } @media (max-width: 1699.98px) { .header-style-one .main-box .outer-box { gap: 25px; } } .header-style-one .main-box .ui-btn-outer .header-contact { display: flex; align-items: center; gap: 30px; line-height: 1; } @media (max-width: 1699.98px) { .header-style-one .main-box .ui-btn-outer .header-contact { gap: 15px; } } @media (max-width: 1399.98px) { .header-style-one .main-box .ui-btn-outer .header-contact { display: none; } } .header-style-one .main-box .ui-btn-outer .header-contact .social-icon { gap: 20px; display: flex; align-items: center; border-right: 1px solid #C0C0C0; padding-right: 30px; } .header-style-one .main-box .ui-btn-outer .header-contact .social-icon a { color: #CFCFCF; font-size: 18px; } .header-style-one .main-box .ui-btn-outer .header-contact .social-icon a:hover { color: var(--headings-color); } .header-style-one .main-box .ui-btn-outer .header-contact .info-btn { font-weight: 600; color: var(--theme-color-white); } .header-style-one .main-box .ui-btn-outer .header-contact .info-btn:hover { color: var(--theme-color1); } .header-style-one .main-box .btn-style-one { padding: 20px 38px; } @media (max-width: 991.98px) { .header-style-one .main-box .btn-style-one { display: none; } } .header-1 { position: absolute; top: 0; left: 0; width: 100%; z-index: 9999; border-bottom: none; } .header-1 .container { max-width: 1680px; } .header-1 .main-menu .navigation>li>a { color: #000; } .header-1 .main-menu .navigation>li>a:hover { color: var(--theme-color1); } .header-1 .main-menu .navigation>li { margin-right: 35px; } @media (max-width: 1699.98px) { .header-1 .main-menu .navigation>li { margin-right: 20px; } } .header-1 .main-box { display: flex; align-items: center; gap: 70px; padding-top: 15px; padding-bottom: 15px; } @media only screen and (max-width: 1023px) { .header-1 .main-box { padding: 14px 0; gap: 0; } } .header-1 .ui-btn-outer { display: flex; align-items: center; gap: 10px; } .header-1 .ui-btn-outer .ui-btn-search { display: flex; align-items: center; gap: 20px; } .header-1 .ui-btn-outer .search-btn { background-color: var(--theme-color1); border-radius: 50%; color: #fff; display: inline-block; font-size: 14px; height: 40px; text-align: center; width: 40px; transition: all 0.4s ease-in-out; } .header-1 .ui-btn-outer .search-btn:hover { background-color: #fff; color: var(--theme-color2); } .header-1 .mobile-nav-toggler { margin-left: 0; display: block; position: relative; width: 26px; height: 11px; } .header-1 .mobile-nav-toggler span { position: absolute; width: 100%; height: 2px; display: inline-block; transition: all 0.3s; left: 0; background: #fff; overflow: hidden; } .header-1 .mobile-nav-toggler span:first-child { top: 0; background: #fff; left: 0; width: 26px; } .header-1 .mobile-nav-toggler span:nth-child(2) { top: 50%; transform: translateY(-50%); width: 19px; left: initial; right: 0; background: #fff; margin-top: 5px; } .header-1 .mobile-nav-toggler span:last-child { bottom: -9px; background: #fff; width: 13px; left: initial; right: 0; } .header-1 .mobile-nav-toggler.active span:first-child { transform: rotate(45deg) translate(3px, 9px); } .header-1 .mobile-nav-toggler.active span:nth-child(2) { opacity: 0; } .header-1 .mobile-nav-toggler.active span:last-child { transform: rotate(-45deg) translate(3px, -9px); } .header-1 .mobile-nav-toggler:hover { cursor: pointer; } .header-1 .contact-btn { color: #fff !important; display: inline-block; background-color: var(--theme-color1) !important; border-radius: 50px !important; height: 45px; line-height: 45px; padding: 0 30px !important; transition: all 0.4s ease-in-out; font-weight: 600; text-transform: uppercase; font-size: 14px; } @media (max-width: 1699.98px) { .header-1 .contact-btn { padding: 0 16px; font-size: 14px; } } .header-1 .contact-btn:hover { background-color: #fff; color: var(--theme-color2); } @media only screen and (max-width: 1023px) { .header-1 .contact-btn { display: none; } } @media only screen and (max-width: 1023px) { .header-2 { padding: 14px 0; gap: 0; } } .header-2 .main-box { display: initial; } .main-menu { position: relative; } .main-menu .navbar-header { display: none; } .main-menu .navbar-collapse { padding: 0px; } .main-menu .navigation { margin: 0px; position: relative; background: #fff1f1; border-radius: 100px; padding: 0 40px; display: flex; align-items: center; } .main-menu .navigation>li { float: none; margin-right: 30px; padding: 12px 0px; position: relative; transition: all 300ms ease; } .main-menu .navigation>li:last-child { margin-right: 0; } .main-menu .navigation>li:hover:before, .main-menu .navigation>li.current:before { left: 0; width: 100%; } .main-menu .navigation>li.dropdown>a:after { content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 8px; font-size: 14px; transition: all 300ms ease; } .main-menu .navigation>li.dropdown:hover>a:after { transform: rotate(180deg); } .main-menu .navigation>li>a { color: #000; display: flex; font-size: 15px; line-height: 30px; text-transform: uppercase; opacity: 1; padding: 0; position: relative; text-align: center; transition: all 300ms ease; font-family: var(--body-font-family); align-items: center; } .main-menu .navigation>li>a .icon { position: relative; font-size: 22px; line-height: 24px; margin-left: 10px; } .main-menu .navigation>li>a:hover { color: var(--theme-color1); } .main-menu .navigation>li.current>a { font-weight: 400; } .main-menu .navigation>li.dropdown:hover>ul { margin-top: 0; opacity: 1; top: 100%; transition: all 300ms ease; visibility: visible; } .main-menu .navigation>li>ul { background-color: var(--body-bg); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); display: none; left: 0px; margin-top: 30px; opacity: 0; padding: 10px 0 0; position: absolute; top: 100%; width: 220px; border-radius: 16px; z-index: 100; } .main-menu .navigation>li>ul.from-right { left: auto; right: 0px; } .main-menu .navigation>li>ul>li { position: relative; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .main-menu .navigation>li>ul>li:last-child { border-bottom: none; } .main-menu .navigation>li>ul>li>a { position: relative; display: block; padding: 10px 0px; line-height: 29px; font-weight: 400; font-size: 16px; color: #fff; text-align: left; font-family: var(--body-font-family); text-transform: capitalize; transition: all 200ms ease; } .main-menu .navigation>li>ul>li:hover>a { color: var(--theme-color1); } .main-menu .navigation>li>ul>li.dropdown>a:after { font-family: "Font Awesome 5 Free"; content: "\f105"; position: absolute; right: 0; top: 11px; display: block; line-height: 24px; font-size: 11px; font-weight: 600; z-index: 5; } .main-menu .navigation>li>ul>li.dropdown:hover>ul { visibility: visible; opacity: 1; top: 0px; margin-top: 20px; transition: all 300ms ease; } .main-menu .navigation>li>ul>li>ul { background-color: var(--body-bg); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); display: none; left: 100%; margin-top: 10px; opacity: 0; padding: 10px 0 0; position: absolute; top: 0px; transform: translateY(-30px); width: 270px; z-index: 100; border-radius: 16px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .main-menu .navigation>li>ul>li>ul>li { position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.1); width: 100%; } .main-menu .navigation>li>ul>li>ul>li:last-child { border-bottom: none; } .main-menu .navigation>li>ul>li>ul>li>a { position: relative; display: block; padding: 10px 0; line-height: 24px; font-weight: 400; font-size: 16px; color: #fff; font-family: var(--body-font-family); text-align: left; margin: 0 30px; text-transform: capitalize; transition: all 300ms ease; } .main-menu .navigation>li>ul>li>ul>li>a:hover { color: var(--theme-color1); } .main-menu .navigation li.dropdown .dropdown-btn { border: 1px solid #ffffff; color: #ffffff; cursor: pointer; display: none; font-size: 16px; height: 30px; line-height: 26px; position: absolute; right: 10px; text-align: center; top: 8px; width: 34px; z-index: 5; } .sticky-header { background-color: rgba(10, 8, 8, 0.9843137255); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); left: 0px; opacity: 0; padding: 0px; position: fixed; top: 0px; visibility: hidden; width: 100%; z-index: 99999; } @media only screen and (min-width: 1023px) { .sticky-header .mobile-nav-toggler { display: none; } } .sticky-header.fixed-header { opacity: 1; padding-top: 18px; padding-bottom: 18px; visibility: visible; z-index: 9999; } .sticky-header .logo { padding: 10px 0; } .sticky-header .logo img { max-height: 40px; } .sticky-header .nav-outer { background: none; position: relative; } .sticky-header .inner-container { align-items: center; display: flex; justify-content: space-between; position: relative; } .sticky-header .main-menu .navigation>li { margin: 0; margin-left: 30px; padding: 12px 0; } .sticky-header .main-menu .navigation>li>a { color: #000; } .sticky-header .main-menu .navigation>li.current>a, .sticky-header .main-menu .navigation>li:hover>a { color: var(--theme-color1); } .sticky-header .main-menu .navigation>li:before { display: none; } .sticky-header .outer-box, .sticky-header .navbar-header { display: none; } .sticky-header .mobile-nav-toggler { color: var(--theme-color-white) !important; font-size: 22px; line-height: 1; } .header-1 .sticky-header .main-menu .navigation>li>a { color: #000; } .header-1 .sticky-header .main-menu .navigation>li.current>a, .header-1 .sticky-header .main-menu .navigation>li:hover>a { color: var(--theme-color1); } .header-1 .sticky-header .main-menu .navigation>li:before { display: none; } @media only screen and (max-width: 1700px) { .main-header .header-lower .outer-box .ui-btn-outer { border-right: 0; margin-right: 0; padding-right: 0; } .header-style-one .header-lower .logo-box { margin-right: 30px; } .main-menu .navigation>li { margin-right: 50px; } } @media only screen and (max-width: 1439px) { .main-menu .navigation>li { margin-right: 30px; } } @media only screen and (max-width: 1199px) { .header-top { margin-left: 0; padding: 0; } .main-header .main-box { align-items: center; } .main-header .header-lower .logo-box { margin-top: 0; min-height: auto; } } @media only screen and (min-width: 768px) { .main-menu .navigation>li>ul, .main-menu .navigation>li>ul>li>ul { display: block !important; visibility: hidden; opacity: 0; } } @media only screen and (max-width: 1023px) { .header-top, .main-header .main-menu { display: none; } .main-header .logo { min-width: auto; } .main-header .logo img, .sticky-header .main-header .logo img { width: auto; max-width: none; max-height: 35px; } .main-header .main-box .nav-outer { width: auto; } .main-header .main-box { justify-content: space-between; } } @media only screen and (max-width: 767px) { .main-slider .title { padding: 7px 20px; } .main-slider .title:before { display: none; } } @media only screen and (max-width: 599px) { .main-header .header-lower .logo-box { padding-left: 0; min-width: auto; margin-right: 0px; max-width: 140px; } .main-header .header-lower .logo-box .logo img { max-width: 140px; } } /*** ==================================================================== Helping Section ==================================================================== ***/ .section-padding { padding: 60px 0; } @media (max-width: 1199.98px) { .section-padding { padding: 100px 0; } } @media (max-width: 991.98px) { .section-padding { padding: 80px 0; } } /* background */ .bg-cover { background-repeat: no-repeat; background-size: cover; position: relative; background-position: center; } @keyframes draw { to { stroke-dashoffset: 0; } } @keyframes draw2 { to { stroke-dashoffset: 0; } } @media (max-width: 767.98px) { br { display: none; } } .fix { overflow: hidden; } .align-flex-end { align-items: flex-end; margin-bottom: 30px; } .array-button { display: flex; align-items: center; gap: 18px; } .array-button .array-prev, .array-button .array-next { border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; cursor: inherit; transition: all 0.4s ease-in-out; cursor: pointer !important; width: 50px; height: 50px; background: var(--theme-color2); color: #fff; font-size: 18px; font-weight: 600; transition: all 0.2s ease-in-out; } .array-button .array-prev:hover, .array-button .array-next:hover { color: var(--theme-color-black); background: var(--theme-color1); border: none; } .bb-top { border-top: 1px solid rgba(12, 47, 37, 0.1); } .bb-bottom { border-bottom: 1px solid rgba(12, 47, 37, 0.1); } .section-bg { background-color: var(--bg-color) !important; } .section-bg-2 { background-color: var(--theme-color-black) !important; } .section-bg-3 { background-color: var(--theme-color2) !important; } .swiper-dot { position: relative; z-index: 99; text-align: center; margin-top: 40px; line-height: 1; } @media (max-width: 767.98px) { .swiper-dot { margin-top: 30px; } } .swiper-dot .swiper-pagination-bullet { width: 10px; height: 10px; transition: all 0.2s ease-in-out; background-color: var(--border-color1-rgba); opacity: 1; border-radius: 15px; } .swiper-dot .swiper-pagination-bullet:not(:last-child) { margin-right: 10px; } .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--theme-color1); transition: 0.6s; position: relative; } .tp--hover-item { position: relative; } .tp--hover-img { overflow: hidden; } .tp--hover-img canvas { top: 0; left: 0; width: 100%; border-radius: 40px; height: 100%; position: absolute; } .anim-reveal-line { overflow: hidden; } .body-bg { background-color: #f6f5ef; } .sticky-style { position: sticky; top: 100px; } .get-in-touch { background-color: var(--theme-color3); border-radius: 20px; color: #fff; display: inline-flex; font-weight: 400; gap: 5px; line-height: 26px; margin-top: 60px; padding: 7px 20px; position: relative; text-align: center; text-transform: capitalize; } .get-in-touch.style-5 { background-color: #0F0B19; } .get-in-touch.style-5 a { font-family: var(--heading-font-family); } @media (max-width: 767.98px) { .get-in-touch { flex-wrap: wrap; justify-content: center; padding: 10px 20px; } } .get-in-touch::after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 8px); height: 46px; border-radius: 28px; z-index: -1; background: linear-gradient(90deg, #88ff2a 0%, rgba(82, 153, 25, 0) 100%); } @media (max-width: 767.98px) { .get-in-touch::after { display: none; } } .get-in-touch a { color: var(--theme-color1); text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; } .video-icon { position: relative; transition: all 0.2s ease-in-out; z-index: 11; } .video-icon .video-button-ripple::before, .video-icon .video-button-ripple::after { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); animation: popupVideo 3s infinite; border-radius: 50%; } .video-icon .video-button-ripple::before { animation-delay: 0.9s; content: ""; position: absolute; } .video-icon .video-button-ripple::after { animation-delay: 0.6s; content: ""; position: absolute; } .multiple-section { position: relative; z-index: 1; } .multiple-section .work-one { position: relative; } .multiple-section .work-one .top-object-1 { position: absolute; bottom: 0; right: 0; } .multiple-section .inner { margin: 0 60px; border-radius: 40px; position: relative; } .multiple-section .inner .object-cricle { position: absolute; bottom: 0; left: 0; } @media (max-width: 1699.98px) { .multiple-section .inner { margin: 0 35px; } } @media (max-width: 1399.98px) { .multiple-section .inner { margin: 0 25px; } } @media (max-width: 1199.98px) { .multiple-section .inner { margin: 0 15px; padding-left: 10px !important; padding-right: 10px !important; } } .multiple-section .inner .shape-1 { position: absolute; top: -20px; right: -20px; } .multiple-section .inner .light-shape { position: absolute; width: 1080px; height: 1080px; border-radius: 50%; opacity: 0.2; left: -5%; bottom: -100px; background: transparent; border: 110px solid var(--theme-color1); filter: blur(125px); z-index: -1; } .multiple-section .inner .light-shape2 { position: absolute; width: 555px; height: 555px; border-radius: 50%; opacity: 0.3; right: -15%; bottom: -10px; background: transparent; border: 60px solid var(--theme-color1); filter: blur(125px); z-index: -1; } .multiple-section .inner .bg-image { background-color: var(--theme-color3); position: absolute; top: 0; width: 100%; height: 100%; left: 0; filter: grayscale(100); opacity: 0.1; border-radius: 40px; } .multiple-section .inner::after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; content: ""; background-color: var(--theme-color3); left: 10px; z-index: -1; border-radius: 40px; } .multiple-section-6 .inner .array-button .array-next, .multiple-section-6 .inner .array-button .array-prev { background-color: var(--body-bg); } .multiple-section-6 .inner .array-button .array-next:hover, .multiple-section-6 .inner .array-button .array-prev:hover { background-color: var(--theme-color1); } .title-shadow { position: absolute; left: -30px; top: 50%; transform: translateY(-50%); color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255, 255, 255, 0.24); font-size: 250px; font-weight: 700; line-height: 1; letter-spacing: -5px; text-transform: uppercase; writing-mode: sideways-lr; white-space: nowrap; z-index: -1; } .title-shadow::after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; content: ""; background: #0a0a0a; filter: blur(90px); opacity: 1; left: auto; right: -80px; } @media (max-width: 1699.98px) { .title-shadow::after { display: none; } } @media (max-width: 1699.98px) { .title-shadow { position: relative; right: 0; transform: none; top: 0; left: 0; text-align: center; writing-mode: unset; z-index: 1; white-space: unset; } } @media (max-width: 1199.98px) { .title-shadow { font-size: 220px; } } @media (max-width: 991.98px) { .title-shadow { font-size: 180px; } } @media (max-width: 767.98px) { .title-shadow { font-size: 150px; } } @media (max-width: 575.98px) { .title-shadow { font-size: 120px; } } @media (max-width: 469.98px) { .title-shadow { font-size: 100px; } } .title-shadow.style-2 { left: auto; right: -30px; writing-mode: sideways-rl; } @media (max-width: 1699.98px) { .title-shadow.style-2 { writing-mode: unset; } } .title-shadow.style-2::after { right: auto; left: -80px; } .title-shadow-2 { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: -135px; color: var(--theme-color1); text-align: center; font-size: 160px; line-height: 1; font-weight: 700; text-transform: uppercase; } @media (max-width: 1199.98px) { .title-shadow-2 { top: -102px; font-size: 120px; } } @media (max-width: 991.98px) { .title-shadow-2 { top: -150px; font-size: 105px; } } @media (max-width: 767.98px) { .title-shadow-2 { top: -70px; font-size: 80px; } } @media (max-width: 575.98px) { .title-shadow-2 { top: -115px; } } @media (max-width: 469.98px) { .title-shadow-2 { font-size: 60px; } } .title-shadow-2 span { color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--border-color1-rgba); } .bb-bottom { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .theme-color { color: var(--theme-color1) !important; } .mt-minus-30px { margin-top: -30px; } .pb-160 { padding-bottom: 160px !important; } @media (max-width: 1199.98px) { br { display: none; } } .text-body { color: #D9D9D9 !important; } /*** ==================================================================== Mobile Menu ==================================================================== ***/ .mobile-nav-toggler { position: relative; cursor: pointer; display: none; top: 0px; margin-left: 25px; order: 8; } .mobile-nav-toggler.style-2 { display: inline-flex; flex-direction: column; gap: 7px; align-items: flex-end; } .mobile-nav-toggler.style-2 span { display: block; width: 40px; height: 2px; background-color: #fff; } .mobile-nav-toggler.style-2 span:nth-child(2) { width: 30px; transition: all 0.3s ease; } .mobile-nav-toggler.style-2 span:nth-child(3) { width: 20px; transition: all 0.4s ease; } .mobile-nav-toggler.style-2:hover span:nth-child(2) { width: 40px; } .mobile-nav-toggler.style-2:hover span:nth-child(3) { width: 40px; } @media only screen and (max-width: 1023px) { .mobile-nav-toggler { display: block !important; } } .mobile-menu { position: fixed; right: 0; top: 0; width: 300px; max-width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: 999999; } .mobile-menu .menu-backdrop { position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0, 0, 0, 0.7); opacity: 0; visibility: hidden; } .mobile-menu .upper-box { position: relative; 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; width: 100%; padding: 20px 20px; } .mobile-menu .close-btn { position: relative; top: 5px; text-align: center; font-size: 30px; color: #fff; cursor: pointer; z-index: 10; transition: all 0.5s ease; transform: translateY(-50px); } .mobile-menu .close-btn:hover { opacity: 0.5; } .mobile-menu .nav-logo { position: relative; text-align: left; width: 100%; } .mobile-menu .nav-logo img { max-height: 40px; } .mobile-menu .menu-box { position: relative; display: flex; flex-direction: column; justify-content: flex-start; left: 0px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; background-color: rgba(10, 8, 8, 0.9843137255); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); padding: 0px 0px; z-index: 5; opacity: 0; visibility: hidden; border-radius: 0px; transform: translateX(101%); } .mobile-menu-visible { overflow: hidden; } .mobile-menu-visible .mobile-menu { opacity: 1; visibility: visible; } .mobile-menu-visible .mobile-menu .menu-backdrop { opacity: 1; visibility: visible; transition: all 0.4s ease; } .mobile-menu-visible .mobile-menu .menu-box { opacity: 1; visibility: visible; transition: all 0.4s ease 200ms; transform: translateX(0%); } .mobile-menu-visible .mobile-menu .close-btn { transform: translateY(0px); } .mobile-menu-visible .scroll-to-top { opacity: 0; visibility: hidden; } .mobile-menu .navigation { position: relative; display: block; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.1); } .mobile-menu .navigation li { position: relative; display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .mobile-menu .navigation li>ul>li:last-child { border-bottom: none; } .mobile-menu .navigation li>ul>li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.1); } .mobile-menu .navigation li>a { position: relative; display: block; line-height: 24px; padding: 10px 20px; font-size: 16px; color: #ffffff; font-weight: 400; text-transform: capitalize; } .mobile-menu .navigation li:hover>a, .mobile-menu .navigation li.current>a { color: var(--theme-color1); } .mobile-menu .navigation li.dropdown .dropdown-btn { position: absolute; right: 0px; top: 0px; width: 44px; height: 44px; text-align: center; font-size: 17px; line-height: 44px; font-weight: 500; font-family: var(--title-font); color: #ffffff; cursor: pointer; z-index: 5; } .mobile-menu .navigation li.dropdown .dropdown-btn:after { content: ""; position: absolute; left: 0px; top: 10px; width: 1px; height: 24px; border-left: 1px solid rgba(255, 255, 255, 0.1); } .mobile-menu .navigation li.dropdown .dropdown-btn.active i:before { content: "\f106"; } .mobile-menu .navigation li>ul, .mobile-menu .navigation li>ul>li>ul { display: none; } .mobile-menu .navigation li>ul>li { padding-left: 20px; } .contact-list-one { position: relative; padding: 30px 20px 20px; } .contact-list-one li { position: relative; margin-bottom: 20px; } .contact-list-one li:last-child { margin-right: 0; } .contact-list-one li .contact-info-box { position: relative; padding-left: 54px; font-size: 14px; line-height: 24px; color: #ffffff; } .contact-list-one li .contact-info-box a { color: #ffffff; transition: all 300ms ease; } .contact-list-one li .contact-info-box .icon { position: absolute; left: 0; top: 0; font-size: 34px; line-height: 50px; color: #fff; } .contact-list-one li .contact-info-box .title { display: block; font-size: 12px; color: #b2c1c0; font-weight: 400; text-transform: uppercase; } .mobile-menu .social-links { position: relative; display: flex; align-items: center; justify-content: space-between; background: var(--bg-theme-color1); width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.1); margin-top: auto; } .mobile-menu .social-links li { position: relative; text-align: center; width: 100%; border-right: 1px solid rgba(0, 0, 0, 0.1); } .mobile-menu .social-links li a { position: relative; display: block; line-height: 50px; height: 50px; font-size: 14px; text-align: center; color: #fff; transition: all 300ms ease; } .mobile-menu .social-links li a:hover { color: var(--theme-color-black); } /*** ==================================================================== Search Popup ==================================================================== ***/ .search-popup { position: fixed; left: 0; top: 0; height: 100vh; width: 100%; z-index: 99; opacity: 0; visibility: hidden; transition: all 500ms ease; overflow: hidden; transform: scale(0.95); } .search-popup .search-back-drop { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: var(--bg-theme-color2); opacity: 0.95; } .search-popup .close-search { position: absolute; top: 30px; right: 30px; font-size: 26px; color: var(--theme-color-light); z-index: 3; border-radius: 50%; background-color: transparent; transition: all 500ms ease; } .search-popup .search-inner { position: relative; display: block; top: 40%; height: auto; z-index: 1; width: calc(100% - 60px); max-width: 800px; margin: auto; opacity: 0; transform: translateY(-50px); transition: all 300ms ease; } .search-popup .form-group { position: relative; display: flex; align-items: center; } .search-popup .form-group input[type=search], .search-popup .form-group input[type=text] { position: relative; display: block; line-height: 20px; font-size: 16px; width: 100%; height: 50px; border: 1px solid #e1e6dc; padding: 15px 20px; color: #707070; background: #ffffff; border-radius: 5px; transition: all 500ms ease; } .search-popup .form-group input[type=search]:focus, .search-popup .form-group input[type=text]:focus { border-color: var(--border-theme-color2); } .search-popup .form-group button { position: absolute; right: 5px; top: 5px; height: 40px; width: 40px; display: block; font-size: 18px; color: var(--theme-color-dark); line-height: 40px; border-radius: 5px; font-weight: normal; background: #ffffff; transition: all 500ms ease; } .search-popup .form-group button:hover { color: var(--theme-color-dark); } .search-popup textarea::placeholder, .search-popup input::placeholder { color: inherit; } .moblie-search-active .search-popup { opacity: 1; visibility: visible; transform: scale(1); border-radius: 0%; } .moblie-search-active .search-popup .search-inner { opacity: 1; transform: translateY(0); transition-delay: 500ms; } /*** ==================================================================== Section Title ==================================================================== ***/ .sec-title { margin-bottom: 30px; } @media (max-width: 767.98px) { .sec-title { margin-bottom: 10px; } } .sec-title .sub-title { font-size: 16px; font-weight: 400; line-height: 1; position: relative; color: #e60023; font-family: var(--body-font-family); display: inline-flex; margin-bottom: 18px; } .sec-title .sub-title img { margin-right: 8px; } .sec-title .title span { color: var(--theme-color1); } @media (max-width: 1199.98px) { .sec-title .title { font-size: 44px; } } @media (max-width: 767.98px) { .sec-title .title { font-size: 40px; } } @media (max-width: 575.98px) { .sec-title .title { font-size: 36px; } } @media (max-width: 469.98px) { .sec-title .title { font-size: 28px; } } .section-title-area { display: flex; align-items: center; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; row-gap: 30px; } .hero-1 { padding: 200px 0 200px; position: relative; background: radial-gradient(circle at 50% 0%, rgba(230, 0, 35, 0.4) 0%, rgba(0, 0, 0, 1) 70%) !important; background-color: #000 !important; } .hero-1 .hero-video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } @media (max-width: 1199.98px) { .hero-1 { padding: 180px 0 130px; } } @media (max-width: 767.98px) { .hero-1 { padding: 160px 0 110px; } } @media (max-width: 575.98px) { .hero-1 { padding: 150px 0 100px; } } .hero-1 .arrow-path { width: 220px; height: 130px; color: black; stroke-dasharray: 1000; animation: draw 10s linear infinite; } @keyframes draw { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .hero-1 .hero-oboject-2 { position: absolute; bottom: -5%; right: -5%; } @media (max-width: 1399.98px) { .hero-1 .hero-oboject-2 { bottom: 0; max-width: 400px; } .hero-1 .hero-oboject-2 img { width: 100%; height: 100%; } } @media (max-width: 1199.98px) { .hero-1 .hero-oboject-2 { display: none; } } .hero-1 .hero-content { position: relative; z-index: 9; text-align: center; } .hero-1 .hero-content .line-ani { position: absolute; top: 155px; left: 64%; transform: translateX(-50%); z-index: -1; } .hero-1 .hero-content .line-ani svg { width: 350px; } @media (max-width: 1199.98px) { .hero-1 .hero-content .line-ani { display: none; } } .hero-1 .hero-content .hero-title { color: #fff; max-width: 900px; margin: 0 auto; font-size: 80px; text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.5); animation: openWithBlur 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; } @keyframes openWithBlur { 0% { transform: scale(0.9); filter: blur(15px); opacity: 0; } 100% { transform: scale(1); filter: blur(0); opacity: 1; } } @media (max-width: 1199.98px) { .hero-1 .hero-content .hero-title { font-size: 75px; } } @media (max-width: 991.98px) { .hero-1 .hero-content .hero-title { font-size: 60px; line-height: 120%; } } @media (max-width: 767.98px) { .hero-1 .hero-content .hero-title { font-size: 48px; text-align: center; } } @media (max-width: 575.98px) { .hero-1 .hero-content .hero-title { font-size: 38px; } } .hero-1 .hero-content .hero-title span { font-weight: 250; } .hero-1 .hero-content .content-items { display: flex; align-items: center; justify-content: center; gap: 0; margin-left: 0; position: relative; } @media (max-width: 991.98px) { .hero-1 .hero-content .content-items { margin-left: 60px; } } @media (max-width: 767.98px) { .hero-1 .hero-content .content-items { margin-left: 0; flex-wrap: wrap; gap: 30px; justify-content: center; } } .hero-1 .hero-content .content-items .circle-box { position: absolute; left: 0; bottom: 0; } .hero-1 .hero-content .content-items .circle-box .ani-circle { animation: cir36 10s linear infinite; } .hero-1 .hero-content .content-items .circle-box .arrow-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .hero-1 .hero-content .content-items .content { max-width: 600px; text-align: center; } @media (max-width: 767.98px) { .hero-1 .hero-content .content-items .content { margin: 0 auto; text-align: center; } } .hero-1 .hero-content .content-items .content .hero-text { font-size: 18px; color: rgba(255, 255, 255, 0.8); margin-bottom: 30px; } .hero-1 .hero-content .content-items .light-shape-2 { position: absolute; right: -150px; top: -100px; max-width: 400px; animation: heroImageUplift 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; opacity: 0; z-index: 10; } .hero-1 .hero-content .content-items .light-shape-2 img { width: 100%; height: auto; } @keyframes heroImageUplift { 0% { transform: translateY(100px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @media (max-width: 1399.98px) { .hero-1 .hero-content .content-items .light-shape-2 { max-width: 350px; } } @media (max-width: 1199.98px) { .hero-1 .hero-content .content-items .light-shape-2 { display: none; } } @media (max-width: 767.98px) { .hero-1 .hero-content .content-items .content .hero-text { font-size: 16px; text-align: center; } } .hero-1-bg-stack { position: absolute; inset: 0; z-index: -2; } .hero-1-bg-stack .hero-1-bg { position: absolute; inset: 0; z-index: 0; background-repeat: no-repeat; background-size: cover; background-position: center; transform-origin: center center; will-change: transform, opacity; } .hero-1-bg-stack .hero-1-bg:only-child { opacity: 1; z-index: 1; animation: hero-1-kenburns 8s ease-in-out infinite alternate; } .hero-1-bg-stack .hero-1-bg:nth-child(1):nth-last-child(2) { animation: hero-1-kenburns 8s ease-in-out infinite alternate, hero-1-bg-xfade-2-first 8s ease-in-out infinite; } .hero-1-bg-stack .hero-1-bg:nth-child(2):nth-last-child(1) { animation: hero-1-kenburns-rev 8s ease-in-out infinite alternate, hero-1-bg-xfade-2-second 8s ease-in-out infinite; } .hero-1-bg-stack .hero-1-bg:nth-child(1):nth-last-child(3) { animation: hero-1-kenburns 8s ease-in-out infinite alternate, hero-1-bg-xfade-3-first 12s ease-in-out infinite; } .hero-1-bg-stack .hero-1-bg:nth-child(2):nth-last-child(2) { animation: hero-1-kenburns-rev 8s ease-in-out infinite alternate, hero-1-bg-xfade-3-second 12s ease-in-out infinite; } .hero-1-bg-stack .hero-1-bg:nth-child(3):nth-last-child(1) { animation: hero-1-kenburns 8s ease-in-out infinite alternate, hero-1-bg-xfade-3-third 12s ease-in-out infinite; } @media (prefers-reduced-motion: reduce) { .hero-1-bg-stack .hero-1-bg { animation: none !important; opacity: 0; } .hero-1-bg-stack .hero-1-bg:first-child { opacity: 1; } } @keyframes hero-1-kenburns { 0% { transform: scale(1) translate3d(0, 0, 0); } 100% { transform: scale(1.25) translate3d(-3%, -2%, 0); } } @keyframes hero-1-kenburns-rev { 0% { transform: scale(1.25) translate3d(3%, 2%, 0); } 100% { transform: scale(1) translate3d(0, 0, 0); } } @keyframes hero-1-bg-xfade-2-first { 0%, 40% { opacity: 1; } 46%, 91% { opacity: 0; } 96%, 100% { opacity: 1; } } @keyframes hero-1-bg-xfade-2-second { 0%, 40% { opacity: 0; } 46%, 91% { opacity: 1; } 96%, 100% { opacity: 0; } } @keyframes hero-1-bg-xfade-3-first { 0%, 29% { opacity: 1; } 34%, 95% { opacity: 0; } 99%, 100% { opacity: 1; } } @keyframes hero-1-bg-xfade-3-second { 0%, 29% { opacity: 0; } 34%, 62% { opacity: 1; } 67%, 95% { opacity: 0; } 99%, 100% { opacity: 0; } } @keyframes hero-1-bg-xfade-3-third { 0%, 62% { opacity: 0; } 67%, 95% { opacity: 1; } 99%, 100% { opacity: 0; } } .line-shape-animation { max-width: 1654px; height: 100%; position: absolute; left: 50%; top: -20px; justify-content: space-between; margin: 0 auto; transform: translateX(-50%); z-index: 1; } @media (max-width: 1399.98px) { .line-shape-animation { display: none !important; } } .line-shape-animation span { position: relative; width: 1px; height: 100%; display: block; background: rgba(255, 255, 255, 0.1); } .line-shape-animation span::before, .line-shape-animation span::after { position: absolute; top: 0; left: 0; content: ""; background: var(--theme-color1); box-shadow: rgba(255, 255, 255, 0.1) 0px 8px 24px; border-top-left-radius: 50px; border-top-right-radius: 50px; clip-path: polygon(51% 8%, 68% 15%, 66% 40%, 60% 78%, 56% 100%, 46% 100%, 42% 84%, 38% 56%, 34% 17%); } .line-shape-animation span::after { animation: dscroll 2s linear infinite; width: 2px; height: 24px; bottom: 0; left: 0; background: var(--theme-color1); box-shadow: rgba(255, 255, 255, 0.1) 0px 8px 24px; border-top-left-radius: 50px; border-top-right-radius: 50px; clip-path: polygon(51% 8%, 68% 15%, 66% 40%, 60% 78%, 56% 100%, 46% 100%, 42% 84%, 38% 56%, 34% 17%); } .line-shape-animation span:nth-child(2)::after { animation: dscroll 2.1s linear infinite; } .line-shape-animation span:nth-child(3)::after { animation: dscroll 2.2s linear infinite; } .line-shape-animation span:nth-child(4)::after { animation: dscroll 2.3s linear infinite; } .line-shape-animation span:nth-child(5)::after { animation: dscroll 2.4s linear infinite; } .line-shape-animation span:nth-child(6)::after { animation: dscroll 1s linear infinite; } .line-shape-animation span:nth-child(7)::after { animation: dscroll 3.5s linear infinite; } .line-shape-animation span:nth-child(2)::backdrop { animation: dscroll 4.1s linear infinite; } .line-shape-animation span:nth-child(3)::before { animation: dscroll 4.2s linear infinite; } .line-shape-animation span:nth-child(4)::before { animation: dscroll 4.3s linear infinite; } .line-shape-animation span:nth-child(5)::before { animation: dscroll 4.4s linear infinite; } .line-shape-animation span:nth-child(6)::before { animation: dscroll 4s linear infinite; } .line-shape-animation span:nth-child(7)::before { animation: dscroll 4.5s linear infinite; } @keyframes dscroll { 100% { transform: translateY(100vh); } } .p-relative { position: relative !important; } .hero-2 { padding: 220px 0 220px; position: relative; z-index: 9; } .hero-2 .hero-video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } @media (max-width: 1199.98px) { .hero-2 { padding: 180px 0 150px; z-index: 9; } .hero-2::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: #000; opacity: 0.6; z-index: -1; } } @media (max-width: 767.98px) { .hero-2 { padding: 160px 0 110px; } } @media (max-width: 575.98px) { .hero-2 { padding: 150px 0 100px; } } .hero-2 .roket-shape { position: absolute; left: 39.7%; top: 10%; } @media (max-width: 1699.98px) { .hero-2 .roket-shape { left: 36%; } } @media (max-width: 1399.98px) { .hero-2 .roket-shape { left: 34%; } } @media (max-width: 1199.98px) { .hero-2 .roket-shape { left: 32%; } } @media (max-width: 991.98px) { .hero-2 .roket-shape { left: 28%; } } @media (max-width: 767.98px) { .hero-2 .roket-shape { display: none; } } .hero-2 .hero-content { max-width: 1210px; margin: 0 auto; position: relative; z-index: 9; } .hero-2 .hero-content .hero-title { font-size: 110px; font-weight: 500; text-transform: uppercase; letter-spacing: -0.04em; line-height: 100%; text-align: center; position: relative; } @media (max-width: 1399.98px) { .hero-2 .hero-content .hero-title { font-size: 90px; max-width: 950px; margin: 0 auto; } } @media (max-width: 991.98px) { .hero-2 .hero-content .hero-title { font-size: 65px; } } @media (max-width: 767.98px) { .hero-2 .hero-content .hero-title { font-size: 48px; line-height: 115%; } } @media (max-width: 575.98px) { .hero-2 .hero-content .hero-title { font-size: 38px; line-height: 122%; max-width: 420px; } } @media (max-width: 469.98px) { .hero-2 .hero-content .hero-title { font-size: 32px; line-height: 122%; max-width: 350px; } } .hero-2 .hero-content .hero-title span { background: linear-gradient(180deg, #FFFFFF 0%, #e60023 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; position: relative; } .hero-2 .hero-content .hero-info .ratting-top { align-items: start; display: flex; gap: 16px; } .hero-2 .hero-content .hero-info .ratting-top span { color: #fff; font-family: var(--heading-font-family); font-size: 40px; font-weight: 500; } .hero-2 .hero-content .hero-info .ratting-top .star { color: var(--theme-color1); } @media (max-width: 991.98px) { .hero-2 .hero-content .hero-info .ratting-top .star { text-align: start; } } .hero-2 .hero-content .hero-info .ratting-top .star .text { color: #fff; font-family: var(--heading-font-family); font-size: 14px; font-weight: 400; margin-bottom: 0; } .hero-2 .hero-content .hero-info .client-image { align-items: center; display: flex; } @media (max-width: 991.98px) { .hero-2 .hero-content .hero-info .client-image { justify-content: center; } } .hero-2 .hero-content .hero-info .client-image img { border: 2px solid #000; border-radius: 50%; height: 40px; width: 40px; } .hero-2 .hero-content .hero-info .client-image .icon-1 { margin-right: -10px; } .hero-2 .hero-content .hero-info .client-image .icon-2 { margin-right: -10px; } .hero-2 .hero-content .hero-info .client-image .icon-3 { margin-right: -10px; } .hero-2 .hero-content .hero-info .client-image .icon-4 { margin-right: -10px; } .hero-2 .hero-content .hero-info .client-image span { width: 40px; height: 40px; border-radius: 50%; display: inline-block; background-color: var(--theme-color1); color: #fff; font-size: 18px; font-weight: 500; font-family: var(--heading-font-family); text-align: center; line-height: 40px; } .hero-2 .hero-content .content .hero-text { max-width: 440px; color: rgba(255, 255, 255, 0.8); margin-bottom: 37px; } @media (max-width: 767.98px) { .hero-2 .hero-content .content .hero-text { margin-bottom: 25px; } } .hero-2 .hero-content .hero-items { display: flex; align-items: center; max-width: 1130px; margin: 0 auto; justify-content: space-between; margin: 30px auto 0; margin-right: -60px; } @media (max-width: 1199.98px) { .hero-2 .hero-content .hero-items { margin-right: 0; } } @media (max-width: 991.98px) { .hero-2 .hero-content .hero-items { flex-wrap: wrap; justify-content: center; gap: 30px; text-align: center; } } .hero-3 { padding: 150px 0 430px; position: relative; z-index: 9; } .hero-3 .hero-video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; } @media (max-width: 767.98px) { .hero-3 { padding-top: 160px; } } @media (max-width: 575.98px) { .hero-3 { padding-top: 140px; } } .hero-3 .email-items { display: inline-grid; align-items: center; gap: 18px; position: absolute; bottom: 28%; left: 100px; } @media (max-width: 1699.98px) { .hero-3 .email-items { display: none; } } .hero-3 .email-items img { line-height: 1; } .hero-3 .email-items a { writing-mode: sideways-rl; font-size: 16px; font-weight: 400; color: #fff; line-height: 1; } .hero-3 .social-icon-items { display: inline-grid; align-items: center; justify-content: center; gap: 15px; position: absolute; bottom: 15%; right: 100px; } @media (max-width: 1699.98px) { .hero-3 .social-icon-items { display: none; } } .hero-3 .social-icon-items .line { height: 80px; width: 1px; background: rgba(255, 255, 255, 0.3); margin-left: 8px; } .hero-3 .social-icon-items span { color: #fff; font-size: 14px; font-weight: 400; writing-mode: sideways-rl; line-height: 1; } .hero-3 .social-icon-items .social-icon { transform: rotate(360deg); display: grid; } .hero-3 .social-icon-items .social-icon a { transform: rotate(-90deg); color: #fff; } .hero-3 .social-icon-items .social-icon a:hover { color: var(--theme-color1); } .hero-3 .container { max-width: 1460px; } .hero-3 .hero-title { font-size: 92px; font-weight: 700; line-height: 122%; position: relative; z-index: 1; } @media (max-width: 991.98px) { .hero-3 .hero-title .icon { display: none; } } @media (max-width: 1399.98px) { .hero-3 .hero-title { font-size: 80px; } } @media (max-width: 1199.98px) { .hero-3 .hero-title { font-size: 60px; } } @media (max-width: 991.98px) { .hero-3 .hero-title { font-size: 70px; text-align: center; max-width: 700px; margin: 0 auto; } } @media (max-width: 767.98px) { .hero-3 .hero-title { font-size: 55px; } } @media (max-width: 575.98px) { .hero-3 .hero-title { font-size: 44px; } } @media (max-width: 469.98px) { .hero-3 .hero-title { font-size: 34px; } } .hero-3 .hero-title br { display: block; } @media (max-width: 991.98px) { .hero-3 .hero-title br { display: none; } } .hero-3 .hero-title .line-ani { position: absolute; bottom: 20%; right: 34%; z-index: -1; } @media (max-width: 1399.98px) { .hero-3 .hero-title .line-ani { display: none; } } @media (max-width: 991.98px) { .hero-3 .hero-content { max-width: 650px; margin: 0 auto; text-align: center; } } .hero-3 .hero-content .text { font-size: 16px; font-weight: 400; color: #fff; margin-bottom: 0; } .hero-3 .hero-content .hero-list { display: flex; align-items: center; gap: 10px; margin-bottom: 28px; margin-top: 30px; } @media (max-width: 991.98px) { .hero-3 .hero-content .hero-list { justify-content: center; } } @media (max-width: 575.98px) { .hero-3 .hero-content .hero-list { margin-top: 20px; margin-bottom: 20px; flex-wrap: wrap; } } .hero-3 .hero-content .hero-list a { display: inline-block; border: 1px solid rgba(255, 255, 255, 0.2); font-size: 14px; font-weight: 400; color: #fff; padding: 13px 20px 10px; border-radius: 30px; line-height: 1; } .hero-3 .hero-content .hero-list a:hover { background-color: var(--theme-color1); border-color: var(--theme-color1); } .hero-section-3 .hero-image { position: relative; border-radius: 12px; margin-top: -300px; height: 630px; z-index: 99; } @media (max-width: 991.98px) { .hero-section-3 .hero-image { height: 580px; } } @media (max-width: 767.98px) { .hero-section-3 .hero-image { height: 530px; } } @media (max-width: 575.98px) { .hero-section-3 .hero-image { height: 480px; } } .hero-section-3 .hero-image .circle-box { display: inline-flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 500; text-transform: uppercase; width: 180px; height: 180px; border-radius: 50%; background-color: var(--theme-color1); color: #fff; position: absolute; z-index: 9; top: -85px; right: 210px; border: 10px solid var(--theme-color-black); } @media (max-width: 991.98px) { .hero-section-3 .hero-image .circle-box { font-size: 13px; border: 5px solid var(--theme-color-black); width: 150px; height: 150px; right: initial; left: 50%; transform: translateX(-50%); } } .hero-section-3 .hero-image::before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; content: ""; background: rgba(0, 0, 0, 0.3); border-radius: 12px; } .hero-section-3 .hero-image img { width: 100%; height: 100%; border-radius: 12px; object-fit: cover; } .hero-4 { padding: 200px 0 0; overflow: hidden; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; position: relative; z-index: 9; } .hero-4 .hero-video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; } @media (max-width: 991.98px) { .hero-4 { padding-top: 180px; } } @media (max-width: 767.98px) { .hero-4 { padding-top: 170px; } } @media (max-width: 575.98px) { .hero-4 { padding-top: 150px; } } .hero-4 .container { max-width: 1690px; } .hero-4 .hero-content .hero-title { font-size: 170px; } @media (max-width: 1699.98px) { .hero-4 .hero-content .hero-title { font-size: 120px; } } @media (max-width: 1199.98px) { .hero-4 .hero-content .hero-title { font-size: 90px; } } @media (max-width: 991.98px) { .hero-4 .hero-content .hero-title { font-size: 75px; } } @media (max-width: 469.98px) { .hero-4 .hero-content .hero-title { font-size: 60px; } } .hero-4 .hero-content .hero-title span { display: block; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: rgb(230, 0, 35); color: transparent; } @media (max-width: 991.98px) { .hero-4 .hero-content .hero-title span { display: initial; } } .hero-4 .hero-content .hero-items { display: flex; align-items: center; gap: 100px; margin-top: 30px; } @media (max-width: 1199.98px) { .hero-4 .hero-content .hero-items { gap: 30px; flex-wrap: wrap; } } .hero-4 .hero-content .hero-items .thumb { transform: rotate(18.92deg); } @media (max-width: 1199.98px) { .hero-4 .hero-content .hero-items .thumb { transform: rotate(0deg); display: none; } } .hero-4 .hero-content .hero-items .thumb img { border-radius: 10px; } .hero-4 .hero-content .hero-items .content { max-width: 420px; } .hero-4 .hero-content .hero-items .content .text { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 25px; } .hero-4 .hero-content .hero-items .content .social-icon { margin-top: 30px; display: flex; align-items: center; gap: 8px; } .hero-4 .hero-content .hero-items .content .social-icon a { display: inline-block; border: 1px solid rgba(255, 255, 255, 0.14); width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; color: rgba(255, 255, 255, 0.6); } .hero-4 .hero-content .hero-items .content .social-icon a:hover { background-color: var(--theme-color1); color: var(--theme-color-white); } .hero-4 .hero-image { border-radius: 10px; position: relative; z-index: 9; } @media (max-width: 991.98px) { .hero-4 .hero-image { height: 550px; } } @media (max-width: 767.98px) { .hero-4 .hero-image { height: 470px; } } @media (max-width: 575.98px) { .hero-4 .hero-image { height: 430px; } } .hero-4 .hero-image .shape1 { position: absolute; left: 60px; top: -80px; } @media (max-width: 991.98px) { .hero-4 .hero-image .shape1 { display: none; } } .hero-4 .hero-image .shape1 img { border-radius: 0; } .hero-4 .hero-image .shape2 { position: absolute; right: 60px; top: -80px; } @media (max-width: 991.98px) { .hero-4 .hero-image .shape2 { display: none; } } .hero-4 .hero-image .shape2 img { border-radius: 0; } .hero-4 .hero-image .shape3 { position: absolute; left: 40px; bottom: -70px; } @media (max-width: 991.98px) { .hero-4 .hero-image .shape3 { display: none; } } .hero-4 .hero-image .shape3 img { border-radius: 0; } .hero-4 .hero-image .shape4 { position: absolute; right: 40px; bottom: -70px; } @media (max-width: 991.98px) { .hero-4 .hero-image .shape4 { display: none; } } .hero-4 .hero-image .shape4 img { border-radius: 0; } .hero-4 .hero-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; object-fit: cover; } .hero-4 .marquee-section4 { margin-top: -60px; } @media (max-width: 1399.98px) { .hero-4 .marquee-section4 { margin-top: 0; } } .hero-4 .marquee-section4 .marquee-two .marquee-group .text { letter-spacing: -0.08em; text-transform: uppercase; font-weight: 700; color: rgba(255, 255, 255, 0.1); font-size: 260px; line-height: 1; } @media (max-width: 1699.98px) { .hero-4 .marquee-section4 .marquee-two .marquee-group .text { font-size: 220px; } } @media (max-width: 1199.98px) { .hero-4 .marquee-section4 .marquee-two .marquee-group .text { font-size: 180px; } } @media (max-width: 991.98px) { .hero-4 .marquee-section4 .marquee-two .marquee-group .text { font-size: 140px; } } @media (max-width: 575.98px) { .hero-4 .marquee-section4 .marquee-two .marquee-group .text { font-size: 120px; } } .feature-block .inner-block { position: relative; z-index: 9; } @media (max-width: 767.98px) { .feature-block .inner-block { text-align: center; } } .feature-block .inner-block .border-line { position: absolute; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.14); top: 0; right: 45px; } @media (max-width: 1399.98px) { .feature-block .inner-block .border-line { display: none; } } .feature-block .inner-block .border-line::before { position: absolute; top: 0; left: -1px; content: ""; width: 3px; height: 10px; background-color: var(--theme-color1); } .feature-block .inner-block .border-line::after { position: absolute; bottom: 0; left: -1px; content: ""; width: 3px; height: 10px; background-color: var(--theme-color1); } .feature-block .inner-block .icon { font-size: 80px; color: var(--theme-color1); line-height: 1; -webkit-transition: all 900ms ease; transition: all 900ms ease; display: inline-block; } .feature-block .inner-block .content-box { margin-top: 45px; max-width: 320px; } @media (max-width: 1199.98px) { .feature-block .inner-block .content-box { max-width: initial; } } @media (max-width: 767.98px) { .feature-block .inner-block .content-box { margin-top: 20px; } } .feature-block .inner-block .content-box .title { margin-bottom: 20px; font-weight: 500; } @media (max-width: 767.98px) { .feature-block .inner-block .content-box .title { margin-bottom: 10px; } } .feature-block .inner-block .content-box .text { color: rgba(255, 255, 255, 0.6); font-weight: 400; } .feature-block .inner-block .content-box .arrow-link { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; font-weight: 400; color: #fff; overflow: hidden; font-size: 16px; font-family: var(--heading-font-family); margin-top: 17px; } .feature-block .inner-block .content-box .arrow-link .text { max-width: 0; opacity: 0; white-space: nowrap; transition: all 0.3s ease; font-family: var(--heading-font-family); } .feature-block .inner-block .content-box .arrow-link i { transition: transform 0.3s ease; } .feature-block .inner-block .content-box .arrow-link:hover .text { max-width: 100px; opacity: 1; color: var(--theme-color1); text-decoration: underline; } .feature-block .inner-block:hover .icon { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } .feature-section-2 { background-color: #000; border-radius: 40px; border: 1px solid rgba(255, 255, 255, 0.14); margin-top: -35px; position: relative; z-index: 9; } @media (max-width: 1199.98px) { .feature-section-2 { margin-top: 0; } } @media (max-width: 991.98px) { .feature-section-2 { margin-top: 0; padding-top: 80px !important; padding-bottom: 80px !important; } } .feature-section-2 .shape-1 { position: absolute; top: 93px; left: 53px; } @media (max-width: 1699.98px) { .feature-section-2 .shape-1 { display: none; } } .feature-section-2 .shape-2 { position: absolute; top: 99px; right: 0; } @media (max-width: 1699.98px) { .feature-section-2 .shape-2 { display: none; } } .video-section { margin-top: 40px; margin: 0 60px; position: relative; } @media (max-width: 1699.98px) { .video-section { margin: 0 35px; } } @media (max-width: 1399.98px) { .video-section { margin: 0 28px; } } @media (max-width: 1199.98px) { .video-section { margin: 0 20px; } } @media (max-width: 469.98px) { .video-section { margin: 0 16px; } } .video-section .video-light-shape-1 { position: absolute; top: -35%; left: -60px; } .video-image { position: relative; z-index: 9; border-radius: 40px; height: 743px; } @media (max-width: 1199.98px) { .video-image { height: 620px; } } @media (max-width: 767.98px) { .video-image { height: 580px; } } @media (max-width: 575.98px) { .video-image { height: 480px; } } .video-image::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 71, 0) 19.26%, #000 97.47%); border-radius: 40px; z-index: 1; } .video-image::after { position: absolute; top: 50%; left: 50%; content: ""; width: 763px; height: 720px; transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0.18); border-radius: 50%; z-index: 1; } @media (max-width: 1399.98px) { .video-image::after { display: none; } } .video-image img { width: 100%; height: 100%; border-radius: 40px; object-fit: cover; } .video-image .content { position: absolute; left: 0; right: 0; text-align: center; bottom: 120px; z-index: 9; } @media (max-width: 1399.98px) { .video-image .content { padding: 0 30px; bottom: 80px; } } .video-image .content .title { font-weight: 500; max-width: 630px; margin: 0 auto; height: 140%; margin-top: 70px; } @media (max-width: 991.98px) { .video-image .content .title { margin-top: 50px; } } @media (max-width: 575.98px) { .video-image .content .title { margin-top: 40px; } } @media (max-width: 469.98px) { .video-image .content .title { /*font-size: 30px;*/ } } .video-image .content .play-now .icon { width: 110px; height: 110px; font-size: 24px; line-height: 110px; padding-left: 0; color: var(--theme-color1); background-color: var(--theme-color2); border-radius: 50%; z-index: 9; margin: 0 auto; transition: all 0.4s ease-in-out; } @media (max-width: 575.98px) { .video-image .content .play-now .icon { font-size: 19px; width: 80px; height: 80px; line-height: 80px; } } .video-image .content .play-now .icon:hover { background-color: var(--theme-color1); color: #fff; } .choose-us-content-1 { position: relative; } .choose-us-content-1 .choose-text { margin-top: 20px; } .choose-us-content-1 .feature-box-wrapper { border: 1px solid rgba(255, 255, 255, 0.13); background-color: var(--theme-color-black); border-radius: 30px; margin-top: 45px; max-width: 640px; } @media (max-width: 991.98px) { .choose-us-content-1 .feature-box-wrapper { max-width: initial; margin-top: 30px; } } .choose-us-content-1 .feature-box-wrapper .feature-box .inner-box { display: flex; gap: 40px; padding: 50px; } @media (max-width: 1199.98px) { .choose-us-content-1 .feature-box-wrapper .feature-box .inner-box { padding: 35px; gap: 30px; } } @media (max-width: 575.98px) { .choose-us-content-1 .feature-box-wrapper .feature-box .inner-box { flex-wrap: wrap; gap: 20px; } } .choose-us-content-1 .feature-box-wrapper .feature-box .inner-box.border-add { border-bottom: 1px solid rgba(255, 255, 255, 0.14); padding-bottom: 40px; } @media (max-width: 1199.98px) { .choose-us-content-1 .feature-box-wrapper .feature-box .inner-box.border-add { padding-bottom: 30px; } } .choose-us-content-1 .feature-box-wrapper .feature-box .inner-box .icon { -webkit-transition: all 900ms ease; transition: all 900ms ease; display: inline-block; } .choose-us-content-1 .feature-box-wrapper .feature-box .inner-box .content-box .title { line-height: 1; margin-bottom: 25px; } .choose-us-content-1 .feature-box-wrapper .feature-box .inner-box:hover .icon { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } .choose-us-content-1 .choose-client-info { display: inline-grid; align-items: center; position: absolute; bottom: 0; right: -85px; } @media (max-width: 1399.98px) { .choose-us-content-1 .choose-client-info { display: none; } } .choose-us-content-1 .choose-client-info .ball-icon { display: inline-block; width: 114px; height: 114px; line-height: 114px; text-align: center; border-radius: 50%; background-color: var(--theme-color-black); border: 1px solid rgba(255, 255, 255, 0.13); } .choose-us-content-1 .choose-client-info .info-content { display: flex; align-items: center; gap: 10px; background-color: var(--theme-color-black); border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 57px; padding: 87px 20px; } .choose-us-content-1 .choose-client-info .info-content .client-image { align-items: center; display: grid; } .choose-us-content-1 .choose-client-info .info-content .client-image img { border: 2px solid #000; border-radius: 50%; height: 40px; width: 40px; } .choose-us-content-1 .choose-client-info .info-content .client-image .icon-1 { margin-top: -8px; } .choose-us-content-1 .choose-client-info .info-content .client-image .icon-2 { margin-top: -8px; } .choose-us-content-1 .choose-client-info .info-content .client-image .icon-3 { margin-top: -8px; } .choose-us-content-1 .choose-client-info .info-content .client-image .icon-4 { margin-top: -8px; } .choose-us-content-1 .choose-client-info .info-content .client-image span { width: 40px; height: 40px; border-radius: 50%; display: inline-block; background-color: var(--theme-color1); color: #fff; font-size: 18px; font-weight: 500; font-family: var(--heading-font-family); text-align: center; line-height: 40px; } .choose-us-content-1 .choose-client-info .info-content p { color: #fff; writing-mode: vertical-rl; transform: rotate(180deg); } .choose-us-image-1 { position: relative; max-width: 570px; margin-left: auto; border-radius: 468px; height: 800px; z-index: 9; margin-left: 85px; z-index: 9; } @media (max-width: 1199.98px) { .choose-us-image-1 { margin-left: 0; } } @media (max-width: 991.98px) { .choose-us-image-1 { height: initial; max-width: initial; border-radius: 20px !important; height: 500px; } .choose-us-image-1 img { border-radius: 20px !important; } } .choose-us-image-1::before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; content: ""; background: linear-gradient(180deg, rgba(13, 13, 13, 0) 46.43%, #262626 100%); border-radius: 468px; } @media (max-width: 991.98px) { .choose-us-image-1::before { border-radius: 20px; display: none !important; } } .choose-us-image-1 img { width: 100%; height: 100%; border-radius: 468px; object-fit: cover; } .choose-us-image-1 .choose-counter { width: 258px; height: 258px; line-height: 258px; border-radius: 50%; background-color: var(--theme-color2); display: flex; align-items: center; justify-content: center; text-align: center; position: absolute; bottom: 50px; left: 0; right: 0; margin: 0 auto; z-index: 99; } @media (max-width: 575.98px) { .choose-us-image-1 .choose-counter { width: 190px; height: 190px; line-height: 190px; } } .choose-us-image-1 .choose-counter .count-box { font-size: 60px; font-weight: 400; color: var(--theme-color1); } @media (max-width: 575.98px) { .choose-us-image-1 .choose-counter .count-box { font-size: 45px; } } .choose-us-image-1 .choose-counter p { font-size: 18px; max-width: 155px; color: #fff; margin-top: 10px; line-height: 133%; } @media (max-width: 575.98px) { .choose-us-image-1 .choose-counter p { /*font-size: 14px;*/ } } .feature-box-style1 { padding: 60px; background-color: var(--theme-color-black); border-radius: 40px; border: 1px solid rgba(255, 255, 255, 0.14); padding-top: 55px; overflow: hidden; position: relative; z-index: 99; } @media (max-width: 1199.98px) { .feature-box-style1 { padding: 40px; } } @media (max-width: 469.98px) { .feature-box-style1 { padding: 35px 28px; } } .feature-box-style1 .feature-frame { position: absolute; right: 0; top: 0; bottom: 0; } .feature-box-style1 .feature-frame img { height: 100%; } .feature-box-style1 .sub-title { display: flex; align-items: center; font-size: 16px; font-weight: 400; gap: 10px; margin-bottom: 13px; } @media (max-width: 1199.98px) { .feature-box-style1 .title { font-size: 35px; } } @media (max-width: 575.98px) { .feature-box-style1 .title { font-size: 30px; } } @media (max-width: 469.98px) { .feature-box-style1 .title { font-size: 26px; } } .feature-box-style1 .title span { color: var(--theme-color1); } .feature-box-style1 .btn-style-one { margin-top: 100px; } @media (max-width: 767.98px) { .feature-box-style1 .btn-style-one { margin-top: 60px; } } @media (max-width: 575.98px) { .feature-box-style1 .btn-style-one { margin-top: 50px; } } @media (max-width: 1199.98px) { .feature-box-style1.style-2 { padding: 40px; } } @media (max-width: 1399.98px) { .feature-box-style1.style-2 .title { font-size: 44px; } } @media (max-width: 767.98px) { .feature-box-style1.style-2 .title { font-size: 40px; } } @media (max-width: 575.98px) { .feature-box-style1.style-2 .title { font-size: 36px; } } @media (max-width: 469.98px) { .feature-box-style1.style-2 .title { font-size: 28px; } } .feature-box-style1.style-2 .feature-button { margin-top: 35px; text-align: right; } @media (max-width: 767.98px) { .feature-box-style1.style-2 .feature-button { margin-top: 25px; text-align: left; } } .feature-box-style2 { background-color: var(--theme-color-black); border-radius: 40px; border: 1px solid rgba(255, 255, 255, 0.1411764706); position: relative; z-index: 99; } .feature-box-style2.bg-theme-color { background-color: var(--theme-color1); overflow: hidden; } .feature-box-style2.bg-theme-color .image { height: 248px; margin-top: -2px; } @media (max-width: 575.98px) { .feature-box-style2.bg-theme-color .image { margin-top: -18px; } } .feature-box-style2.bg-theme-color .content .text { color: rgba(255, 255, 255, 0.8); } .feature-box-style2 .image { text-align: center; width: 100%; height: 258px; } @media (max-width: 1199.98px) { .feature-box-style2 .image { height: 180px; } } .feature-box-style2 .image img { width: 100%; height: 100%; object-fit: cover; object-fit: contain; } .feature-box-style2 .content { padding: 30px 40px; } .feature-box-style2 .content .text { max-width: 315px; margin-top: 15px; } .feature-box-style2.style-2 .image { height: initial; max-width: 425px; margin: 0 auto; } .feature-box-style2.style-2 .content { padding-left: 60px; padding-bottom: 60px; padding-top: 0; margin-top: -15px; } @media (max-width: 1199.98px) { .feature-box-style2.style-2 .content { padding-left: 30px; padding-bottom: 30px; } } .feature-box-style2.style-2 .content .text { max-width: 500px !important; } .feature-box-style3 { border: 1px solid var(--border-color1-rgba); background-color: var(--theme-color-black); border-radius: 40px; padding: 42px 0; padding-right: 60px; padding-left: 55px; } @media (max-width: 575.98px) { .feature-box-style3 { padding-left: 30px; padding-right: 30px; } } .feature-box-style3 .content .title { padding-bottom: 190px; max-width: 240px; margin-left: auto; text-align: right; } @media (max-width: 991.98px) { .feature-box-style3 .content .title { padding-bottom: 50px; } } @media (max-width: 375.98px) { .feature-box-style3 .content .title { padding-bottom: 30px; } } .feature-box-style3 .content .text { padding-top: 30px; border-top: 1px solid var(--border-color1-rgba); text-align: right; margin-left: -90px; } @media (max-width: 1199.98px) { .feature-box-style3 .content .text { margin-left: -190px; } } @media (max-width: 767.98px) { .feature-box-style3 .content .text { margin-left: 0; } } .feature-box-style3 .image { width: 100%; height: 394px; position: relative; left: -30px; } @media (max-width: 1199.98px) { .feature-box-style3 .image { display: none; } } .feature-box-style3 .image img { width: 100%; height: 100%; object-fit: contain; } @media (max-width: 375.98px) { .feature-box-style3 .image img { height: auto; } } .feature-box-style3.style-2 { padding-bottom: 0; padding-left: 35px; padding-top: 10px; position: relative; z-index: 9; } @media (max-width: 1199.98px) { .feature-box-style3.style-2 { padding: 40px; } } @media (max-width: 1199.98px) { .feature-box-style3.style-2 .image2 { display: none; } } .feature-box-style3.style-2 .content .text { margin-left: -50px; max-width: initial; } @media (max-width: 1199.98px) { .feature-box-style3.style-2 .content .text { margin-left: 0; } } .feature-box-style4 { background-color: var(--theme-color1); padding: 50px; border-radius: 40px; padding-top: 37px; padding-right: 37px; } @media (max-width: 1399.98px) { .feature-box-style4 { padding: 30px; padding-right: 20px; } } .feature-box-style4 .image { text-align: center; margin-bottom: 40px; } .feature-box-style4 .title { color: #fff; } .feature-box-style4 .text { color: #fff; font-weight: 400; margin-top: 10px; } .feature-section { position: relative; } .feature-section .shape-1 { position: absolute; top: -12%; right: 20px; } @media (max-width: 1199.98px) { .feature-section .shape-1 { display: none; } } .skiil-content-4 .text { margin-top: 35px; } @media (max-width: 767.98px) { .skiil-content-4 .text { margin-top: 20px; font-size: 14px; } } .skiil-content-4 .skill-feature { margin-top: 45px; } @media (max-width: 767.98px) { .skiil-content-4 .skill-feature { margin-top: 28px; } } .skiil-content-4 .skill-feature .title { font-weight: 500; color: #fff; margin-bottom: 18px; } @media (max-width: 1199.98px) { .skiil-content-4 .skill-feature .title { font-size: 16px; } } @media (max-width: 575.98px) { .skiil-content-4 .skill-feature .title { font-size: 15px; } } .skiil-content-4 .skill-feature .progress-value { text-transform: capitalize; } .skiil-content-4 .skill-feature .progress { position: relative; height: 7px; background-color: rgba(206, 206, 206, 0.1); border-radius: 3px; overflow: visible; } .skiil-content-4 .skill-feature .progress-bar { background-color: var(--theme-color-white); height: 7px; margin: 0; border-radius: 3px; overflow: visible; position: relative; margin-top: 0; transition: width 1.8s ease; width: 0; } .skiil-content-4 .skill-feature .progress-bar::before { position: absolute; top: -5px; right: 0; bottom: 0; content: ""; width: 5px; height: 16px; border-radius: 20px; background-color: var(--theme-color-white); } .skiil-content-4 .skill-feature .progress-value { position: absolute; top: -52px; right: -8px; font-size: 20px; font-weight: 500; } @media (max-width: 1199.98px) { .skiil-content-4 .skill-feature .progress-value { font-size: 16px; top: -40px; } } @media (max-width: 575.98px) { .skiil-content-4 .skill-feature .progress-value { font-size: 15px; } } .skiil-content-4 .skill-feature .price-list { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; } .skiil-content-4 .skill-feature .price-list span { color: var(--theme-color-white); font-size: 16px; font-weight: 400; } .skill-section-4 { position: relative; } .skill-section-4 .line-shape { width: 1px; height: 405px; background-color: rgba(255, 255, 255, 0.1); position: absolute; bottom: 0; left: 54%; transform: translateX(-50%); } @media (max-width: 1399.98px) { .skill-section-4 .line-shape { display: none; } } .skill-section-4 .skill-light { position: absolute; bottom: -80%; right: 0; } .skills-block-4 { display: flex; align-items: end; max-width: 490px; margin-left: auto; position: relative; z-index: 99; } @media (max-width: 991.98px) { .skills-block-4 { margin-left: initial; } } .skills-block-4 .inner-box { height: 380px; border-radius: 20px; position: relative; display: flex; justify-content: space-between; align-items: center; flex-direction: column; padding: 30px 0; transition: all 0.4s ease; } @media (max-width: 575.98px) { .skills-block-4 .inner-box .icon img { width: 35px; } } @media (max-width: 575.98px) { .skills-block-4 .inner-box .title { font-size: 17px; } } .skills-block-4 .inner-box.style-1 { width: 150px; height: 340px; background-color: var(--theme-color2); border-bottom-right-radius: 0px; } @media (max-width: 575.98px) { .skills-block-4 .inner-box.style-1 { width: 135px; } } .skills-block-4 .inner-box.style-2 { width: 150px; height: 380px; background-color: #fff; margin-left: -15px; border-bottom-right-radius: 0px; } @media (max-width: 575.98px) { .skills-block-4 .inner-box.style-2 { width: 135px; } } .skills-block-4 .inner-box.style-2 .content { margin-left: -20px; } .skills-block-4 .inner-box.style-2 .content .title { color: var(--theme-color-black); } .skills-block-4 .inner-box.style-3 { width: 150px; height: 440px; background-color: var(--theme-color-black); margin-left: -25px; } @media (max-width: 575.98px) { .skills-block-4 .inner-box.style-3 { width: 135px; } } .skills-block-4 .inner-box.style-3 .content { margin-left: -20px; } .skills-block-4 .inner-box.style-4 { width: 150px; height: 490px; background-color: var(--theme-color1); margin-left: -25px; } @media (max-width: 575.98px) { .skills-block-4 .inner-box.style-4 { width: 135px; margin-left: -13px; } } .skills-block-4 .inner-box.style-4 .content { margin-left: -20px; } .skills-block-4 .inner-box.style-4 .content .text { color: #fff; } .skills-block-4 .inner-box .content { writing-mode: vertical-rl; transform: rotate(180deg); text-align: center; margin-left: -20px; } .skills-block-4 .inner-box .content .text { text-align: left; margin-right: 5px; } .skills-block-4 .inner-box .content .title { color: #fff; } .funfact-area-1 { background-color: var(--theme-color1); border-radius: 40px; margin: 0 60px; position: relative; padding: 170px 0 100px; margin-top: -80px; } @media (max-width: 1699.98px) { .funfact-area-1 { margin: 0 35px; margin-top: -80px; } } @media (max-width: 1399.98px) { .funfact-area-1 { margin: 0 28px; margin-top: -80px; } } @media (max-width: 1199.98px) { .funfact-area-1 { margin: 0 20px; margin-top: -80px; } } @media (max-width: 469.98px) { .funfact-area-1 { margin: 0 16px; margin-top: -80px; } } .funfact-left-content .title { color: var(--headings-color); font-size: 30px; font-weight: 500; line-height: 133%; max-width: 590px; } @media (max-width: 575.98px) { .funfact-left-content .title { font-size: 22px; } } .funfact-left-content .btn-style-one { margin-top: 35px; background-color: #fff; } .funfact-left-content .btn-style-one .btn-title { color: var(--theme-color-black); } .funfact-left-content .btn-style-one .btn-arrow-left, .funfact-left-content .btn-style-one .btn-arrow-right { background-color: var(--theme-color-black); } .funfact-counter-items { display: flex; align-items: center; gap: 60px; } @media (max-width: 1199.98px) { .funfact-counter-items { gap: 40px; flex-wrap: wrap; } } .funfact-counter-items .count-box .title { color: #fff; font-size: 100px; font-weight: 500; letter-spacing: -2px; text-transform: uppercase; line-height: 1; } @media (max-width: 1399.98px) { .funfact-counter-items .count-box .title { font-size: 70px; } } .funfact-counter-items .count-box p { font-size: 20px; font-weight: 400; color: #fff; line-height: 1; margin-top: 8px; } @media (max-width: 1399.98px) { .funfact-counter-items .count-box p { font-size: 18px; margin-top: 10px; } } .funfact-counter-items .line-border { width: 1px; height: 111.533px; opacity: 0.3; background-color: rgb(255, 255, 255); } @media (max-width: 1199.98px) { .funfact-counter-items .line-border { display: none; } } .about-image-1 { width: 560px; position: relative; mask: url('data:image/svg+xml;utf8,'); mask-repeat: no-repeat; mask-position: center center; mask-size: cover; height: 750px; border-radius: 70px; } @media (max-width: 1399.98px) { .about-image-1 { width: initial; } } @media (max-width: 1199.98px) { .about-image-1 { max-width: initial; mask: none; height: 500px; } } @media (max-width: 575.98px) { .about-image-1 { height: 400px; } } .about-image-1 img { width: 100%; height: 100%; border-radius: 70px; object-fit: cover; } .about-content { margin-left: 70px; } @media (max-width: 1399.98px) { .about-content { margin-left: 0; } } .about-content .about-text { max-width: 650px; margin-top: 20px; margin-bottom: 20px; } .about-content .about-list-items { border: 1px solid rgba(255, 255, 255, 0.14); padding: 35px 50px; padding-top: 35px; border-radius: 20px; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 1699.98px) { .about-content .about-list-items { padding: 28px 20px; } } @media (max-width: 1199.98px) { .about-content .about-list-items { flex-wrap: wrap; gap: 20px; } } @media (max-width: 767.98px) { .about-content .about-list-items { padding: 30px; padding: left: 1px !important; } } .about-content .about-list-items ul li { font-size: 16px; font-weight: 400; color: var(--headings-color); display: flex; align-items: center; gap: 16px; } @media (max-width: 1699.98px) { .about-content .about-list-items ul li { font-size: 14px; } } .about-content .about-list-items ul li:not(:last-child) { margin-bottom: 20px; } .about-content .about-list-items ul li i { color: var(--theme-color1); } .about-content .about-thumb-items { display: flex; align-items: center; gap: 0; margin-top: 20px; margin-bottom: 40px; } @media (max-width: 1399.98px) { .about-content .about-thumb-items { gap: 15px; } } @media (max-width: 1199.98px) { .about-content .about-thumb-items { display: block; } } @media (max-width: 991.98px) { .about-content .about-thumb-items { display: flex; } } @media (max-width: 767.98px) { .about-content .about-thumb-items { display: block; } } @media (max-width: 1199.98px) { .about-content .about-thumb-items .thumb1 { height: 167px; margin-bottom: 20px; } } @media (max-width: 767.98px) { .about-content .about-thumb-items .thumb1 { margin-bottom: 15px; } } .about-content .about-thumb-items .thumb1 img { border-radius: 26px; } @media (max-width: 1399.98px) { .about-content .about-thumb-items .thumb1 img { width: 100%; height: 100%; object-fit: cover; } } .about-content .about-thumb-items .content { background-color: var(--bg-color); border-radius: 20px; padding: 50px 44px; display: flex; align-items: center; justify-content: space-between; gap: 20px; } @media (max-width: 1399.98px) { .about-content .about-thumb-items .content { gap: 15px; padding: 40px 30px; } } @media (max-width: 575.98px) { .about-content .about-thumb-items .content { padding: 40px 20px; } } @media (max-width: 469.98px) { .about-content .about-thumb-items .content { flex-wrap: wrap; } } .about-content .about-thumb-items .content .count-box { font-size: 60px; font-weight: 400; color: var(--theme-color1); } @media (max-width: 1399.98px) { .about-content .about-thumb-items .content .count-box { font-size: 36px; } } .about-content .about-thumb-items .content p { font-size: 18px; color: #000; max-width: 155px; } @media (max-width: 1399.98px) { .about-content .about-thumb-items .content p { font-size: 14px; } } .about-items-2 .title { font-size: 50px; font-weight: 500; color: #fff; text-align: center; letter-spacing: -0.03em; } @media (max-width: 1399.98px) { .about-items-2 .title { font-size: 42px; line-height: 130%; } } @media (max-width: 1199.98px) { .about-items-2 .title { font-size: 36px; } } @media (max-width: 991.98px) { .about-items-2 .title { font-size: 32px; } } @media (max-width: 767.98px) { .about-items-2 .title { font-size: 29px; } } @media (max-width: 575.98px) { .about-items-2 .title { font-size: 27px; } } @media (max-width: 469.98px) { .about-items-2 .title { font-size: 25px; } } .about-items-2 .about-btn { margin-top: 50px; text-align: center; margin-bottom: -20px; position: relative; z-index: 1; } .about-items-2 .about-thumb { border-radius: 20px; height: 460px; } .about-items-2 .about-thumb img { width: 100%; height: 100%; border-radius: 20px; object-fit: cover; } .about-section { position: relative; } .about-section .light-shape-2 { position: absolute; bottom: -50%; left: -20%; } @media (max-width: 1199.98px) { .about-section .light-shape-2 { display: none; } } .about-section .about-shape-2 { position: absolute; bottom: -25%; left: -8%; z-index: 22; } @media (max-width: 1699.98px) { .about-section .about-shape-2 { display: none; } } .about-section-2 { position: relative; } .about-section-2 .about-light { position: absolute; top: -50%; right: 0; } @media (max-width: 767.98px) { .about-section-2 .about-light { display: none; } } .about-section-2 .about-vec { position: absolute; right: -8%; top: 25px; } @media (max-width: 1699.98px) { .about-section-2 .about-vec { display: none; } } .about-items-3 { margin-top: 30px; display: flex; align-items: center; gap: 60px; position: relative; } @media (max-width: 1399.98px) { .about-items-3 { gap: 30px; } } @media (max-width: 767.98px) { .about-items-3 { display: block; } } .about-items-3 .about-light { position: absolute; top: -65%; left: -40%; z-index: -1; } .about-items-3 .thumb-1 { max-width: 446px; } @media (max-width: 767.98px) { .about-items-3 .thumb-1 { max-width: initial; } } .about-items-3 .thumb-1 img { width: 100%; height: 100%; border-radius: 30px; } @media (max-width: 767.98px) { .about-items-3 .about-content-3 { margin-top: 30px; } } .about-items-3 .about-content-3 .count-box { position: relative; display: inline-block; } .about-items-3 .about-content-3 .count-box .count-text { font-size: 160px; font-weight: 500; position: relative; line-height: 1; color: var(--theme-color1); } @media (max-width: 1399.98px) { .about-items-3 .about-content-3 .count-box .count-text { font-size: 111px; } } .about-items-3 .about-content-3 .count-box .plus { position: absolute; right: -40px; top: 10px; font-size: 40px; } .about-items-3 .about-content-3 .text { max-width: 310px; color: #999999; } .about-items-3 .about-content-3 .about-list { margin-top: 40px; } @media (max-width: 1399.98px) { .about-items-3 .about-content-3 .about-list { margin-top: 25px; } } .about-items-3 .about-content-3 .about-list li { font-size: 16px; font-weight: 400; color: var(--theme-color-white); position: relative; padding-left: 33px; } @media (max-width: 1399.98px) { .about-items-3 .about-content-3 .about-list li { font-size: 13px; } } @media (max-width: 767.98px) { .about-items-3 .about-content-3 .about-list li { font-size: 16px; } } .about-items-3 .about-content-3 .about-list li:not(:last-child) { margin-bottom: 15px; } .about-items-3 .about-content-3 .about-list li::before { position: absolute; top: 50%; transform: translateY(-50%); left: 0; content: ""; width: 18px; height: 18px; border-radius: 18px; border: 1px solid var(--theme-color1); } .about-items-3 .about-content-3 .about-list li::after { position: absolute; top: 50%; transform: translateY(-50%); left: 6px; content: ""; width: 6px; height: 6px; border-radius: 6px; background-color: var(--theme-color1); } .about-icon-box-3 { border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 30px; padding: 70px 40px; margin-top: 30px; } @media (max-width: 1399.98px) { .about-icon-box-3 { padding: 50px 30px; } } @media (max-width: 469.98px) { .about-icon-box-3 { padding: 30px; } } .about-icon-box-3 .icon-box-1 { display: flex; gap: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.13); padding-bottom: 45px; margin-bottom: 45px; } @media (max-width: 1399.98px) { .about-icon-box-3 .icon-box-1 { margin-bottom: 30px; padding-bottom: 30px; } } .about-icon-box-3 .icon-box-1.bb-none { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } .about-icon-box-3 .icon-box-1 .icon { max-width: 60px; width: 100%; height: 60px; line-height: 60px; text-align: center; border-radius: 50%; background-color: rgba(255, 255, 255, 0.1); transition: all 0.4s ease-in-out; -webkit-transition: all 900ms ease; transition: all 900ms ease; display: inline-block; } .about-icon-box-3 .icon-box-1 .content .title { font-size: 20px; font-weight: 500; margin-bottom: 15px; } .about-icon-box-3 .icon-box-1 .content .text { letter-spacing: -0.02em; line-height: 162%; font-size: 15px; } .about-icon-box-3 .icon-box-1:hover .icon { background-color: var(--theme-color1); -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } .about-icon-box-3 .icon-box-1:hover .icon img { filter: grayscale(100%) brightness(200%); } .about-icon-box-3 .btn-style-one { margin-top: 50px; } @media (max-width: 1399.98px) { .about-icon-box-3 .btn-style-one { margin-top: 35px; } } .about-section-3 { position: relative; } .about-section-3 .about-arrow { position: absolute; top: 5%; right: 14%; } @media (max-width: 1399.98px) { .about-section-3 .about-arrow { display: none; } } .about-inner-block-4 { display: flex; align-items: center; justify-content: space-between; margin-top: 60px; } @media (max-width: 1199.98px) { .about-inner-block-4 { flex-wrap: wrap; gap: 30px; justify-content: center; text-align: center; margin-top: 40px; } } @media (max-width: 767.98px) { .about-inner-block-4 { margin-top: 30px; } } .about-inner-block-4 .inner-counter { display: flex; align-items: center; gap: 40px; } @media (max-width: 1199.98px) { .about-inner-block-4 .inner-counter { display: grid; gap: 0; text-align: center; } } .about-inner-block-4 .inner-counter .count-box { font-size: 260px; font-weight: 500; color: var(--theme-color1); line-height: 1; } @media (max-width: 1199.98px) { .about-inner-block-4 .inner-counter .count-box { font-size: 180px; } } @media (max-width: 991.98px) { .about-inner-block-4 .inner-counter .count-box { font-size: 150px; } } .about-inner-block-4 .inner-counter .text { writing-mode: sideways-lr; } @media (max-width: 1199.98px) { .about-inner-block-4 .inner-counter .text { writing-mode: initial; } } .about-inner-block-4 .line { display: inline-block; width: 2px; height: 240px; background-color: rgba(255, 255, 255, 0.1); } @media (max-width: 1199.98px) { .about-inner-block-4 .line { display: none; } } .about-inner-block-4 .about-content4 { max-width: 540px; } @media (max-width: 1199.98px) { .about-inner-block-4 .about-content4 { margin: 0 auto; } } .about-inner-block-4 .about-content4 .title { font-weight: 500; color: #fff; line-height: 180%; margin-bottom: 25px; } .about-inner-block-4 .about-content4 .about-bottom { display: flex; align-items: center; gap: 45px; margin-top: 35px; } @media (max-width: 1199.98px) { .about-inner-block-4 .about-content4 .about-bottom { gap: 20px; margin-top: 25px; justify-content: center; margin-top: 20px; } } @media (max-width: 575.98px) { .about-inner-block-4 .about-content4 .about-bottom { flex-wrap: wrap; } } .about-inner-block-4 .about-content4 .about-bottom .about-btn { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--theme-color1); overflow: hidden; } .about-inner-block-4 .about-content4 .about-bottom .about-btn .text { color: var(--theme-color1); text-transform: uppercase; font-size: 14px; font-weight: 600; } .about-inner-block-4 .about-content4 .about-bottom .about-btn .text { position: relative; display: inline-block; height: 22px; overflow: hidden; } .about-inner-block-4 .about-content4 .about-bottom .about-btn .text-default, .about-inner-block-4 .about-content4 .about-bottom .about-btn .text-hover { display: block; transition: transform 0.4s ease; } .about-inner-block-4 .about-content4 .about-bottom .about-btn .text-hover { position: absolute; left: 0; top: 100%; } .about-inner-block-4 .about-content4 .about-bottom .about-btn:hover .text-default { transform: translateY(-100%); } .about-inner-block-4 .about-content4 .about-bottom .about-btn:hover .text-hover { transform: translateY(-100%); } .about-inner-block-4 .about-content4 .about-bottom .client-top-items { display: flex; align-items: center; gap: 35px; } .about-inner-block-4 .about-content4 .about-bottom .client-top-items .client-image img { width: 40px; height: 40px; border-radius: 50%; margin-right: -15px; } .about-inner-block-4 .about-content4 .about-bottom .client-top-items .text { color: #fff; position: relative; } .about-inner-block-4 .about-content4 .about-bottom .client-top-items .text .guest-line { position: absolute; bottom: -15px; left: 0; right: 0; } .about-section-4 { position: relative; } .about-section-4 .about-vec { position: absolute; left: 45px; top: 20%; } .service-section { border-radius: 40px; margin: 0 60px; position: relative; z-index: 9; } @media (max-width: 1699.98px) { .service-section { margin: 0 35px; } } @media (max-width: 1399.98px) { .service-section { margin: 0 28px; } } @media (max-width: 1199.98px) { .service-section { margin: 0 20px; } } @media (max-width: 469.98px) { .service-section { margin: 0 16px; } } .service-block-one .inner-block { background-color: #2e2e2e; border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.13); padding: 40px; padding-top: 18px; position: relative; overflow: hidden; z-index: 99; } .service-block-one .inner-block .dot { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background-color: var(--theme-color1); position: absolute; top: 40px; left: 40px; } .service-block-one .inner-block .number { position: absolute; top: 40px; right: 40px; font-size: 50px; line-height: 1; font-weight: 500; color: rgba(255, 255, 255, 0.15); } .service-block-one .inner-block .content-box { transform: translateY(58px); transition: all 0.4s ease-in-out; } .service-block-one .inner-block .content-box .icon { margin-bottom: 10px; transition: all 900ms ease; display: inline-block; font-size: 60px; } .service-block-one .inner-block .content-box .icon img { width: 60px; } .service-block-one .inner-block .content-box .title { margin-bottom: 10px; } .service-block-one .inner-block .content-box .title a { background-position: 0 95%; background-repeat: no-repeat; background-size: 0% 2px; display: inline; } .service-block-one .inner-block .content-box .title a:hover { color: #fff; background-size: 100% 2px; background-image: linear-gradient(180deg, var(--theme-color1) 0%, var(--theme-color1) 100%); } .service-block-one .inner-block .content-box .text { font-size: 16px; } .service-block-one .inner-block .content-box .arrow-link { display: inline-flex; color: #fff; font-size: 16px; align-items: center; font-weight: 400; gap: 10px; text-decoration: underline; margin-top: 22px; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; } .service-block-one .inner-block .content-box .arrow-link:hover { color: var(--theme-color1); } .service-block-one .inner-block:hover .content-box { transform: translateY(0px); } .service-block-one .inner-block:hover .content-box .icon { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } .service-block-one .inner-block:hover .content-box .arrow-link { opacity: 1; visibility: visible; } .service-section-2 { border-radius: 40px; margin: 0 60px; position: relative; z-index: 9; } @media (max-width: 1699.98px) { .service-section-2 { margin: 0 35px; } } @media (max-width: 1399.98px) { .service-section-2 { margin: 0 28px; } } @media (max-width: 1199.98px) { .service-section-2 { margin: 0 20px; } } @media (max-width: 469.98px) { .service-section-2 { margin: 0 16px; } } @media (max-width: 991.98px) { .service-section-2 .sercice-top-text { text-align: center !important; } } .service-section-2 .sercice-top-text .top-text { font-size: 16px; font-weight: 400; color: var(--text-color); max-width: 450px; margin-left: auto; margin-bottom: 26px; } @media (max-width: 991.98px) { .service-section-2 .sercice-top-text .top-text { margin: 0 auto; margin-bottom: 25px; } } .service-hover-box-item { position: relative; } .service-hover-box-item .service-hover-image { position: relative; } .service-hover-box-item .service-hover-image .image-box { display: none; } .service-hover-box-item .service-hover-image .image-box { width: 100%; opacity: 0; visibility: hidden; transition: opacity 0.5s ease, transform 0.5s ease; transform: translateY(20px); } .service-hover-box-item .service-hover-image .image-box.active { opacity: 1; visibility: visible; transform: translateY(0); display: block; animation: qodef-animate-image-in 1s cubic-bezier(0.78, 0.2, 0.21, 0.88) forwards; } .service-hover-box-item .service-line { width: 1px; background-color: rgba(255, 255, 255, 0.14); height: 648px; position: absolute; top: 51%; bottom: 0; left: 52%; transform: translate(-50%, -50%); } .service-hover-box-item .service-line::before { position: absolute; top: 0; left: 50%; content: ""; width: 3px; transform: translateX(-50%); height: 21px; background-color: var(--theme-color1); } .service-hover-box-item .service-line::after { position: absolute; bottom: 0; left: 50%; content: ""; width: 3px; transform: translateX(-50%); height: 21px; background-color: var(--theme-color1); } @media (max-width: 1399.98px) { .service-hover-box-item .service-line { display: none; } } .service-block-two .inner-box { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 20px; padding: 31px 30px; margin-top: 20px; z-index: 1; overflow: hidden; max-width: 648px; position: relative; max-width: 610px; } @media (max-width: 1399.98px) { .service-block-two .inner-box { max-width: initial; } } @media (max-width: 1199.98px) { .service-block-two .inner-box { padding: 19px 20px; } } .service-block-two .inner-box .title { color: #fff; font-weight: 400; text-transform: capitalize; } @media (max-width: 767.98px) { .service-block-two .inner-box .title { font-size: 17px; } } .service-block-two .inner-box .title a { display: flex; align-items: center; gap: 50px; } @media (max-width: 767.98px) { .service-block-two .inner-box .title a { gap: 18px; } } .service-block-two .inner-box .arrow-icon { align-items: center; background-color: var(--theme-color3); border-radius: 50%; color: #fff; display: inline-flex; font-size: 19px; height: 50px; justify-content: center; width: 50px; transition: all 400ms ease-in-out; } .service-block-two .inner-box .arrow-icon i { rotate: -30deg; transition: all 500ms ease; } .service-block-two .inner-box .arrow-icon:hover { color: var(--theme-color1); } .service-block-two .inner-box .arrow-icon:hover i { rotate: 0deg; } .service-block-two .inner-box::before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; content: ""; left: auto; bottom: auto; top: 0; right: 0; width: 0%; height: 100%; z-index: -1; transition: all 500ms ease; background-color: var(--theme-color1); } .service-block-two .inner-box.active, .service-block-two .inner-box:hover { border-color: var(--theme-color1); } .service-block-two .inner-box.active::before, .service-block-two .inner-box:hover::before { left: 0; width: 100%; } .service-block-two .inner-box.active .arrow-icon, .service-block-two .inner-box:hover .arrow-icon { background-color: #fff; color: var(--theme-color2); } .service-hover-image { position: relative; } .service-hover-image .image-box { margin-top: 20px; position: relative; max-width: 556px; margin-left: auto; position: relative; } @media (max-width: 991.98px) { .service-hover-image .image-box { max-width: initial; height: 600px; border-radius: 40px; overflow: hidden; } } @media (max-width: 767.98px) { .service-hover-image .image-box { height: initial; border-radius: initial; } } .service-hover-image .image-box .image { margin-left: auto; position: relative; max-width: 556px; mask: url('data:image/svg+xml;utf8,'); mask-repeat: no-repeat; mask-position: center center; mask-size: cover; } @media (max-width: 991.98px) { .service-hover-image .image-box .image { max-width: initial; } } .service-hover-image .image-box .image::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; width: 100%; height: 100%; background: linear-gradient(0deg, #0D0D0D 18.31%, rgba(13, 13, 13, 0) 100%); z-index: 11; } @media (max-width: 1199.98px) { .service-hover-image .image-box .image img { width: 100%; height: 100%; } } .service-hover-image .image-box .image .hover-img { width: 100%; height: 100%; object-fit: cover; border-radius: 40px; display: block; object-fit: cover; transition: all 500ms ease; } .service-hover-image .image-box .image .hover-img:first-child { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; -webkit-transform: translateX(50%) scaleX(2); transform: translate(50%) scaleX(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } .service-hover-image .image-box .content-box { position: absolute; bottom: 50px; left: 50px; right: 50px; z-index: 99; } @media (max-width: 1199.98px) { .service-hover-image .image-box .content-box { left: 45px; right: 45px; bottom: 45px; } } @media (max-width: 469.98px) { .service-hover-image .image-box .content-box { left: 30px; right: 30px; bottom: 30px; } } .service-hover-image .image-box .content-box .text { color: rgb(229, 231, 235); border-left: 1px solid var(--theme-color1); padding-left: 30px; } @media (max-width: 1199.98px) { .service-hover-image .image-box .content-box .text { border-left: none; padding-left: 0; font-size: 16px; } } @media (max-width: 469.98px) { .service-hover-image .image-box .content-box .text { font-size: 14px; } } .service-hover-image .image-box .content-box .link-btn { display: inline-flex; color: #fff; font-weight: 400; font-size: 16px; display: flex; align-items: center; gap: 10px; margin-top: 20px; text-decoration: underline; } .service-hover-image .image-box .content-box .link-btn:hover { color: var(--theme-color1); } .service-hover-image .image-box:hover .image .hover-img:first-child { -webkit-transform: translateX(0) scaleX(1); transform: translate(0) scaleX(1); opacity: 1; -webkit-filter: blur(0); filter: blur(0); } .service-hover-image .image-box:hover .image .hover-img:nth-child(2) { -webkit-transform: translateX(-50%) scaleX(2); transform: translateX(-50%) scaleX(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } @keyframes qodef-animate-image-out { 0% { transform: scale(1) translateZ(0); -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } 100% { transform: scale(1); -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } } @keyframes qodef-animate-image-in { 0% { transform: scale(1.05) translateZ(0); -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); } 100% { transform: scale(1); -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } } .service-section-3 { position: relative; } .service-section-3 .service-light { position: absolute; bottom: 10%; left: 0; } .service-inner-3 { border-radius: 40px; margin: 0 60px; position: relative; z-index: 9; } @media (max-width: 1699.98px) { .service-inner-3 { margin: 0 35px; } } @media (max-width: 1399.98px) { .service-inner-3 { margin: 0 28px; } } @media (max-width: 1199.98px) { .service-inner-3 { margin: 0 20px; } } @media (max-width: 469.98px) { .service-inner-3 { margin: 0 16px; } } .service-inner-3 .service-vec { position: absolute; top: -5%; left: -2%; } .service-inner-3 .service-button { margin-top: 80px; text-align: center; } @media (max-width: 1199.98px) { .service-inner-3 .service-button { margin-top: 48px; } } @media (max-width: 767.98px) { .service-inner-3 .service-button { margin-top: 35px; } } .service-block-three .inner-box { position: relative; padding: 20px 0px 20px; border-top: 1px solid rgba(255, 255, 255, 0.15); } .service-block-three .inner-box.bb-bottom-add { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .service-block-three .inner-box:hover .image-box, .service-block-three .inner-box.active .image-box { visibility: visible; opacity: 1; transform: scaleX(1); } .service-block-three .inner-box:hover .content-box, .service-block-three .inner-box.active .content-box { padding-left: 440px; } @media (max-width: 1199.98px) { .service-block-three .inner-box:hover .content-box, .service-block-three .inner-box.active .content-box { padding-left: 0px; } } .service-block-three .inner-box:hover .content-box .content, .service-block-three .inner-box.active .content-box .content { flex-basis: initial; } .service-block-three .inner-box:hover .content-box .service-list-item, .service-block-three .inner-box.active .content-box .service-list-item { margin-left: 0; } .service-block-three .inner-box:hover .content-box .icon-box .icon, .service-block-three .inner-box.active .content-box .icon-box .icon { transform: rotate(0deg); background-color: var(--theme-color1); } .service-block-three .inner-box .image-box { position: absolute; top: 12px; left: 0; opacity: 0; border-radius: 20px; visibility: hidden; margin-right: 30px; transform: scaleX(0); transform-origin: left; overflow: hidden; transition: all 300ms ease; } @media (max-width: 1199.98px) { .service-block-three .inner-box .image-box { position: relative; max-width: 360px; opacity: 1; height: auto; visibility: visible; transform: scaleX(1); margin-bottom: 20px; margin-right: 0; } } @media (max-width: 767.98px) { .service-block-three .inner-box .image-box { margin-right: 0; } } .service-block-three .inner-box .content-box { display: flex; gap: 35px; align-items: center; justify-content: space-between; padding: 50px 0; transition: all 300ms ease; } @media (max-width: 1199.98px) { .service-block-three .inner-box .content-box { padding: 30px 0; } } @media (max-width: 767.98px) { .service-block-three .inner-box .content-box { gap: 20px; flex-direction: column; align-items: flex-start; } } .service-block-three .inner-box .content-box .content { flex-basis: 55%; } @media (max-width: 1199.98px) { .service-block-three .inner-box .content-box .content { flex-basis: initial; } } .service-block-three .inner-box .content-box .content .title { font-size: 40px; } @media (max-width: 1399.98px) { .service-block-three .inner-box .content-box .content .title { font-size: 27px; } } @media (max-width: 575.98px) { .service-block-three .inner-box .content-box .content .title { font-size: 20px; } } .service-block-three .inner-box .content-box .content .text { font-size: 18px; } @media (max-width: 575.98px) { .service-block-three .inner-box .content-box .content .text { font-size: 14px; } } .service-block-three .inner-box .content-box .service-list-item { margin-left: -25%; transition: all 0.4s ease-in-out; } @media (max-width: 1199.98px) { .service-block-three .inner-box .content-box .service-list-item { margin-left: 0; } } .service-block-three .inner-box .content-box .service-list-item li { font-size: 16px; font-weight: 400; color: #fff; position: relative; padding-left: 20px; line-height: 1; } .service-block-three .inner-box .content-box .service-list-item li:not(:last-child) { margin-bottom: 20px; } .service-block-three .inner-box .content-box .service-list-item li::before { position: absolute; top: 50%; transform: translateY(-50%); left: 0; content: ""; width: 5px; height: 5px; border-radius: 5px; background-color: #fff; } .service-block-three .inner-box .content-box .icon-box .icon { width: 58px; height: 58px; line-height: 58px; text-align: center; border-radius: 50%; cursor: pointer; transform: rotate(-32deg); color: var(--theme-color-white); background-color: rgba(255, 255, 255, 0.1); transition: all 500ms ease; } .service-inner-4 { border-radius: 40px; margin: 0 60px; position: relative; z-index: 9; } @media (max-width: 1699.98px) { .service-inner-4 { margin: 0 35px; } } @media (max-width: 1399.98px) { .service-inner-4 { margin: 0 28px; } } @media (max-width: 1199.98px) { .service-inner-4 { margin: 0 20px; } } @media (max-width: 469.98px) { .service-inner-4 { margin: 0 16px; } } .service-inner-4 .sec-title { margin-bottom: 60px; } @media (max-width: 469.98px) { .service-inner-4 .sec-title { margin-bottom: 30px; } } .service-block-four-wrapper .service-block-four:last-child .inner-box.active .content-box { margin-bottom: 0; padding: 60px 80px; } @media (max-width: 767.98px) { .service-block-four-wrapper .service-block-four:last-child .inner-box.active .content-box { padding: 40px 30px; } } .service-block-four .inner-box { position: relative; } .service-block-four .inner-box .title-box, .service-block-four .inner-box .content-box { transition: all 400ms ease; } .service-block-four .inner-box .title-box.border-radius-add, .service-block-four .inner-box .content-box.border-radius-add { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .service-block-four .inner-box .title-box { background-color: var(--theme-color-black); padding: 45px 90px; border-radius: 20px; padding-bottom: 65px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; border-top: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: -20px; } @media (max-width: 991.98px) { .service-block-four .inner-box .title-box { padding: 45px 40px; } } @media (max-width: 767.98px) { .service-block-four .inner-box .title-box { padding: 30px 35px; } } @media (max-width: 575.98px) { .service-block-four .inner-box .title-box { padding: 30px 25px; flex-wrap: wrap; gap: 20px; } } .service-block-four .inner-box .title-box .title { font-size: 30px; } @media (max-width: 1199.98px) { .service-block-four .inner-box .title-box .title { font-size: 26px; } } @media (max-width: 991.98px) { .service-block-four .inner-box .title-box .title { font-size: 25px; } } @media (max-width: 767.98px) { .service-block-four .inner-box .title-box .title { font-size: 22px; } } @media (max-width: 575.98px) { .service-block-four .inner-box .title-box .title { font-size: 20px; } } .service-block-four .inner-box .title-box .arrow-icon { background-color: var(--theme-color2); border-radius: 50%; color: #fff; display: inline-block; height: 52px; line-height: 52px; overflow: hidden; position: relative; text-align: center; transform: rotate(-40deg); width: 52px; transition: all 400ms ease; z-index: 0; } .service-block-four .inner-box .title-box .arrow-icon:before { background-color: var(--theme-color1); border-radius: 50%; content: ""; height: 100%; left: 0; position: absolute; right: 0; transform: scale(0); width: 100%; z-index: -1; transition: all 400ms ease; } .service-block-four .inner-box .content-box { background-color: #202020; border-radius: 20px 20px; display: flex; align-items: center; justify-content: space-between; padding: 0 80px; max-height: 0; overflow: hidden; opacity: 0; transform: translateY(-4px); transition: max-height 0.45s ease, padding 0.45s ease, opacity 0.35s ease, transform 0.35s ease; will-change: max-height, opacity, transform; } @media (max-width: 1199.98px) { .service-block-four .inner-box .content-box { padding: 10px; margin-bottom: -20px; } } @media (max-width: 991.98px) { .service-block-four .inner-box .content-box { display: block; } } @media (max-width: 767.98px) { .service-block-four .inner-box .content-box { padding: 30px 35px; margin-bottom: -50px; } } @media (max-width: 575.98px) { .service-block-four .inner-box .content-box { padding: 30px 25px; } } .service-block-four .inner-box .content-box .inner-content { max-width: 500px; } @media (max-width: 991.98px) { .service-block-four .inner-box .content-box .inner-content { margin-bottom: 30px; } } .service-block-four .inner-box .content-box .inner-content .tag-box { background-color: var(--theme-color-black); border-radius: 20px; color: var(--theme-color-white); display: inline-block; font-size: 16px; font-weight: 500; height: 40px; line-height: 40px; padding: 0 20px; } .service-block-four .inner-box .content-box .inner-content .tag-box.bg-2 { background-color: #fff; color: var(--theme-color-black); } .service-block-four .inner-box .content-box .inner-content .tag-box.bg-3 { background-color: var(--theme-color1); } .service-block-four .inner-box .content-box .inner-content .tag-items { align-items: center; display: flex; gap: 20px; margin-bottom: 12px; margin-top: 35px; } @media (max-width: 1199.98px) { .service-block-four .inner-box .content-box .inner-content .tag-items { flex-wrap: wrap; gap: 16px; margin-top: 20px; } } .service-block-four .inner-box .content-box .inner-content .title { margin-bottom: 30px; font-size: clamp(20px, 1.87vw, 30px); line-height: 1.33; } .service-block-four .inner-box .content-box .inner-content .title a:hover { color: var(--theme-color1); } .service-block-four .inner-box .content-box .image-box { border-radius: 15px; } .service-block-four .inner-box .content-box .image-box img { border-radius: 15px; height: 100%; width: 100%; } .service-block-four .inner-box.active .title-box .arrow-icon { transform: rotate(0deg); } .service-block-four .inner-box.active .title-box .arrow-icon:before { transform: scale(1); } .service-block-four .inner-box.active .content-box { margin-bottom: -20px; max-height: 1200px; opacity: 1; padding: 60px 80px 80px; transform: translateY(0); } @media (max-width: 767.98px) { .service-block-four .inner-box.active .content-box { padding: 40px 30px; } } .service-section-4 { position: relative; } .service-section-4 .service-light { position: absolute; top: -12%; left: 0; z-index: -1; } .service-section-4 .service-light2 { position: absolute; bottom: 0; right: 0; z-index: -1; } .service-section-4 .service-vec { position: absolute; right: -50px; top: -4%; } .faq-block-one { background-color: var(--theme-color-black); position: relative; padding: 25px 30px; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 20px; line-height: 1; position: relative; z-index: 9; } .faq-block-one::before { display: none; } @media (max-width: 991.98px) { .faq-block-one { padding: 20px 26px; } } @media (max-width: 575.98px) { .faq-block-one { padding: 18px 24px; } } .faq-block-one { transition: all 400ms ease; } .faq-block-one .content-box { display: none; } .faq-block-one .content-box.show { display: block; } .faq-block-one .title-box { align-items: center; background-color: transparent; box-shadow: none; display: flex; gap: 20px; justify-content: space-between; margin-bottom: 0; position: relative; width: 100%; transition: all 400ms ease; } .faq-block-one .title-box span { display: block; } .faq-block-one .title-box .content { align-items: center; display: flex; gap: 30px; } .faq-block-one .title-box .content .title { color: #fff; margin-bottom: 0; font-size: 19px; font-weight: 500; } @media (max-width: 1399.98px) { .faq-block-one .title-box .content .title { font-size: 17px; } } @media (max-width: 575.98px) { .faq-block-one .title-box .content .title { font-size: 15px; } } .faq-block-one .title-box .icon { max-width: 34px; width: 100%; height: 34px; line-height: 34px; text-align: center; border-radius: 50%; background-color: var(--theme-color3); } .faq-block-one .title-box .icon i { color: #fff; font-size: 12px; font-weight: 600; transition: all 400ms ease; } .faq-block-one .title-box::after { display: none; } .faq-block-one .title-box:hover { cursor: pointer; } .faq-block-one .inner { margin-top: 28px; } @media (max-width: 767.98px) { .faq-block-one .inner { margin-top: 20px; } } .faq-block-one .inner .text { max-width: 562px; font-size: 16px; font-weight: 400; color: #fff; letter-spacing: -0.02em; line-height: 162%; } @media (max-width: 767.98px) { .faq-block-one .inner .text { font-size: 13px; } } .faq-block-one.active .title-box .content .count { border-right: 1px solid var(--text-color); } .faq-block-one.active .title, .faq-block-one.active .icon i, .faq-block-one.active .count { color: #fff; } .faq-block-one.active .icon { background-color: var(--theme-color1); } .faq-block-one.active .icon a i { transform: rotate(45deg); } .faq-block-one:not(:last-child) { margin-bottom: 10px; } .faq-block-one.new-style-add { max-width: 716px; margin-left: auto; } .faq-block-one.new-style-add .inner .text { color: var(--text-color); max-width: 590px; } .faq-block-one.style-new-2 { background: transparent; border: 2px solid rgba(255, 255, 255, 0.1); max-width: 816px; } .faq-block-one.style-new-2 .inner .text { color: rgba(255, 255, 255, 0.6); max-width: 690px; } .faq-block-one.style-new-2 .title-box .content .title { color: #fff; } .faq-block-one.style-new-2 .title-box .icon { background-color: transparent; width: initial; height: initial; line-height: initial; } .faq-block-one.style-new-2 .title-box .icon i { color: #fff; font-size: 12px; font-weight: 600; transition: all 400ms ease; } .faq-block-one.style-new-2 .title-box::after { display: none; } .faq-block-one.style-new-2 .title-box:hover { cursor: pointer; } .faq-block-one.style-new-2.active .title-box .content .title { color: var(--theme-color1); } .faq-section { position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.14); } .faq-section .faq-light-shape { position: absolute; top: -55%; left: 0; } @media (max-width: 1699.98px) { .faq-section .faq-light-shape { display: none; } } .faq-section .faq-shape { position: absolute; top: -20%; left: 0; z-index: 99; } @media (max-width: 1699.98px) { .faq-section .faq-shape { display: none; } } .faq-inner-2 { border-radius: 40px; margin: 0 60px; position: relative; z-index: 9; border: 1px solid rgba(255, 255, 255, 0.14); } @media (max-width: 1699.98px) { .faq-inner-2 { margin: 0 35px; } } @media (max-width: 1399.98px) { .faq-inner-2 { margin: 0 28px; } } @media (max-width: 1199.98px) { .faq-inner-2 { margin: 0 20px; } } @media (max-width: 469.98px) { .faq-inner-2 { margin: 0 16px; } } .faq-block-two { background-color: var(--theme-color-black); position: relative; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 20px; line-height: 1; position: relative; z-index: 99; transition: all 400ms ease; } .faq-block-two .content-box { display: none; } .faq-block-two .content-box.show { display: block; } .faq-block-two .title-box { align-items: center; background-color: transparent; box-shadow: none; display: flex; gap: 20px; justify-content: space-between; margin-bottom: 0; position: relative; border-radius: 20px; width: 100%; padding-right: 30px; } @media (max-width: 575.98px) { .faq-block-two .title-box { padding-right: 15px; } } .faq-block-two .title-box { transition: all 400ms ease; } .faq-block-two .title-box span { display: block; } .faq-block-two .title-box .content { align-items: center; display: flex; gap: 30px; padding: 0 25px; } @media (max-width: 575.98px) { .faq-block-two .title-box .content { gap: 12px; } } @media screen and (max-width: 380px) { .faq-block-two .title-box .content { padding: 0 15px; } } .faq-block-two .title-box .content .number { color: #fff; margin-bottom: 0; font-size: 20px; font-weight: 500; } @media (max-width: 1399.98px) { .faq-block-two .title-box .content .number { font-size: 17px; } } @media (max-width: 575.98px) { .faq-block-two .title-box .content .number { font-size: 15px; } } @media screen and (max-width: 380px) { .faq-block-two .title-box .content .number { font-size: 13px; } } .faq-block-two .title-box .content .line { width: 1px; height: 72px; background-color: rgba(255, 255, 255, 0.14); display: inline-block; } @media screen and (max-width: 380px) { .faq-block-two .title-box .content .line { height: 90px; } } .faq-block-two .title-box .content .title { color: #fff; margin-bottom: 0; font-weight: 500; } @media (max-width: 1399.98px) { .faq-block-two .title-box .content .title { font-size: 17px; } } @media (max-width: 575.98px) { .faq-block-two .title-box .content .title { font-size: 15px; } } @media screen and (max-width: 380px) { .faq-block-two .title-box .content .title { font-size: 13px; } } .faq-block-two .title-box .icon i { color: var(--theme-color1); font-size: 16px; font-weight: 600; transition: all 400ms ease; } .faq-block-two .title-box::after { display: none; } .faq-block-two .title-box:hover { cursor: pointer; } .faq-block-two .inner { padding: 35px 100px; } @media (max-width: 1199.98px) { .faq-block-two .inner { padding: 30px; } } @media screen and (max-width: 380px) { .faq-block-two .inner { padding: 18px; } } .faq-block-two .inner .text { max-width: 765px; font-size: 16px; font-weight: 400; color: var(--text-color); line-height: 170%; } @media screen and (max-width: 380px) { .faq-block-two .inner .text { font-size: 14px; } } .faq-block-two.active .title-box { background-color: var(--theme-color1); } .faq-block-two.active .title, .faq-block-two.active .icon i, .faq-block-two.active .count { color: #fff; } .faq-block-two.active .icon { background-color: var(--theme-color1); } .faq-block-two.active .icon a i { transform: rotate(45deg); } .faq-block-two:not(:last-child) { margin-bottom: 20px; } .faq-section-2 { position: relative; } .faq-section-2 .faq-light { position: absolute; top: -60%; left: 0; } @media (max-width: 1199.98px) { .faq-section-2 .faq-light { display: none; } } .faq-section-2 .faq-vec { position: absolute; top: -15%; left: 15px; z-index: 11; } @media (max-width: 1399.98px) { .faq-section-2 .faq-vec { display: none; } } .faq-section-2 .faq-light2 { position: absolute; bottom: -40%; right: 0; } @media (max-width: 1199.98px) { .faq-section-2 .faq-light2 { display: none; } } .faq-section-2 .faq-vec2 { position: absolute; bottom: -15%; right: 30px; z-index: 11; } @media (max-width: 1399.98px) { .faq-section-2 .faq-vec2 { display: none; } } .faq-inner-items { background: #000000; border-radius: 30px; padding: 20px; } .faq-inner-items .content { padding: 40px; background: rgba(244, 244, 244, 0.05); border-radius: 30px; } @media (max-width: 1199.98px) { .faq-inner-items .content { padding: 28px; } } .faq-inner-items .content .title { font-size: 30px; font-weight: 500; color: var(--theme-color1); margin-bottom: 10px; } @media (max-width: 767.98px) { .faq-inner-items .content .title { font-size: 22px; } } .faq-inner-items .content .text { color: rgba(255, 255, 255, 0.6); } @media (max-width: 767.98px) { .faq-inner-items .content .text { font-size: 14px; } } .faq-inner-items .content .icon-box { display: flex; gap: 20px; background-color: var(--theme-color-black); border-radius: 30px; padding: 38px 30px; margin-top: 30px; } @media (max-width: 1399.98px) { .faq-inner-items .content .icon-box { padding: 28px; flex-wrap: wrap; } } .faq-inner-items .content .icon-box .icon { border-radius: 50%; width: 50px; height: 50px; line-height: 50px; background-color: var(--theme-color1); text-align: center; color: var(--theme-color-white); } .faq-inner-items .content .icon-box .icon-content .icon-title { font-weight: 600; margin-bottom: 5px; } .faq-inner-items .content .icon-box .icon-content .text-2 { max-width: 270px; } .faq-section-3 { position: relative; z-index: 1; } .faq-section-3 .faq-light { position: absolute; top: -15%; left: 25%; z-index: -1; } @media (max-width: 1199.98px) { .faq-section-3 .faq-light { display: none; } } .faq-section-3 .sec-title { margin-bottom: 60px; } @media (max-width: 1199.98px) { .faq-section-3 .sec-title { margin-bottom: 30px; } } .faq-section-4 .sec-title { margin-bottom: 60px; } @media (max-width: 767.98px) { .faq-section-4 .sec-title { margin-bottom: 30px; } } .faqs-block-crm { overflow: hidden; position: relative; border-radius: 40px; z-index: 1; padding: 50px 40px 58px; padding-top: 60px; border: 1px solid rgba(255, 255, 255, 0.102); background: linear-gradient(112.57deg, rgba(230, 0, 35, 0.3) 22.93%, rgba(17, 16, 15, 0) 87.49%); text-align: center; } .faqs-block-crm .text { color: var(--text-color); margin-bottom: 40px; } .faqs-block-crm .item-shadow { position: absolute; bottom: 0; right: 0; z-index: -1; } .work-process-content-1 .work-process-thumb { margin-top: 110px; } @media (max-width: 991.98px) { .work-process-content-1 .work-process-thumb { display: none; } } .working-block-one .inner-block { display: flex; align-items: center; margin-top: 40px; position: relative; z-index: 9; gap: 40px; } .working-block-one .inner-block.top-margin-none { margin-top: 0; } @media (max-width: 991.98px) { .working-block-one .inner-block.top-margin-none { margin-top: 40px; } } @media (max-width: 575.98px) { .working-block-one .inner-block { gap: 20px; } } .working-block-one .inner-block .step { display: flex; background-color: #000; font-size: 16px; font-weight: 400; color: #fff; width: 52px; border-radius: 10px; writing-mode: sideways-lr; transition: all 0.4s ease-in-out; height: 127px; align-items: center; justify-content: center; } .working-block-one .inner-block .content-box { position: relative; padding-bottom: 20px; width: 100%; } .working-block-one .inner-block .content-box .text { color: #1e1e1e; margin-top: 10px; max-width: 450px; font-size: 16px; font-weight: 400; letter-spacing: -0.02em; } @media (max-width: 575.98px) { .working-block-one .inner-block .content-box .text { font-size: 14px; } } .working-block-one .inner-block .content-box .line { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; background: #e60023; } .working-block-one .inner-block .content-box .line::before { position: absolute; top: 50%; right: 0; width: 9px; height: 9px; transform: translateY(-50%); content: ""; background-color: #e60023; border-radius: 50%; } .working-block-one .inner-block.active .step { background-color: #000; } .working-block-one .inner-block.active .content-box .line::before { background-color: var(--theme-color1); } @media (max-width: 991.98px) { .work-process-section { padding-top: 0 !important; } } .work-process-section-2 { position: relative; } .work-process-section-2 .work-process-light { position: absolute; right: 0; top: -50%; } @media (max-width: 1199.98px) { .work-process-section-2 .work-process-light { display: none; } } .work-process-section-2 .work-process-vec { position: absolute; top: -120px; right: 0; z-index: 19; } @media (max-width: 1399.98px) { .work-process-section-2 .work-process-vec { display: none; } } .work-process-section-2 .how-it-client-wrapper { background-color: var(--theme-color3); padding: 30px; border-radius: 20px; margin-top: 40px; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 1199.98px) { .work-process-section-2 .how-it-client-wrapper { justify-content: center; flex-wrap: wrap; gap: 30px; } } .work-process-section-2 .how-it-client-wrapper .client-info { display: flex; align-items: center; gap: 50px; } @media (max-width: 575.98px) { .work-process-section-2 .how-it-client-wrapper .client-info { justify-content: center; flex-wrap: wrap; gap: 30px; text-align: center; } } .work-process-section-2 .how-it-client-wrapper .client-info .client-image { display: flex; align-items: center; } .work-process-section-2 .how-it-client-wrapper .client-info .client-image img { width: 50px; height: 50px; border-radius: 50%; border: 2px solid var(--bg-color); } .work-process-section-2 .how-it-client-wrapper .client-info .client-image .icon-1 { margin-right: -10px; } .work-process-section-2 .how-it-client-wrapper .client-info .client-image .icon-2 { margin-right: -10px; } .work-process-section-2 .how-it-client-wrapper .client-info .client-image .icon-3 { margin-right: -10px; } .work-process-section-2 .how-it-client-wrapper .client-info .info-title { font-size: 18px; font-weight: 400; max-width: 400px; } .work-process-section-2 .how-it-client-wrapper .clieng-btn { display: flex; align-items: center; gap: 70px; } @media (max-width: 767.98px) { .work-process-section-2 .how-it-client-wrapper .clieng-btn { justify-content: center; flex-wrap: wrap; gap: 30px; } } .work-process-inner-2 { border-radius: 40px; margin: 0 60px; position: relative; z-index: 9; border: 1px solid rgba(255, 255, 255, 0.14); } @media (max-width: 1699.98px) { .work-process-inner-2 { margin: 0 35px; } } @media (max-width: 1399.98px) { .work-process-inner-2 { margin: 0 28px; } } @media (max-width: 1199.98px) { .work-process-inner-2 { margin: 0 20px; } } @media (max-width: 469.98px) { .work-process-inner-2 { margin: 0 16px; } } .work-process-inner-2 .line { height: 1px; width: 100%; background-color: rgba(255, 255, 255, 0.14); margin-bottom: -50px; margin-top: 50px; padding-left: 18px; } @media (max-width: 1199.98px) { .work-process-inner-2 .line { display: none; } } .working-block-two { margin-top: 30px; } @media (max-width: 1199.98px) { .working-block-two { margin-top: 40px; } } .working-block-two .step-btn { display: inline-block; height: 35px; line-height: 35px; background-color: var(--theme-color3); border-radius: 10px; padding: 0 20px; color: #fff; font-size: 16px; font-weight: 400; margin-bottom: 45px; } @media (max-width: 1199.98px) { .working-block-two .step-btn { margin-bottom: 25px; } } .working-block-two .inner-block { background-color: var(--theme-color3); border-radius: 30px; padding: 40px; position: relative; } @media (max-width: 767.98px) { .working-block-two .inner-block { padding: 30px; } } @media (max-width: 469.98px) { .working-block-two .inner-block { padding: 28px; } } .working-block-two .inner-block .dot { display: inline-block; width: 9px; height: 9px; border-radius: 9px; background-color: var(--theme-color1); position: absolute; top: 40px; right: 40px; } .working-block-two .inner-block .icon-box { margin-bottom: 50px; } @media (max-width: 767.98px) { .working-block-two .inner-block .icon-box { margin-bottom: 30px; } } .working-block-two .inner-block .icon-box { -webkit-transition: all 900ms ease; transition: all 900ms ease; display: inline-block; } .working-block-two .inner-block .text { margin-top: 16px; } .working-block-two .inner-block:hover .icon-box { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } .work-process-section-3 { position: relative; } .work-process-section-3 .vec-shape { position: absolute; top: 0; left: 0; z-index: 11; } .work-process-section-3 .light-shape { position: absolute; bottom: -18%; left: 0; } .work-process-section-3 .work-process-inner-3 { border-radius: 40px; margin: 0 60px; position: relative; z-index: 9; } @media (max-width: 1699.98px) { .work-process-section-3 .work-process-inner-3 { margin: 0 35px; } } @media (max-width: 1399.98px) { .work-process-section-3 .work-process-inner-3 { margin: 0 28px; } } @media (max-width: 1199.98px) { .work-process-section-3 .work-process-inner-3 { margin: 0 20px; } } @media (max-width: 469.98px) { .work-process-section-3 .work-process-inner-3 { margin: 0 16px; } } .hzAccordion-section .options { align-items: stretch; display: flex; flex-direction: row; max-width: 100%; margin-top: -12px; transition-delay: 300ms; } @media (max-width: 1399.98px) { .hzAccordion-section .options { display: grid; grid-template-columns: repeat(3, 1fr); } } @media (max-width: 1199.98px) { .hzAccordion-section .options { display: grid; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767.98px) { .hzAccordion-section .options { grid-template-columns: repeat(1, 1fr); } } @media (max-width: 767.98px) { .hzAccordion-section .options { flex-direction: column; } } .hzAccordion-section .options .option { background: var(--theme-color-black); background-size: auto 100%; border: 1px solid rgba(var(--theme-color2-rgb), 0.1); border-radius: 30px; cursor: pointer; height: 500px; margin: 10px; min-width: 272px; overflow: hidden; position: relative; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.28s; margin-top: 30px; } @media (max-width: 1199.98px) { .hzAccordion-section .options .option { height: 170px; min-width: inherit; } } @media (max-width: 575.98px) { .hzAccordion-section .options .option { height: 220px; } } .hzAccordion-section .options .option .default-content { align-items: start; bottom: 0; display: none; justify-content: center; left: 0; margin: 0 auto; position: absolute; right: 0; transition: all 400ms ease; } @media (max-width: 1199.98px) { .hzAccordion-section .options .option .default-content { margin: 0; padding: 30px; right: auto; } } @media (max-width: 359.98px) { .hzAccordion-section .options .option .default-content { bottom: 0px; } } @media (max-width: 320px) { .hzAccordion-section .options .option .default-content { padding: 15px; } } .hzAccordion-section .options .option .default-content .title { bottom: 200px; font-weight: 500; left: -30px; min-width: max-content; position: relative; transform: rotate(-90deg); transition: all 400ms ease; } @media (max-width: 1199.98px) { .hzAccordion-section .options .option .default-content .title { bottom: 0; left: 0; transform: rotate(0deg); } } @media (max-width: 575.98px) { .hzAccordion-section .options .option .default-content .title { font-size: 24px; } } @media (max-width: 379.98px) { .hzAccordion-section .options .option .default-content .title { font-size: 20px; } } .hzAccordion-section .options .option .default-content .text { bottom: 245px; color: rgba(255, 255, 255, 0.5); font-weight: 400; left: 20px; min-width: 300px; position: relative; transition: all 400ms ease; transform: rotate(-90deg); } @media (max-width: 1199.98px) { .hzAccordion-section .options .option .default-content .text { bottom: 0; max-width: 80%; left: 0; transform: rotate(0deg); } } @media (max-width: 575.98px) { .hzAccordion-section .options .option .default-content .text { min-width: inherit; } } .hzAccordion-section .options .option .label { display: flex; align-items: flex-end; position: absolute; bottom: 0; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.28s; z-index: -1; } @media (max-width: 1199.98px) { .hzAccordion-section .options .option .label { padding-right: 20px; } } @media (max-width: 767.98px) { .hzAccordion-section .options .option .label { bottom: unset; top: 50%; transform: translateY(-50%); } } @media (max-width: 575.98px) { .hzAccordion-section .options .option .label { top: 40%; } } @media (max-width: 339.98px) { .hzAccordion-section .options .option .label { top: 37%; } } .hzAccordion-section .options .option .label .info { padding: 50px 40px; opacity: 1; visibility: visible; transition: all 400ms ease; transition-delay: 300ms; } @media (max-width: 1199.98px) { .hzAccordion-section .options .option .label .info { padding: 0 0 30px; } } @media (max-width: 575.98px) { .hzAccordion-section .options .option .label .info { padding: 0; } } .hzAccordion-section .options .option .label .info .cont .count { bottom: -70px; color: var(--theme-color-white); display: inline-block; font-weight: 600; font-size: 80px; line-height: 1; left: 15px; letter-spacing: -0.03em; position: relative; } .hzAccordion-section .options .option .label .info .cont .count span { color: var(--theme-color-white); } .hzAccordion-section .options .option .label .info .cont .sub-title { color: var(--theme-color-white); letter-spacing: -0.03em; font-weight: 600; margin-bottom: 20px; } .hzAccordion-section .options .option .label .info .cont .text { color: var(--theme-color-white); font-weight: 400; } .hzAccordion-section .options .option .label .info .lg-count { color: rgba(242, 102, 28, 0.9); font-size: 234px; font-weight: 600; line-height: 1; letter-spacing: -0.03em; text-transform: capitalize; font-size: clamp(80px, 14.62vw, 234px); line-height: 1; } .hzAccordion-section .options .option .search-icon { bottom: -10px; left: 0; position: absolute; right: 0; text-align: center; } .hzAccordion-section .options .option .search-icon .count { color: rgba(255, 255, 255, 0.1); display: inline-block; font-weight: 600; font-size: 80px; line-height: 1; text-align: center; letter-spacing: -0.03em; } .hzAccordion-section .options .option .search-icon .count span { color: var(--theme-color1); } .hzAccordion-section .options .option:not(.active) { background: var(--theme-color-black); border-radius: 20px; flex-grow: 1; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.28s; } .hzAccordion-section .options .option:not(.active) .default-content { display: flex !important; } .hzAccordion-section .options .option:not(.active) .label { bottom: 10px; left: 10px; } .hzAccordion-section .options .option:not(.active) .label .info { opacity: 0; visibility: hidden; transition: all 400ms ease; } .hzAccordion-section .options .option:not(.active) .info>div { left: 20px; opacity: 0; } .hzAccordion-section .options .option.active { background: var(--theme-color1); background-size: auto 100%; border-radius: 30px; flex-grow: 10000; transform: scale(1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.28s; position: relative; } @media (max-width: 1199.98px) { .hzAccordion-section .options .option.active { height: 300px; min-width: inherit; padding: 30px; } } @media (max-width: 575.98px) { .hzAccordion-section .options .option.active { padding: 30px 20px; } } .hzAccordion-section .options .option.active .search-icon { display: none; } .hzAccordion-section .options .option.active .search-icon { position: relative; } .hzAccordion-section .options .option.active .search-icon .lg-count { opacity: 1; } .working-block-four .inner-block { display: flex; align-items: end; justify-content: space-between; border-bottom: 1px solid rgba(217, 217, 217, 0.08); padding-bottom: 40px; margin-top: 35px; max-width: 608px; margin-left: auto; position: relative; z-index: 88; } @media (max-width: 991.98px) { .working-block-four .inner-block { margin-left: initial; max-width: initial; } } @media (max-width: 575.98px) { .working-block-four .inner-block { display: grid; gap: 20px; } } .working-block-four .inner-block.style-margin-0 { margin-left: initial; } .working-block-four .inner-block .content-box span { display: inline-block; font-size: 16px; font-weight: 400; color: var(--theme-color1); margin-bottom: 20px; } @media (max-width: 575.98px) { .working-block-four .inner-block .content-box span { margin-bottom: 10px; } } @media (max-width: 1199.98px) { .working-block-four .inner-block .content-box .title { font-size: 20px; } } .working-block-four .inner-block .year-text { font-size: 18px; position: relative; height: 47px; line-height: 47px; background-color: rgba(255, 255, 255, 0.1); padding: 0 18px; padding-left: 40px; border-radius: 30px; margin-bottom: 10px; } @media (max-width: 1199.98px) { .working-block-four .inner-block .year-text { font-size: 14px; position: relative; height: 44px; line-height: 44px; padding: 0 15px; padding-left: 38px; margin-bottom: 0; } } @media (max-width: 575.98px) { .working-block-four .inner-block .year-text { max-width: 150px; } } .working-block-four .inner-block .year-text::before { position: absolute; top: 50%; transform: translateY(-50%); left: 18px; content: ""; width: 8px; height: 8px; background: rgba(255, 255, 255, 0.6); border-radius: 50%; } @media (max-width: 991.98px) { .work-eduction-section { margin-top: 30px; } } /*** ==================================================================== Marquee Section ==================================================================== ***/ .marquee-area2 { margin-bottom: 60px; position: relative; z-index: 99; } @media (max-width: 1499.98px) { .marquee-area2 { margin-bottom: 100px; margin-top: 0px !important; } } @media (max-width: 991.98px) { .marquee-area2 { margin-bottom: 30px; margin-top: 0px; padding-top: 15px !important; } } .marquee-area2 .marque-object2 { position: absolute; right: -60px; top: -100px; } @media (max-width: 1199.98px) { .marquee-area2 .marque-object2 { display: none; } } .marquee-area2 .light-marque { position: absolute; top: -30%; right: -60px; z-index: 1; } @media (max-width: 1199.98px) { .marquee-area2 .light-marque { display: none; } } .marquee-area2.style-marquee2 { margin: 0 60px; background-color: var(--theme-color3); border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 40px; padding-bottom: 190px; } @media (max-width: 1699.98px) { .marquee-area2.style-marquee2 { margin: 0 35px; } } @media (max-width: 1399.98px) { .marquee-area2.style-marquee2 { margin: 0 25px; } } @media (max-width: 1199.98px) { .marquee-area2.style-marquee2 { margin: 0 15px; padding-left: 10px !important; padding-right: 10px !important; } } @media (max-width: 1199.98px) { .marquee-area2.style-marquee2 { padding-bottom: 120px; } } .marquee-area2.style-marquee2 .marque-object { text-align: center; margin-bottom: -190px; } @media (max-width: 1199.98px) { .marquee-area2.style-marquee2 .marque-object { margin-bottom: 0; } } .marquee-area2.style-marquee2 .marquee-title { text-align: center; position: relative; z-index: 99; margin-bottom: 60px; } .marquee-area2.style-marquee2 .marquee-title .title { font-size: 60px; font-weight: 500; line-height: 133.333%; color: #fff; margin-bottom: 40px; } @media (max-width: 767.98px) { .marquee-area2.style-marquee2 .marquee-title .title { font-size: 40px; } } @media (max-width: 575.98px) { .marquee-area2.style-marquee2 .marquee-title .title { font-size: 36px; } } .marquee-area2.style-marquee2 .marquee-section.style-2 { background-color: var(--theme-color2); position: relative; z-index: 81; } .marquee-section { position: relative; background-color: var(--theme-color2); padding: 25px 0; z-index: 9; } .marquee-section.style-2 { transform: rotate(7.174deg); background-color: var(--theme-color1); margin-bottom: -135px; } @media (max-width: 991.98px) { .marquee-section.style-2 { margin-bottom: 0; transform: rotate(0deg); } } .marquee-section.style-2 .marquee-group { animation: scroll2 var(--duration) linear infinite; } .marquee-section.style-2 .text { font-size: 30px; font-weight: 500; color: #fff; } .marquee-section.style-four { transform: rotate(0deg) !important; margin-bottom: 0; padding: 30px 0; } .marquee-section.style-four .text { font-size: 40px; font-weight: 500; } .marquee-section.style-3 { transform: rotate(-5deg); } @media (max-width: 991.98px) { .marquee-section.style-3 { transform: rotate(0deg); } } @media (max-width: 1199.98px) { .marquee-section { padding: 25px 0; } } .marquee-two { position: relative; --duration: 30s; --gap: 0px; display: flex; overflow: hidden; user-select: none; gap: var(--gap); } .marquee-two .marquee-group { flex-shrink: 0; display: flex; align-items: center; justify-content: space-around; gap: var(--gap); min-width: 100%; animation: scroll var(--duration) linear infinite; } .marquee-two .text { font-size: 30px; line-height: 1.2; color: #fff; font-weight: 500; margin: 0 40px; position: relative; font-family: var(--heading-font-family); display: flex; align-items: center; gap: 30px; } @media (prefers-reduced-motion: reduce) { .marquee-two .marquee-group { animation-play-state: paused; } } /* Global keyframes — declared only once */ @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-100% - var(--gap))); } } @keyframes scroll2 { 0% { transform: translateX(calc(-100% - var(--gap))); } 100% { transform: translateX(0); } } .marquee-section-2.marquee-style-2 { position: relative; z-index: 9; margin-top: 45px; margin-bottom: 32px; } @media (max-width: 1199.98px) { .marquee-section-2.marquee-style-2 { margin-top: 0; margin-bottom: 0; } } .marquee-section-2.marquee-style-2 .marque-line1 { position: absolute; left: 0; top: 50%; transform: translateY(-50%); bottom: 0; width: 620px; height: 235px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 152px; z-index: -1; } @media (max-width: 1699.98px) { .marquee-section-2.marquee-style-2 .marque-line1 { width: 550px; } } @media (max-width: 1399.98px) { .marquee-section-2.marquee-style-2 .marque-line1 { width: 500px; } } @media (max-width: 1199.98px) { .marquee-section-2.marquee-style-2 .marque-line1 { display: none; } } .marquee-section-2.marquee-style-2 .marque-line1::before { position: absolute; top: 50%; transform: translateY(-50%); left: 30px; bottom: 0; width: 468px; content: ""; height: 235px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 152px; z-index: -1; } .marquee-section-2.marquee-style-2 .marque-line2 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); bottom: 0; width: 666px; height: 235px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 152px; z-index: -1; } @media (max-width: 1699.98px) { .marquee-section-2.marquee-style-2 .marque-line2 { width: 550px; } } @media (max-width: 1399.98px) { .marquee-section-2.marquee-style-2 .marque-line2 { width: 500px; } } @media (max-width: 1199.98px) { .marquee-section-2.marquee-style-2 .marque-line2 { display: none; } } .marquee-section-2.marquee-style-2 .marque-line2::before { position: absolute; top: 50%; transform: translateY(-50%); left: 100px; bottom: 0; width: 468px; content: ""; height: 235px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 152px; z-index: -1; } .marquee-section-2.marquee-style-2 .marque-line3 { position: absolute; right: 0; top: 50%; transform: translateY(-50%); bottom: 0; width: 620px; height: 235px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 152px; z-index: -1; } @media (max-width: 1699.98px) { .marquee-section-2.marquee-style-2 .marque-line3 { width: 550px; } } @media (max-width: 1399.98px) { .marquee-section-2.marquee-style-2 .marque-line3 { width: 500px; } } @media (max-width: 1199.98px) { .marquee-section-2.marquee-style-2 .marque-line3 { display: none; } } .marquee-section-2.marquee-style-2 .marque-line3::before { position: absolute; top: 50%; transform: translateY(-50%); left: 100px; bottom: 0; width: 468px; content: ""; height: 235px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 152px; z-index: -1; } .marquee-section-2.marquee-style-2 .marquee { background: none; margin: 0; padding: 0; } .marquee-section-2 .marquee { background: linear-gradient(90deg, rgba(13, 13, 13, 0) 0%, rgba(136, 255, 42, 0.6) 36.07%, rgba(13, 13, 13, 0) 100%); margin: 0 60px; padding: 60px 0; position: relative; --duration: 30s; --gap: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; gap: 0; } @media (max-width: 1699.98px) { .marquee-section-2 .marquee { margin: 0 35px; } } @media (max-width: 1399.98px) { .marquee-section-2 .marquee { margin: 0 25px; } } @media (max-width: 1199.98px) { .marquee-section-2 .marquee { margin: 0 15px; padding-left: 10px !important; padding-right: 10px !important; } } .marquee-section-2 .marquee .marquee-group { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; gap: 24px; min-width: 100%; -webkit-animation: scroll var(--duration) linear infinite; animation: scroll var(--duration) linear infinite; } .marquee-section-2 .marquee .marquee-group .text { color: #fff; font-size: 150px; font-weight: 500; line-height: 1; letter-spacing: -3px; text-transform: uppercase; } @media (max-width: 1199.98px) { .marquee-section-2 .marquee .marquee-group .text { font-size: 90px; } } @media (max-width: 767.98px) { .marquee-section-2 .marquee .marquee-group .text { font-size: 80px; } } .marquee-section-2 .marquee .marquee-group .marquee-dot { background-color: var(--theme-color1); display: inline-block; width: 8px; height: 8px; border-radius: 8px; } .testimonial-one { border-radius: 40px; margin: 0 60px; position: relative; z-index: 9; background-color: var(--theme-color2); border: 1px solid rgba(255, 255, 255, 0.13); } @media (max-width: 1699.98px) { .testimonial-one { margin: 0 35px; } } @media (max-width: 1399.98px) { .testimonial-one { margin: 0 28px; } } @media (max-width: 1199.98px) { .testimonial-one { margin: 0 20px; } } @media (max-width: 469.98px) { .testimonial-one { margin: 0 16px; } } .testimonial-one .testi-counter { display: flex; align-items: end; gap: 20px; } @media (max-width: 469.98px) { .testimonial-one .testi-counter { flex-wrap: nowrap; } } .testimonial-one .testi-counter .count-box { font-size: 80px; font-weight: 500; color: var(--theme-color1); line-height: 1; } @media (max-width: 469.98px) { .testimonial-one .testi-counter .count-box { font-size: 60px; } } .testimonial-one .testi-counter p { font-size: 16px; font-weight: 400; color: #fff; text-transform: capitalize; } .testimonial-one .left-content { background-color: var(--theme-color-black); padding: 84px 60px; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 30px; margin-top: 30px; } @media (max-width: 1199.98px) { .testimonial-one .left-content { padding: 59px 60px; } } @media (max-width: 575.98px) { .testimonial-one .left-content { padding: 50px 30px; } } .testimonial-one .left-content .circle-box { position: relative; text-align: center; } .testimonial-one .left-content .circle-box .ani-circle { animation: cir36 10s linear infinite; } @media (max-width: 469.98px) { .testimonial-one .left-content .circle-box .ani-circle { width: 100%; height: 100%; } } .testimonial-one .left-content .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .testimonial-one .slider-box { position: relative; } .testimonial-one .slider-box .array-button { position: absolute; bottom: 62px; right: 80px; z-index: 1; gap: 10px; } @media (max-width: 1199.98px) { .testimonial-one .slider-box .array-button { right: 35px; } } @media (max-width: 575.98px) { .testimonial-one .slider-box .array-button { display: none; } } .testimonial-one .slider-box .array-button .array-prev, .testimonial-one .slider-box .array-button .array-next { border-radius: 10px; background-color: var(--theme-color2); width: 40px; height: 40px; line-height: 40px; font-size: 14px; } .testimonial-one .slider-box .array-button .array-prev:hover, .testimonial-one .slider-box .array-button .array-next:hover { background-color: var(--theme-color1); color: #fff; } .testimonial-block-one .inner-box { background-color: var(--theme-color-black); padding: 60px 60px; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 30px; margin-top: 30px; padding-top: 53px; } @media (max-width: 1399.98px) { .testimonial-block-one .inner-box { padding: 40px 80px; } } @media (max-width: 1199.98px) { .testimonial-block-one .inner-box { padding: 50px 35px; padding-top: 35px; } } .testimonial-block-one .inner-box .star { color: var(--theme-color1); margin-bottom: 20px; } .testimonial-block-one .inner-box .text { color: #fff; font-size: 20px; font-style: italic; line-height: 160%; max-width: 710px; } @media (max-width: 1199.98px) { .testimonial-block-one .inner-box .text { font-size: 17px; } } .testimonial-block-one .inner-box .infu { display: flex; align-items: center; gap: 20px; padding-top: 60px; } @media (max-width: 1199.98px) { .testimonial-block-one .inner-box .infu { padding-top: 30px; } } @media (max-width: 469.98px) { .testimonial-block-one .inner-box .infu { flex-wrap: wrap; } } .testimonial-block-one .inner-box .infu .image { height: 50px; width: 50px; } .testimonial-block-one .inner-box .infu .image img { border-radius: 50%; width: 100%; height: 100%; object-fit: cover; } @media (max-width: 469.98px) { .testimonial-block-one .inner-box .infu span { font-size: 13px; } } .testimonial-block-one .inner-box .infu .name { font-size: 20px; font-weight: 400; } @media (max-width: 469.98px) { .testimonial-block-one .inner-box .infu .name { font-size: 16px; } } .testimonial-wrapper { position: relative; } .testimonial-wrapper .testi-bg-shape { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .testimonial-wrapper .testi-bg-shape img { height: 100%; } .testimonial-wrapper .testi-light-shape-1 { position: absolute; top: -65%; right: -10%; } @media (max-width: 1699.98px) { .testimonial-wrapper .testi-light-shape-1 { display: none; } } .testimonial-wrapper .testi-shape-1 { position: absolute; top: -23%; right: -3%; } @media (max-width: 1699.98px) { .testimonial-wrapper .testi-shape-1 { display: none; } } .testimonial-customar-area { background-color: rgb(0, 0, 0); margin-top: 25px; border-radius: 30px; } @media (max-width: 1199.98px) { .testimonial-customar-area { padding: 30px; } } .testimonial-customar-area .customar-content { background-color: rgb(13, 13, 13); padding: 40px 72px; border-radius: 30px; } @media (max-width: 1399.98px) { .testimonial-customar-area .customar-content { padding: 40px 50px; } } @media (max-width: 575.98px) { .testimonial-customar-area .customar-content { padding: 40px 22px; } } .testimonial-customar-area .customar-content .customar-title { font-size: 24px; font-weight: 500; } @media (max-width: 575.98px) { .testimonial-customar-area .customar-content .customar-title { font-size: 20px; } } @media (max-width: 469.98px) { .testimonial-customar-area .customar-content .customar-title { font-size: 18px; } } .testimonial-customar-area .customar-content .customar-title span { color: var(--theme-color1); } .testimonial-customar-area .customar-right-content { display: flex; align-items: center; gap: 70px; margin-left: 60px; } @media (max-width: 1399.98px) { .testimonial-customar-area .customar-right-content { margin-left: 0; gap: 40px; } } @media (max-width: 1199.98px) { .testimonial-customar-area .customar-right-content { margin-top: 30px; } } @media (max-width: 767.98px) { .testimonial-customar-area .customar-right-content { display: grid; } } .testimonial-customar-area .customar-right-content .capterra-area { display: flex; align-items: center; gap: 20px; } @media (max-width: 469.98px) { .testimonial-customar-area .customar-right-content .capterra-area { display: inline-block; margin-top: 20px; } } .testimonial-customar-area .customar-right-content .capterra-area .icon { width: 60px; height: 60px; line-height: 60px; background: rgba(255, 255, 255, 0.13); border: 1px solid #000047; border-radius: 50%; text-align: center; } @media (max-width: 469.98px) { .testimonial-customar-area .customar-right-content .capterra-area .icon { margin-bottom: 15px; } } .testimonial-customar-area .customar-right-content .capterra-area .content .title { font-weight: 500; } @media (max-width: 1199.98px) { .testimonial-customar-area .customar-right-content .capterra-area .content .title { text-align: left; } } .testimonial-customar-area .customar-right-content .capterra-area .content .text { color: #fff; margin-top: 7px; } .testimonial-customar-area .customar-right-content .line { height: 60px; width: 1px; background: rgba(255, 255, 255, 0.2); } @media (max-width: 767.98px) { .testimonial-customar-area .customar-right-content .line { display: none; } } .testimonial-customar-area .customar-right-content .google-area { display: flex; align-items: center; gap: 20px; } @media (max-width: 469.98px) { .testimonial-customar-area .customar-right-content .google-area { display: inline-block; margin-top: 20px; } } .testimonial-customar-area .customar-right-content .google-area .icon { width: 60px; height: 60px; line-height: 60px; background: rgba(255, 255, 255, 0.13); border: 1px solid #000047; border-radius: 50%; text-align: center; } @media (max-width: 469.98px) { .testimonial-customar-area .customar-right-content .google-area .icon { margin-bottom: 15px; } } .testimonial-customar-area .customar-right-content .google-area .content .title { font-weight: 500; } @media (max-width: 767.98px) { .testimonial-customar-area .customar-right-content .google-area .content .title { text-align: left; } } .testimonial-customar-area .customar-right-content .google-area .content .text { color: #fff; margin-top: 7px; } .testimonial-inner-2 { border-radius: 40px; margin: 0 60px; position: relative; z-index: 9; border: 1px solid rgba(255, 255, 255, 0.14); } @media (max-width: 1699.98px) { .testimonial-inner-2 { margin: 0 35px; } } @media (max-width: 1399.98px) { .testimonial-inner-2 { margin: 0 28px; } } @media (max-width: 1199.98px) { .testimonial-inner-2 { margin: 0 20px; } } @media (max-width: 469.98px) { .testimonial-inner-2 { margin: 0 16px; } } .testimonial-inner-2 .array-prev, .testimonial-inner-2 .array-next { width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 50%; background-color: var(--theme-color3); color: var(--theme-color1); display: inline-block; transition: all 0.4s ease-in-out; position: relative; top: -35px; } .testimonial-inner-2 .array-prev:hover, .testimonial-inner-2 .array-next:hover { background-color: var(--theme-color1); color: #fff; } .testimonial-block-two .inner-box { margin-top: 30px; } .testimonial-block-two .inner-box .quote-icon { text-align: center; margin-bottom: 35px; } .testimonial-block-two .inner-box .text { font-size: 20px; font-weight: 500; line-height: 180%; letter-spacing: -0.03em; color: #fff; text-align: center; max-width: 890px; margin: 0 auto; } @media (max-width: 1199.98px) { .testimonial-block-two .inner-box .text { font-size: 18px; } } @media (max-width: 767.98px) { .testimonial-block-two .inner-box .text { font-size: 17px; } } @media (max-width: 575.98px) { .testimonial-block-two .inner-box .text { font-size: 16px; } } @media (max-width: 469.98px) { .testimonial-block-two .inner-box .text { font-size: 15px; } } .testimonial-block-two .inner-box .author-info { display: flex; align-items: center; gap: 20px; justify-content: center; margin-top: 50px; } @media (max-width: 767.98px) { .testimonial-block-two .inner-box .author-info { margin-top: 30px; } } .testimonial-block-two .inner-box .author-info .thumb img { width: 60px; height: 60px; border-radius: 50%; } .testimonial-block-two .inner-box .author-info .info .name { font-size: 24px; font-weight: 500; } @media (max-width: 991.98px) { .testimonial-block-two .inner-box .author-info .info .name { font-size: 19px; } } .testimonial-block-two .inner-box .author-info .info .designation { font-size: 16px; font-weight: 400; color: #fff; } @media (max-width: 469.98px) { .testimonial-block-two .inner-box .author-info .info .designation { font-size: 13px; } } .testimonial-section-3 .client-top-items { display: flex; align-items: center; gap: 25px; justify-content: end; } .testimonial-section-3 .client-top-items .client-image { display: flex; align-items: center; gap: 0; } .testimonial-section-3 .client-top-items .client-image img { width: 58px; height: 58px; border-radius: 50%; border: 2px solid rgb(0, 0, 0); margin-right: -12px; } .testimonial-section-3 .client-top-items .text { color: var(--theme-color-white); font-size: 18px; } .testimonial-block-three .inner-box { margin-top: 30px; background-color: var(--theme-color-black); border-radius: 40px; padding: 60px; } @media (max-width: 1199.98px) { .testimonial-block-three .inner-box { padding: 40px; } } @media (max-width: 991.98px) { .testimonial-block-three .inner-box { padding: 40px 35px; } } @media (max-width: 767.98px) { .testimonial-block-three .inner-box { padding: 35px 30px; } } @media (max-width: 575.98px) { .testimonial-block-three .inner-box { padding: 32px 25px; } } .testimonial-block-three .inner-box .quote-icon { margin-bottom: 30px; } .testimonial-block-three .inner-box .text { font-size: 20px; font-weight: 400; line-height: 180%; } @media (max-width: 1199.98px) { .testimonial-block-three .inner-box .text { font-size: 19px; } } @media (max-width: 575.98px) { .testimonial-block-three .inner-box .text { font-size: 18px; } } @media (max-width: 469.98px) { .testimonial-block-three .inner-box .text { font-size: 17px; } } .testimonial-block-three .inner-box .infu { display: flex; align-items: center; gap: 20px; padding-top: 40px; } @media (max-width: 1199.98px) { .testimonial-block-three .inner-box .infu { padding-top: 30px; } } .testimonial-block-three .inner-box .infu .image { height: 50px; width: 50px; } .testimonial-block-three .inner-box .infu .image img { border-radius: 50%; width: 100%; height: 100%; object-fit: cover; } @media (max-width: 469.98px) { .testimonial-block-three .inner-box .infu span { font-size: 13px; } } .testimonial-block-three .inner-box .infu .name { font-weight: 400; font-size: 20px; } @media (max-width: 469.98px) { .testimonial-block-three .inner-box .infu .name { font-size: 16px; } } .testimonial-section-3 { position: relative; } .testimonial-section-3 .testimonial-light1 { position: absolute; left: 0; z-index: 999; top: 58%; transform: translateY(-50%); } @media (max-width: 1199.98px) { .testimonial-section-3 .testimonial-light1 { display: none; } } .testimonial-section-3 .testimonial-light2 { position: absolute; right: 0; z-index: 999; top: 58%; transform: translateY(-50%); } @media (max-width: 1199.98px) { .testimonial-section-3 .testimonial-light2 { display: none; } } .testimonial-inner-4 { border-radius: 40px; margin: 0 60px; position: relative; z-index: 9; } .testimonial-inner-4 .testi-vec { position: absolute; top: -5%; left: -3%; } @media (max-width: 1699.98px) { .testimonial-inner-4 { margin: 0 35px; } } @media (max-width: 1399.98px) { .testimonial-inner-4 { margin: 0 28px; } } @media (max-width: 1199.98px) { .testimonial-inner-4 { margin: 0 20px; } } @media (max-width: 469.98px) { .testimonial-inner-4 { margin: 0 16px; } } .testimonial-image-block4 { border-radius: 40px; max-width: 485px; } .testimonial-image-block4 img { width: 100%; height: 100%; border-radius: 40px; } .testimonial-block-four { position: relative; } .testimonial-block-four .inner-box { margin-top: 40px; } @media (max-width: 1399.98px) { .testimonial-block-four .inner-box { margin-top: 30px; } } @media (max-width: 1199.98px) { .testimonial-block-four .inner-box { margin-top: 18px; } } .testimonial-block-four .inner-box .text { font-size: 24px; line-height: 175%; } @media (max-width: 1399.98px) { .testimonial-block-four .inner-box .text { font-size: 20px; } } @media (max-width: 1199.98px) { .testimonial-block-four .inner-box .text { font-size: 17px; line-height: 162%; } } @media (max-width: 469.98px) { .testimonial-block-four .inner-box .text { font-size: 15px; line-height: 172%; } } .testimonial-block-four .inner-box .clinet-info { border-top: 1px solid rgba(255, 255, 255, 0.1); margin-top: 50px; padding-top: 50px; } @media (max-width: 1399.98px) { .testimonial-block-four .inner-box .clinet-info { margin-top: 35px; padding-top: 35px; } } @media (max-width: 1199.98px) { .testimonial-block-four .inner-box .clinet-info { margin-top: 25px; padding-top: 25px; } } .testimonial-block-four .array-button { position: absolute; right: 0; bottom: 0; z-index: 99; } @media (max-width: 469.98px) { .testimonial-block-four .array-button { position: static; margin-top: 20px; } } .testimonial-block-four .array-button .array-next, .testimonial-block-four .array-button .array-prev { border: 1px solid rgba(255, 255, 255, 0.06); color: #fff; } .tetsimonial-section-4 { position: relative; } .tetsimonial-section-4 .testimonial-light { position: absolute; right: 0; top: -60%; } .pricing-block { margin-top: 45px; transition: all 0.4s ease-in-out; } @media (max-width: 991.98px) { .pricing-block { margin-top: 30px; } } .pricing-block .inner-box { background-color: var(--theme-color-black); border: 1px solid rgba(255, 255, 255, 0.13); padding: 10px; border-radius: 40px; padding-bottom: 50px; } @media (max-width: 1199.98px) { .pricing-block .inner-box { font-size: 14px; padding-bottom: 30px; } } .pricing-block .inner-box .pricing-header { background-color: var(--theme-color3); padding: 40px; border-radius: 30px; position: relative; padding-top: 35px; padding-bottom: 30px; } @media (max-width: 1399.98px) { .pricing-block .inner-box .pricing-header { padding: 28px; } } .pricing-block .inner-box .pricing-header .pricing-flower { position: absolute; top: 40px; right: 40px; } .pricing-block .inner-box .pricing-header .sub-title { font-size: 18px; font-weight: 400; color: var(--theme-color1); display: inline-block; margin-bottom: 20px; } @media (max-width: 1199.98px) { .pricing-block .inner-box .pricing-header .sub-title { font-size: 16px; } } .pricing-block .inner-box .pricing-header .price { font-weight: 400; font-size: 65px; color: #fff; line-height: 1; } @media (max-width: 1199.98px) { .pricing-block .inner-box .pricing-header .price { font-size: 50px; } } .pricing-block .inner-box .pricing-header .price sup { top: 0; color: var(--theme-color1); font-size: 24px; font-weight: 400; margin-right: -10px; } .pricing-block .inner-box .pricing-header .price sub { font-size: 18px; font-weight: 400; color: #fff; bottom: 0; right: 15px; } @media (max-width: 1199.98px) { .pricing-block .inner-box .pricing-header .price sub { font-size: 16px; } } .pricing-block .inner-box .pricing-list { padding: 50px 40px; } @media (max-width: 1399.98px) { .pricing-block .inner-box .pricing-list { padding: 30px 28px; } } .pricing-block .inner-box .pricing-list li { font-size: 16px; font-weight: 400; display: flex; align-items: center; gap: 15px; color: #fff; } @media (max-width: 1399.98px) { .pricing-block .inner-box .pricing-list li { font-size: 15px; } } @media (max-width: 1199.98px) { .pricing-block .inner-box .pricing-list li { font-size: 14px; } } .pricing-block .inner-box .pricing-list li:not(:last-child) { margin-bottom: 7px; } @media (max-width: 1199.98px) { .pricing-block .inner-box .pricing-list li:not(:last-child) { margin-bottom: 10px; } } .pricing-block .inner-box .pricing-button { padding: 0 40px; } @media (max-width: 1399.98px) { .pricing-block .inner-box .pricing-button { padding: 0 28px; } } .pricing-block .inner-box .pricing-btn { display: inline-block; font-size: 16px; font-weight: 500; background-color: var(--theme-color2); width: 100%; text-align: center; color: #fff; border-radius: 40px; height: 56px; line-height: 56px; } .pricing-block .inner-box:hover .pricing-btn { background-color: var(--theme-color1); } .pricing-block .inner-box:hover .pricing-flower { animation: spin 15s linear infinite; } .pricing-block.style-2 { position: relative; z-index: 9; } @media (max-width: 767.98px) { .pricing-block.style-2 { margin-top: 80px; } } .pricing-block.style-2::before { background-color: var(--theme-color1); border-radius: 40px 40px 0 0; content: ""; height: 110px; left: 0; position: absolute; right: 0; top: -50px; width: 100%; z-index: -1; } .pricing-block.style-2 .recommend { font-size: 20px; font-weight: 500; color: #fff; text-align: center; left: 0; position: absolute; right: 0; top: -43px; width: 100%; z-index: -1; } .pricing-block:hover { transform: translateY(-10px); } .pricing-section-2 .sec-title { margin-bottom: 60px; } @media (max-width: 767.98px) { .pricing-section-2 .sec-title { margin-bottom: 30px; } } @media (max-width: 469.98px) { .pricing-section-2 .sec-title { margin-bottom: 15px; } } .project-section { margin: 0 60px; position: relative; } .project-section .light-shape { position: absolute; right: -60px; top: -40%; } @media (max-width: 1199.98px) { .project-section .light-shape { display: none; } } @media (max-width: 1699.98px) { .project-section { margin: 0 35px; } } @media (max-width: 1399.98px) { .project-section { margin: 0 28px; } } @media (max-width: 1199.98px) { .project-section { margin: 0 20px; } } @media (max-width: 469.98px) { .project-section { margin: 0 16px; } } .project-block .inner-block { margin-top: 30px; } .project-block .inner-block .image-block { border-radius: 30px; position: relative; overflow: hidden; } .project-block .inner-block .image-block .arrow-icon { display: inline-block; width: 80px; height: 80px; line-height: 80px; text-align: center; background-color: var(--theme-color1); border-radius: 50%; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.5); opacity: 0; visibility: hidden; z-index: 1; transition: all 0.2s ease-in-out; } .project-block .inner-block .image-block .arrow-icon:hover { background-color: #fff; } .project-block .inner-block .image-block .hover-img { width: 100%; height: 100%; border-radius: 30px; display: block; object-fit: cover; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .project-block .inner-block .image-block .hover-img:first-child { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; -webkit-transform: translateX(50%) scaleX(2); transform: translate(50%) scaleX(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } .project-block .inner-block .content-block { margin-top: 20px; } .project-block .inner-block .content-block .title { font-size: 30px; font-weight: 500; } @media (max-width: 1699.98px) { .project-block .inner-block .content-block .title { font-size: 26px; } } @media (max-width: 1199.98px) { .project-block .inner-block .content-block .title { font-size: 25px; } } @media (max-width: 991.98px) { .project-block .inner-block .content-block .title { font-size: 24px; } } @media (max-width: 575.98px) { .project-block .inner-block .content-block .title { font-size: 20px; } } .project-block .inner-block .content-block .title a { background-position: 0 95%; background-repeat: no-repeat; background-size: 0% 2px; display: inline; } .project-block .inner-block .content-block .title a:hover { color: var(--theme-color1); background-size: 100% 2px; background-image: linear-gradient(180deg, var(--theme-color1) 0%, var(--theme-color1) 100%); } .project-block .inner-block .content-block ul { display: flex; align-items: center; gap: 10px; margin-top: 10px; } .project-block .inner-block .content-block ul li { color: #7A7A7A; } .project-block .inner-block .content-block ul .dot { width: 5px; height: 5px; border-radius: 5px; background-color: var(--theme-color1); display: inline-block; } .project-block .inner-block:hover .image-block .hover-img:first-child { -webkit-transform: translateX(0) scaleX(1); transform: translate(0) scaleX(1); opacity: 1; -webkit-filter: blur(0); filter: blur(0); } .project-block .inner-block:hover .image-block .hover-img:nth-child(2) { -webkit-transform: translateX(-50%) scaleX(2); transform: translateX(-50%) scaleX(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } .project-block .inner-block:hover .image-block .arrow-icon { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); } .project-block-two .inner-block { margin-top: 60px; position: relative; z-index: 99; } @media (max-width: 991.98px) { .project-block-two .inner-block { margin-top: 30px; } } .project-block-two .inner-block .image-block { overflow: hidden; border-radius: 40px; position: relative; } @media (max-width: 991.98px) { .project-block-two .inner-block .image-block { height: 450px; } } .project-block-two .inner-block .image-block::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; content: ""; background: linear-gradient(360deg, #0D0D0D -4.45%, rgba(0, 0, 0, 0) 39.86%); z-index: 11; border-radius: 40px; } .project-block-two .inner-block .image-block img { width: 100%; height: 100%; border-radius: 40px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); object-fit: cover; transition: all 1s; } .project-block-two .inner-block .content-block { position: absolute; bottom: 60px; left: 60px; right: 60px; display: flex; align-items: center; justify-content: space-between; z-index: 99; } @media (max-width: 1199.98px) { .project-block-two .inner-block .content-block { left: 25px; right: 25px; bottom: 25px; flex-wrap: wrap; gap: 10px; } } .project-block-two .inner-block .content-block .title { font-size: 30px; font-weight: 500; } @media (max-width: 1399.98px) { .project-block-two .inner-block .content-block .title { font-size: 27px; } } @media (max-width: 767.98px) { .project-block-two .inner-block .content-block .title { font-size: 25px; } } @media (max-width: 575.98px) { .project-block-two .inner-block .content-block .title { font-size: 22px; } } .project-block-two .inner-block .content-block .title a { background-position: 0 95%; background-repeat: no-repeat; background-size: 0% 2px; display: inline; } .project-block-two .inner-block .content-block .title a:hover { color: var(--theme-color1); background-size: 100% 2px; background-image: linear-gradient(180deg, var(--theme-color1) 0%, var(--theme-color1) 100%); } .project-block-two .inner-block .content-block .tag-items { display: flex; align-items: center; gap: 10px; margin-top: 10px; } .project-block-two .inner-block .content-block .tag-items .tag-text { color: #fff; font-size: 16px; font-weight: 400; } .project-block-two .inner-block .content-block .tag-items .tag-text:hover { color: var(--theme-color1); } .project-block-two .inner-block .content-block .tag-items .dot { width: 5px; height: 5px; border-radius: 5px; background-color: var(--theme-color1); display: inline-block; } .project-block-two .inner-block:hover .image-block img { transform: scale(1.2); } .project-section-2 { position: relative; z-index: 9; } .project-section-3 { position: relative; } @media (max-width: 991.98px) { .project-section-3 { padding-top: 0 !important; } } .project-section-3 .project-light { position: absolute; top: -15%; right: 0; } .project-section-3 .container { max-width: 1592px; } .project-section-3 .sec-title { margin-left: 135px; } @media (max-width: 1399.98px) { .project-section-3 .sec-title { margin-left: 0; } } .project-block-three .inner-block { margin-top: 60px; position: relative; z-index: 99; } @media (max-width: 991.98px) { .project-block-three .inner-block { margin-top: 30px; } } .project-block-three .inner-block .image-block { overflow: hidden; border-radius: 12px; position: relative; } .project-block-three .inner-block .image-block img { width: 100%; height: 100%; border-radius: 12px; display: block; object-fit: cover; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .project-block-three .inner-block .image-block img:first-child { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; -webkit-transform: translateX(50%) scaleX(2); transform: translate(50%) scaleX(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } .project-block-three .inner-block .image-block .tag-items { display: flex; align-items: center; gap: 10px; position: absolute; bottom: -150px; left: 50px; right: 50px; z-index: 9; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; } @media (max-width: 1199.98px) { .project-block-three .inner-block .image-block .tag-items { flex-wrap: wrap; right: 20px; left: 20px; } } .project-block-three .inner-block .image-block .tag-items a { display: inline-block; font-size: 14px; color: #fff; background-color: rgba(255, 255, 255, 0.2); height: 40px; line-height: 40px; border-radius: 40px; padding: 0 20px; } .project-block-three .inner-block .image-block .tag-items a:hover { background-color: var(--theme-color1); } .project-block-three .inner-block .content-block { margin-top: 30px; } .project-block-three .inner-block .content-block .text { font-size: 18px; font-weight: 400; color: #fff; margin-bottom: 10px; } @media (max-width: 1199.98px) { .project-block-three .inner-block .content-block .text { font-size: 15px; } } .project-block-three .inner-block .content-block .title { font-size: 30px; font-weight: 500; } @media (max-width: 1399.98px) { .project-block-three .inner-block .content-block .title { font-size: 27px; } } @media (max-width: 1199.98px) { .project-block-three .inner-block .content-block .title { font-size: 24px; } } @media (max-width: 767.98px) { .project-block-three .inner-block .content-block .title { font-size: 22px; } } @media (max-width: 575.98px) { .project-block-three .inner-block .content-block .title { font-size: 19px; } } .project-block-three .inner-block .content-block .title a { background-position: 0 95%; background-repeat: no-repeat; background-size: 0% 2px; display: inline; } .project-block-three .inner-block .content-block .title a:hover { color: var(--theme-color1); background-size: 100% 2px; background-image: linear-gradient(180deg, var(--theme-color1) 0%, var(--theme-color1) 100%); } .project-block-three .inner-block .content-block .tag-items { display: flex; align-items: center; gap: 10px; margin-top: 10px; } .project-block-three .inner-block .content-block .tag-items .tag-text { color: #fff; font-size: 16px; font-weight: 400; } .project-block-three .inner-block .content-block .tag-items .tag-text:hover { color: var(--theme-color1); } .project-block-three .inner-block .content-block .tag-items .dot { width: 5px; height: 5px; border-radius: 5px; background-color: var(--theme-color1); display: inline-block; } .project-block-three .inner-block:hover .image-block img:first-child { -webkit-transform: translateX(0) scaleX(1); transform: translate(0) scaleX(1); opacity: 1; -webkit-filter: blur(0); filter: blur(0); } .project-block-three .inner-block:hover .image-block img:nth-child(2) { -webkit-transform: translateX(-50%) scaleX(2); transform: translateX(-50%) scaleX(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } .project-block-three .inner-block:hover .image-block .tag-items { opacity: 1; visibility: visible; bottom: 50px; } @media (max-width: 1199.98px) { .project-block-three .inner-block:hover .image-block .tag-items { bottom: 20px; } } .project-block-three .inner-block.style-height-2 { margin-top: 95px; } @media (max-width: 991.98px) { .project-block-three .inner-block.style-height-2 { margin-top: 30px; } } .project-block-three .inner-block.top-margin-none { margin-top: 0; } .project-block-three .project-btn { display: inline-block; width: 170px; height: 170px; font-size: 16px; font-weight: 500; background: transparent; text-align: center; border-radius: 50%; text-transform: capitalize; padding-top: 50px; position: relative; overflow: hidden; z-index: 9; border: 1px solid rgba(255, 255, 255, 0.2); color: #fff; margin-top: 80px; } @media (max-width: 991.98px) { .project-block-three .project-btn { margin-top: 30px; } } .project-block-three .project-btn::before { position: absolute; bottom: 0; right: 0; content: ""; width: 50px; height: 50px; background-color: var(--theme-color1); border-radius: 50%; transition: all 0.2s ease-in-out; z-index: -1; } .project-block-three .project-btn span { display: block; margin-top: 8px; } .project-block-three .project-btn:hover::before { width: 100%; height: 100%; } .project-block-four .inner-block { margin-top: 30px; position: relative; overflow: hidden; } .project-block-four .inner-block .image-block { overflow: hidden; border-radius: 30px; position: relative; } .project-block-four .inner-block .image-block img { width: 100%; height: 100%; border-radius: 30px; display: block; object-fit: cover; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .project-block-four .inner-block .image-block img:first-child { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; -webkit-transform: translateX(50%) scaleX(2); transform: translate(50%) scaleX(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } .project-block-four .inner-block .content-block { position: absolute; top: 0; left: 0; pointer-events: none; transition: transform 0.15s ease-out; z-index: 99; opacity: 0; visibility: hidden; } .project-block-four .inner-block .content-block .title { background-color: var(--theme-color1); padding: 0 20px; line-height: 1; height: 55px; line-height: 55px; } .project-block-four .inner-block .content-block .title a { color: #fff; pointer-events: auto; display: inline-block; } .project-block-four .inner-block .content-block .text { font-size: 14px; font-weight: 70; color: #fff; background-color: var(--theme-color-black); height: 44px; line-height: 44px; padding: 0 20px; display: inline-block; } .project-block-four .inner-block:hover .image-block img:first-child { -webkit-transform: translateX(0) scaleX(1); transform: translate(0) scaleX(1); opacity: 1; -webkit-filter: blur(0); filter: blur(0); } .project-block-four .inner-block:hover .image-block img:nth-child(2) { -webkit-transform: translateX(-50%) scaleX(2); transform: translateX(-50%) scaleX(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } .project-block-four .inner-block:hover .content-block { opacity: 1; visibility: visible; } .project-section-4 { position: relative; z-index: 9; } .project-section-4 .project-light { position: absolute; left: 0; bottom: 20%; z-index: -1; } .project-section-4 .project-btn { display: inline-block; width: 170px; height: 170px; font-size: 16px; font-weight: 500; background: transparent; text-align: center; border-radius: 50%; text-transform: capitalize; padding-top: 50px; position: relative; overflow: hidden; z-index: 9; border: 1px solid rgba(255, 255, 255, 0.2); color: #fff; margin-top: 80px; } @media (max-width: 991.98px) { .project-section-4 .project-btn { margin-top: 30px; } } .project-section-4 .project-btn::before { position: absolute; bottom: 0; right: 0; content: ""; width: 50px; height: 50px; background-color: var(--theme-color1); border-radius: 50%; transition: all 0.2s ease-in-out; z-index: -1; } .project-section-4 .project-btn span { display: block; margin-top: 8px; } .project-section-4 .project-btn:hover::before { width: 100%; height: 100%; } .team-section { margin: 0 60px; border-radius: 40px; border: 1px solid rgba(255, 255, 255, 0.13); position: relative; } .team-section .light-shape { position: absolute; top: -41%; right: -110px; } @media (max-width: 1399.98px) { .team-section .light-shape { display: none; } } .team-section .team-shape { position: absolute; top: -15%; right: -110px; } @media (max-width: 1399.98px) { .team-section .team-shape { display: none; } } @media (max-width: 1699.98px) { .team-section { margin: 0 35px; } } @media (max-width: 1399.98px) { .team-section { margin: 0 28px; } } @media (max-width: 1199.98px) { .team-section { margin: 0 20px; } } @media (max-width: 469.98px) { .team-section { margin: 0 16px; } } .team-block .inner-block { margin-top: 30px; position: relative; overflow: hidden; border-radius: 30px; } .team-block .inner-block .image-block { position: relative; z-index: 99; transition: all 0.4s ease-in-out; overflow: hidden; } .team-block .inner-block .image-block::before { top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; position: absolute; background: linear-gradient(360deg, #000000 11.41%, rgba(0, 0, 0, 0) 100%); z-index: 1; border-radius: 30px; transition: all 0.4s ease-in-out; } .team-block .inner-block .image-block img { width: 100%; height: 100%; border-radius: 30px; display: block; object-fit: cover; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .team-block .inner-block .image-block img:first-child { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; -webkit-transform: translateX(50%) scaleX(2); transform: translate(50%) scaleX(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } .team-block .inner-block .content-block { position: absolute; z-index: 99; bottom: 30px; left: 40px; transform: translateY(58px); transition: all 0.4s ease-in-out; } .team-block .inner-block .content-block .title { font-size: 24px; font-weight: 500; } .team-block .inner-block .content-block .title a { background-position: 0 95%; background-repeat: no-repeat; background-size: 0% 2px; display: inline; } .team-block .inner-block .content-block .title a:hover { color: #fff; background-size: 100% 2px; background-image: linear-gradient(180deg, #fff 0%, #fff 100%); } .team-block .inner-block .content-block .social-icon { display: flex; align-items: center; gap: 0; margin-top: 20px; transition: all 0.4s ease-in-out; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; } .team-block .inner-block .content-block .social-icon a { display: inline-block; border-radius: 50%; background: var(--theme-color2); width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 13px; color: #fff; } .team-block .inner-block .content-block .social-icon a:hover { background-color: #fff; color: var(--theme-color1); } .team-block .inner-block .content-block .text { color: #fff; } .team-block .inner-block:hover .image-block::before { top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; position: absolute; background: linear-gradient(360deg, #e60023 11.41%, rgba(0, 0, 0, 0) 100%); z-index: 1; border-radius: 30px; z-index: 11; } .team-block .inner-block:hover .image-block img:first-child { -webkit-transform: translateX(0) scaleX(1); transform: translate(0) scaleX(1); opacity: 1; -webkit-filter: blur(0); filter: blur(0); } .team-block .inner-block:hover .image-block img:nth-child(2) { -webkit-transform: translateX(-50%) scaleX(2); transform: translateX(-50%) scaleX(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } .team-block .inner-block:hover .content-block { transform: translateY(0px); } .team-block .inner-block:hover .content-block .social-icon { opacity: 1; visibility: visible; } .team-inner-2 { margin: 0 60px; border-radius: 40px; border: 1px solid rgba(255, 255, 255, 0.13); } @media (max-width: 1699.98px) { .team-inner-2 { margin: 0 35px; } } @media (max-width: 1399.98px) { .team-inner-2 { margin: 0 28px; } } @media (max-width: 1199.98px) { .team-inner-2 { margin: 0 20px; } } @media (max-width: 469.98px) { .team-inner-2 { margin: 0 16px; } } .team-outer-box { position: relative; margin-top: 30px; } .team-outer-box .team-bg-image { border-radius: 40px; height: 691px; } @media (max-width: 1199.98px) { .team-outer-box .team-bg-image { height: 550px; } } @media (max-width: 991.98px) { .team-outer-box .team-bg-image { height: 530px; } } @media (max-width: 767.98px) { .team-outer-box .team-bg-image { height: 510px; } } @media (max-width: 575.98px) { .team-outer-box .team-bg-image { height: 480px; } } .team-outer-box .team-bg-image img { width: 100%; height: 100%; border-radius: 40px; object-fit: cover; } .team-outer-box .team-block-two .inner-block.style-one { position: absolute; left: calc(11% + 6px); bottom: calc(33% + 6px); } @media (max-width: 575.98px) { .team-outer-box .team-block-two .inner-block.style-one { bottom: calc(5% + 6px); left: calc(5% + 6px); } } .team-outer-box .team-block-two .inner-block.style-two { position: absolute; left: calc(29% + 6px); bottom: calc(48% + 6px); } @media (max-width: 575.98px) { .team-outer-box .team-block-two .inner-block.style-two { bottom: calc(18% + 6px); left: calc(5% + 6px); } } .team-outer-box .team-block-two .inner-block.style-three { position: absolute; left: calc(44% + 6px); bottom: calc(8% + 6px); } @media (max-width: 575.98px) { .team-outer-box .team-block-two .inner-block.style-three { bottom: calc(31% + 6px); left: calc(5% + 6px); } } .team-outer-box .team-block-two .inner-block.style-four { position: absolute; left: calc(61% + 6px); bottom: calc(34% + 6px); } @media (max-width: 575.98px) { .team-outer-box .team-block-two .inner-block.style-four { bottom: calc(45% + 6px); left: calc(5% + 6px); } } .team-outer-box .team-block-two .inner-block.style-five { position: absolute; right: calc(16% + 6px); bottom: calc(31% + 6px); } @media (max-width: 991.98px) { .team-outer-box .team-block-two .inner-block.style-five { left: calc(72% + 6px); bottom: calc(50% + 6px); } } @media (max-width: 575.98px) { .team-outer-box .team-block-two .inner-block.style-five { bottom: calc(60% + 6px); left: calc(5% + 6px); } } .team-outer-box .team-block-two .inner-block .dot { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.11); backdrop-filter: blur(13.7px); border-radius: 50%; position: relative; cursor: pointer; width: 40px; height: 40px; } .team-outer-box .team-block-two .inner-block .dot::after { position: absolute; content: ""; background-color: var(--theme-color1); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 12px; height: 12px; z-index: 0; } .team-outer-box .team-block-two .inner-block .author-info { position: absolute; left: 82px; top: -16px; -webkit-transform: translateX(-10px); transform: translateX(-10px); opacity: 0; visibility: hidden; -webkit-transition: all 600ms ease; transition: all 600ms ease; min-width: 268px; z-index: 99; } @media (max-width: 991.98px) { .team-outer-box .team-block-two .inner-block .author-info { left: -70px; top: initial; bottom: 0; } } @media (max-width: 575.98px) { .team-outer-box .team-block-two .inner-block .author-info { left: 0; } } .team-outer-box .team-block-two .inner-block .author-info .inner-info { position: relative; background-color: var(--theme-color1); border-radius: 20px; padding: 27px 30px 30px; min-width: 225px; } .team-outer-box .team-block-two .inner-block .author-info .inner-info .name { font-size: 20px; font-weight: 500; } .team-outer-box .team-block-two .inner-block .author-info .inner-info .designation { font-size: 16px; font-weight: 400; color: #fff; } .team-outer-box .team-block-two .inner-block .author-info .inner-info .social-info { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 3px; margin-top: 20px; } .team-outer-box .team-block-two .inner-block .author-info .inner-info .social-info li { width: 30px; height: 30px; } .team-outer-box .team-block-two .inner-block .author-info .inner-info .social-info li a { display: inline-block; position: relative; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; background-color: rgba(255, 255, 255, 0.1); text-align: center; overflow: hidden; color: #fff; z-index: 1; } .team-outer-box .team-block-two .inner-block .author-info .inner-info .social-info li a::before { position: absolute; content: ""; background-color: #fff; width: 100%; height: 100%; border-radius: 50%; top: 0; left: 0; scale: 0; z-index: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; z-index: -1; } .team-outer-box .team-block-two .inner-block .author-info .inner-info .social-info li:hover a { color: var(--theme-color1); } .team-outer-box .team-block-two .inner-block .author-info .inner-info .social-info li:hover a::before { scale: 1; } .team-outer-box .team-block-two .inner-block:hover .author-info { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible; } .team-section-2 { position: relative; } .team-section-2 .team-light { position: absolute; top: -50%; right: 0; } .team-section-2 .team-vec { position: absolute; right: 20px; top: -10%; z-index: 91; } .team-block-three .inner-block { margin-top: 30px; border-radius: 30px; position: relative; overflow: hidden; } .team-block-three .inner-block .image-block { position: relative; overflow: hidden; } .team-block-three .inner-block .image-block::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(7.5px); border-radius: 30px; transition: all 0.4s ease-in-out; opacity: 0; visibility: hidden; z-index: 19; } .team-block-three .inner-block .image-block img { width: 100%; height: 100%; border-radius: 30px; display: block; object-fit: cover; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .team-block-three .inner-block .image-block img:first-child { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; -webkit-transform: translateX(50%) scaleX(2); transform: translate(50%) scaleX(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } .team-block-three .inner-block .content-block { text-align: center; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); transition: all 0.4s ease-in-out; opacity: 0; visibility: hidden; z-index: 99; } .team-block-three .inner-block .content-block .title { font-weight: 500; } .team-block-three .inner-block .content-block .title a { color: #fff; } .team-block-three .inner-block .content-block .title a:hover { color: var(--theme-color1); } .team-block-three .inner-block .content-block .text { font-size: 14px; font-weight: 400; color: #fff; } .team-block-three .inner-block .content-block .social-icon { display: block; align-items: center; justify-content: center; gap: 5px; margin-top: 15px; } .team-block-three .inner-block .content-block .social-icon a { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.3); color: #fff; font-size: 14px; } .team-block-three .inner-block .content-block .social-icon a:hover { background-color: var(--theme-color1); border-color: var(--theme-color1); } .team-block-three .inner-block:hover .image-block::before { opacity: 1; visibility: visible; } .team-block-three .inner-block:hover .image-block img:first-child { -webkit-transform: translateX(0) scaleX(1); transform: translate(0) scaleX(1); opacity: 1; -webkit-filter: blur(0); filter: blur(0); } .team-block-three .inner-block:hover .image-block img:nth-child(2) { -webkit-transform: translateX(-50%) scaleX(2); transform: translateX(-50%) scaleX(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } .team-block-three .inner-block:hover .content-block { opacity: 1; visibility: visible; } .contact-section { border-radius: 40px; margin: 0 60px; position: relative; z-index: 9; background-color: var(--theme-color2); border: 1px solid rgba(255, 255, 255, 0.13); } .contact-section .vec-shape { position: absolute; bottom: 0; right: -4%; z-index: 99999; } @media (max-width: 1399.98px) { .contact-section .vec-shape { display: none !important; } } .contact-section .contact-image { position: absolute; bottom: 0; top: 0; left: 0; width: 50%; border-radius: 30px; overflow: hidden; z-index: -1; } @media (max-width: 991.98px) { .contact-section .contact-image { display: none; } } .contact-section .contact-image::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(360deg, #000000 -2.38%, rgba(0, 0, 0, 0.54) 100%); border-radius: 30px; z-index: 1; } .contact-section .contact-image img { width: 100%; height: 100%; border-radius: 30px; object-fit: cover; } @media (max-width: 1699.98px) { .contact-section { margin: 0 35px; } } @media (max-width: 1399.98px) { .contact-section { margin: 0 28px; } } @media (max-width: 1199.98px) { .contact-section { margin: 0 20px; } } @media (max-width: 767.98px) { .contact-section { padding-left: 20px !important; padding-right: 20px !important; } } @media (max-width: 469.98px) { .contact-section { margin: 0 16px; padding-left: 20px !important; padding-right: 20px !important; } } .contact-content-1 .contact-text { max-width: 536px; margin-top: 20px; } .contact-content-1 .contact-list-items { display: flex; align-items: center; gap: 40px; margin-top: 110px; } @media (max-width: 1199.98px) { .contact-content-1 .contact-list-items { gap: 20px; } } @media (max-width: 991.98px) { .contact-content-1 .contact-list-items { gap: 60px; margin-top: 30px; } } @media (max-width: 767.98px) { .contact-content-1 .contact-list-items { flex-wrap: wrap; gap: 20px; } } .contact-content-1 .contact-list-items .contact-list .title { font-size: 20px; color: #fff; margin-bottom: 12px; } .contact-content-1 .contact-list-items .contact-list .contact-icon { display: flex; align-items: center; gap: 18px; } .contact-content-1 .contact-list-items .contact-list .contact-icon p { color: #fff; font-size: 16px; font-weight: 400; max-width: 172px; line-height: 1.6; } .contact-content-1 .contact-list-items .contact-list .contact-icon p a { color: #fff; } .contact-content-1 .contact-list-items .line { width: 1px; height: 75px; background-color: var(--theme-color1); } @media (max-width: 1199.98px) { .contact-content-1 .contact-list-items .line { display: none; } } .contact-form-style-1 { margin-left: 70px; position: relative; z-index: 9; } @media (max-width: 1199.98px) { .contact-form-style-1 { margin-left: 0; } } .contact-form-style-1 .line-shape { position: absolute; bottom: -15%; right: 0; z-index: -1; } .contact-form-style-1 .contact-form-box { max-width: 648px; } @media (max-width: 1199.98px) { .contact-form-style-1 .contact-form-box { margin-left: 40px; } } @media (max-width: 991.98px) { .contact-form-style-1 .contact-form-box { margin-left: 0; margin-top: 50px; max-width: initial; } } .contact-form-style-1 .contact-form-box .form-clt input, .contact-form-style-1 .contact-form-box .form-clt textarea { border-bottom: 1px solid rgba(255, 255, 255, 0.14); padding-bottom: 27px; color: #fff; outline: none; background: transparent; width: 100%; font-size: 16px; font-weight: 400; } .contact-form-style-1 .contact-form-box .form-clt input::placeholder, .contact-form-style-1 .contact-form-box .form-clt textarea::placeholder { color: #fff; } .contact-form-style-1 .contact-form-box .form-clt textarea { padding-bottom: 100px; } .contact-form-style-1 .contact-form-box .contact-button { margin-top: 6px; } .contact-inner-3 { background-color: var(--theme-color2); border-radius: 40px; margin: 0 60px; position: relative; z-index: 9; } .contact-inner-3 .contact-vec { position: absolute; top: -80px; left: 0; } @media (max-width: 1699.98px) { .contact-inner-3 { margin: 0 35px; } } @media (max-width: 1399.98px) { .contact-inner-3 { margin: 0 28px; } } @media (max-width: 1199.98px) { .contact-inner-3 { margin: 0 20px; } } @media (max-width: 469.98px) { .contact-inner-3 { margin: 0 16px; } } .contact-inner-3 .sec-title .text { color: var(--text-color); margin-top: 20px; max-width: 490px; } .contact-wrapper { display: flex; margin-top: 72px; } @media (max-width: 1199.98px) { .contact-wrapper { margin-top: 40px; flex-wrap: wrap; } } .contact-widget { border: 1px dashed rgba(var(--theme-color-white-rgb), 0.1); border-radius: 10px; display: inline-block; height: 274px; padding-left: 30px; padding-right: 30px; position: relative; width: 312px; } @media (max-width: 1299.98px) { .contact-widget { height: auto; padding: 30px 15px; width: auto; } } @media (max-width: 1199.98px) { .contact-widget { margin-bottom: 30px; } } @media (max-width: 575.98px) { .contact-widget { height: auto; padding: 20px 15px; width: auto; } } .contact-badge { background-color: var(--theme-color1); border-radius: 20px; margin-bottom: 27px; max-width: 285px; margin-top: -40px; padding: 35px 40px 30px; position: relative; } @media (max-width: 575.98px) { .contact-badge { margin-top: 0; max-width: none; padding: 30px; } } .contact-badge .conpany-logo { margin-bottom: 20px; } .contact-badge .title { color: #fff; margin-bottom: 0; font-weight: 500; } .contact-social .title { color: #fff; font-weight: 500; } .social-icons { align-items: center; display: flex; flex-wrap: wrap; gap: 0; margin-top: 10px; } .social-icons a { background-color: rgba(var(--theme-color-white-rgb), 0.1); border-radius: 50%; color: #fff; display: inline-block; font-size: 13px; height: 40px; line-height: 40px; text-align: center; width: 40px; transition: all 300ms ease; } .social-icons a:hover { background-color: var(--theme-color1); } .contact-info { margin-left: 30px; position: relative; } @media (max-width: 1299.98px) { .contact-info { margin-left: 20px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .contact-info { margin-left: 0px; } } @media (max-width: 767.98px) { .contact-info { margin-left: 0; margin-top: 30px; } } .contact-info .info-list:not(:last-child) { margin-bottom: 33px; } @media (max-width: 1199.98px) { .contact-info .info-list:not(:last-child) { margin-bottom: 20px; } } .contact-info .subtitle { color: rgba(255, 255, 255, 0.6); font-weight: 400; letter-spacing: -0.02em; } .contact-info .title { color: #FFFFFF; font-weight: 400; letter-spacing: -0.02em; } .contact-form3 { position: relative; } @media (max-width: 767.98px) { .contact-form3 { margin-top: 30px; } } .contact-form3 .color3 { color: var(--theme-color1); } .contact-form3 .form-group { position: relative; margin-bottom: 20px; } .contact-form3 .form-group:last-child { margin-bottom: 0; } .contact-form3 label { color: #fff; margin-bottom: 15px; font-weight: 400; } .contact-form3 .select2-container--default .select2-selection--single, .contact-form3 input:not([type=submit]), .contact-form3 textarea, .contact-form3 select { background-color: rgba(var(--theme-color-white-rgb), 0.1); border: 1px solid transparent; border-radius: 10px; color: rgba(255, 255, 255, 0.2); display: block; font-size: 16px; font-weight: 400; height: 60px; line-height: 18px; margin-bottom: 0; padding: 23px 20px; position: relative; width: 100%; transition: all 300ms ease; } .contact-form3 ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.2); } .contact-form3 input:focus, .contact-form3 select:focus, .contact-form3 textarea:focus { border-color: var(--theme-color1); } .contact-form3 textarea { height: 225px; resize: none; } .contact-section-3 { position: relative; } .contact-section-3 .contact-light { position: absolute; bottom: -38%; right: 0; } .cta-banner-section-4 { margin: 0 60px; border-radius: 40px; } @media (max-width: 1699.98px) { .cta-banner-section-4 { margin: 0 35px; } } @media (max-width: 1399.98px) { .cta-banner-section-4 { margin: 0 28px; } } @media (max-width: 1199.98px) { .cta-banner-section-4 { margin: 0 20px; } } @media (max-width: 469.98px) { .cta-banner-section-4 { margin: 0 16px; } } .cta-banner-inner-4 { border-radius: 40px; position: relative; height: 770px; } @media (max-width: 1399.98px) { .cta-banner-inner-4 { height: 650px; } } .cta-banner-inner-4 img { width: 100%; height: 100%; border-radius: 40px; object-fit: cover; } .cta-banner-inner-4 .content { background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(15px); max-width: 555px; padding: 50px; border-top-left-radius: 30px; border-top-right-radius: 30px; position: absolute; bottom: 0; right: 240px; } @media (max-width: 1699.98px) { .cta-banner-inner-4 .content { right: 100px; } } @media (max-width: 1199.98px) { .cta-banner-inner-4 .content { right: 40px; } } @media (max-width: 991.98px) { .cta-banner-inner-4 .content { right: 20px; left: 20px; padding: 30px; padding-top: 40px; } } @media (max-width: 469.98px) { .cta-banner-inner-4 .content { padding: 25px; } } .cta-banner-inner-4 .content .title { color: #151515; } .cta-banner-inner-4 .content .btn-style-one { margin-top: 50px; } .cta-banner-inner-4 .content .btn-style-one img { width: initial !important; height: initial !important; border-radius: 0; } .blog-box .inner-box { margin-top: 30px; } .blog-box .inner-box .image-box { border-radius: 30px 30px 0px 0px; position: relative; overflow: hidden; } .blog-box .inner-box .image-box .num { border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; cursor: inherit; transition: all 0.4s ease-in-out; width: 60px; height: 60px; background-color: var(--body-bg); color: var(--theme-color1); font-size: 30px; font-weight: 500; line-height: 1; border-radius: 20px; position: absolute; top: 20px; left: 20px; z-index: 99; letter-spacing: -0.03em; } .blog-box .inner-box .image-box img { border-radius: 30px 30px 0px 0px; width: 100%; height: 100%; display: block; object-fit: cover; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .blog-box .inner-box .image-box img:first-child { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; -webkit-transform: translateX(50%) scaleX(2); transform: translate(50%) scaleX(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } .blog-box .inner-box .content-box { padding: 25px 40px 30px; background-color: var(--theme-color-black); border-radius: 0px 0px 30px 30px; border: 1px solid rgba(255, 255, 255, 0.13); /* margin-top: -60px; */ position: relative; z-index: 99; transition: all 0.4s ease-in-out; padding-right: 30px; } .blog-box .inner-box .content-box .post-text { display: inline-block; font-size: 16px; font-weight: 400; color: var(--theme-color1); margin-bottom: 15px; } .blog-box .inner-box .content-box .title { text-transform: capitalize; font-size: 23px; } @media (max-width: 1399.98px) { .blog-box .inner-box .content-box .title { font-size: 19px; } } @media (max-width: 991.98px) { .blog-box .inner-box .content-box .title { font-size: 18px; } } .blog-box .inner-box .content-box .title a { text-transform: capitalize; background-position: 0 95%; background-repeat: no-repeat; background-size: 0% 2px; display: inline; } .blog-box .inner-box .content-box .title a:hover { color: #fff !important; background-size: 100% 2px; background-image: linear-gradient(180deg, var(--theme-color1) 0%, var(--theme-color1) 100%); } .blog-box .inner-box .content-box .arrow-link { display: inline-flex; color: #fff; font-size: 16px; align-items: center; font-weight: 400; gap: 10px; text-decoration: underline; margin-top: 15px; transition: all 0.4s ease-in-out; } .blog-box .inner-box .content-box .arrow-link svg path { fill: #fff; } .blog-box .inner-box .content-box .arrow-link:hover { color: #fff !important; } .blog-box .inner-box:hover .image-box img:first-child { -webkit-transform: translateX(0) scaleX(1); transform: translate(0) scaleX(1); opacity: 1; -webkit-filter: blur(0); filter: blur(0); } .blog-box .inner-box:hover .image-box img:nth-child(2) { -webkit-transform: translateX(-50%) scaleX(2); transform: translateX(-50%) scaleX(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } .news-section-4 { position: relative; } .news-section-4 .news-light { position: absolute; bottom: -20%; right: 0; } .news-inner-4 { border-radius: 40px; margin: 0 60px; position: relative; z-index: 9; background-color: var(--theme-color2); } @media (max-width: 1699.98px) { .news-inner-4 { margin: 0 35px; } } @media (max-width: 1399.98px) { .news-inner-4 { margin: 0 28px; } } @media (max-width: 1199.98px) { .news-inner-4 { margin: 0 20px; } } @media (max-width: 469.98px) { .news-inner-4 { margin: 0 16px; } } .news-inner-4 .news-vec { position: absolute; top: -50px; right: -21px; } .blog-box-two .inner-box { margin-top: 30px; padding: 20px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 30px; padding-top: 42px; } @media (max-width: 1199.98px) { .blog-box-two .inner-box { padding-top: 28px; } } .blog-box-two .inner-box .content-box { padding-right: 20px; } @media (max-width: 1399.98px) { .blog-box-two .inner-box .content-box { padding-right: 0; } } .blog-box-two .inner-box .content-box .post-text { display: inline-block; font-size: 16px; font-weight: 400; color: var(--theme-color1); margin-bottom: 15px; } .blog-box-two .inner-box .content-box .title { text-transform: capitalize; } @media (max-width: 1399.98px) { .blog-box-two .inner-box .content-box .title { font-size: 19px; } } @media (max-width: 991.98px) { .blog-box-two .inner-box .content-box .title { font-size: 18px; } } .blog-box-two .inner-box .content-box .title a { text-transform: capitalize; background-position: 0 95%; background-repeat: no-repeat; background-size: 0% 2px; display: inline; } .blog-box-two .inner-box .content-box .title a:hover { color: var(--theme-color1); background-size: 100% 2px; background-image: linear-gradient(180deg, var(--theme-color1) 0%, var(--theme-color1) 100%); } .blog-box-two .inner-box .image-box { border-radius: 30px; position: relative; overflow: hidden; margin-top: 45px; } @media (max-width: 1199.98px) { .blog-box-two .inner-box .image-box { margin-top: 28px; } } .blog-box-two .inner-box .image-box img { border-radius: 30px; width: 100%; height: 100%; display: block; object-fit: cover; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .blog-box-two .inner-box .image-box img:first-child { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; -webkit-transform: translateX(50%) scaleX(2); transform: translate(50%) scaleX(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } .blog-box-two .inner-box .image-box .circle-box { display: inline-block; width: 81px; height: 81px; line-height: 81px; text-align: center; border-radius: 50%; background-color: var(--theme-color1); color: var(--theme-color-white); z-index: 9; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.5); opacity: 0; transition: all 0.4s ease-in-out; } .blog-box-two .inner-box:hover .image-box img:first-child { -webkit-transform: translateX(0) scaleX(1); transform: translate(0) scaleX(1); opacity: 1; -webkit-filter: blur(0); filter: blur(0); } .blog-box-two .inner-box:hover .image-box img:nth-child(2) { -webkit-transform: translateX(-50%) scaleX(2); transform: translateX(-50%) scaleX(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } .blog-box-two .inner-box:hover .image-box .circle-box { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); } .award-box-items-one .inner-block { position: relative; z-index: 99; display: flex; gap: 30px; align-items: end; border-radius: 40px; padding: 0 60px 60px; margin-bottom: 40px; max-width: 600px; } @media (max-width: 1399.98px) { .award-box-items-one .inner-block { align-items: center; } } .award-box-items-one .inner-block.style-bottom-0 { margin-bottom: 0 !important; } .award-box-items-one .inner-block::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; top: 20px; z-index: -1; height: initial; background: #000000; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 40px; } @media (max-width: 1399.98px) { .award-box-items-one .inner-block { margin-right: 0; padding: 30px; padding-top: 0; margin-bottom: 30px; } } @media (max-width: 575.98px) { .award-box-items-one .inner-block { display: grid; text-align: center; } } .award-box-items-one .inner-block .icon-box { text-align: center; } .award-box-items-one .inner-block .icon-box img { transition: all 900ms ease; display: inline-block; } .award-box-items-one .inner-block .icon-box .year { height: 40px; background-color: var(--theme-color1); border-radius: 72px; font-size: 20px; line-height: 1; text-align: center; color: var(--theme-color1-text-color); padding: 0 20px; margin-bottom: 40px; display: inline-flex; align-items: center; justify-content: center; } @media (max-width: 1399.98px) { .award-box-items-one .inner-block .icon-box .year { margin-bottom: 30px; } } .award-box-items-one .inner-block .icon-box .icon { width: 163px; height: 163px; line-height: 163px; text-align: center; background: #151515; border-radius: 50%; } @media (max-width: 575.98px) { .award-box-items-one .inner-block .icon-box .icon { margin: 0 auto; } } @media (max-width: 1399.98px) { .award-box-items-one .inner-block .content-box { padding-top: 52px; } } @media (max-width: 575.98px) { .award-box-items-one .inner-block .content-box { padding-top: 0; } } @media (max-width: 1199.98px) { .award-box-items-one .inner-block .content-box .title { font-size: 20px; } } .award-box-items-one .inner-block .content-box .text { margin-top: 15px; font-size: 14px; } .award-box-items-one .inner-block:hover .icon-box img { transform: rotateY(360deg); } @media (max-width: 575.98px) { .award-right-items-1 { text-align: center; } } .award-right-items-1 .award-text { margin-top: 20px; } .award-right-items-1 .award-thumb { text-align: center; margin-top: 60px; } @media (max-width: 1199.98px) { .award-right-items-1 .award-thumb { display: none; } } .award-right-items-1 .content { display: flex; align-items: center; gap: 20px; margin-top: 40px; justify-content: center; } @media (max-width: 991.98px) { .award-right-items-1 .content { justify-content: start; } } @media (max-width: 575.98px) { .award-right-items-1 .content { display: grid; text-align: center; margin-top: 25px; gap: 0; justify-content: center; } } .award-right-items-1 .content .count-box { font-size: 150px; font-weight: 500; color: var(--theme-color1); } @media (max-width: 575.98px) { .award-right-items-1 .content .count-box { font-size: 80px; } } .award-right-items-1 .content .text { font-size: 24px; font-weight: 400; color: #fff; max-width: 240px; } @media (max-width: 575.98px) { .award-right-items-1 .content .text { font-size: 18px; } } .award-section { position: relative; z-index: 9; } .award-section .award-shape-1 { position: absolute; bottom: 0; right: 0; z-index: -1; } @media (max-width: 1399.98px) { .award-section .award-shape-1 { display: none; } } .award-section .award-light-shape { position: absolute; top: -10%; left: -10%; z-index: -1; } @media (max-width: 1399.98px) { .award-section .award-light-shape { display: none; } } .award-section .award-shape-2 { position: absolute; top: 30%; left: -20px; z-index: -1; } @media (max-width: 1399.98px) { .award-section .award-shape-2 { display: none; } } @media (max-width: 991.98px) { .award-image1 { text-align: center; } } .award-block-two { margin-left: auto; max-width: 875px; position: relative; } .award-block-two .list-item { box-sizing: border-box; overflow: hidden; padding: 40px 0; position: relative; transition: padding 400ms ease; z-index: 1; } .award-block-two .list-item:first-child { border-top: 1px solid rgba(255, 255, 255, 0.14); } .award-block-two .list-item:first-child:hover { border-color: transparent; } .award-block-two .list-item::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: rgba(255, 255, 255, 0.14); transition: opacity 300ms ease; pointer-events: none; } .award-block-two .list-item::after { content: ""; position: absolute; inset: 0; background-color: var(--theme-color1); border-radius: 20px; transform: scaleY(0); transform-origin: bottom center; transition: transform 500ms ease, opacity 400ms ease; z-index: -1; pointer-events: none; } .award-block-two .list-item .content-box { display: flex; align-items: center; justify-content: space-between; transition: transform 400ms ease; } @media (max-width: 575.98px) { .award-block-two .list-item .content-box { display: grid; gap: 20px; justify-content: center; } } .award-block-two .list-item .content-box .title-box { display: flex; align-items: center; gap: 125px; } @media (max-width: 1199.98px) { .award-block-two .list-item .content-box .title-box { gap: 40px; } } @media (max-width: 575.98px) { .award-block-two .list-item .content-box .title-box { display: grid; justify-content: center; gap: 20px; text-align: center; } } .award-block-two .list-item .content-box .title-box .year { font-size: 18px; font-weight: 400; color: #fff; } @media (max-width: 1199.98px) { .award-block-two .list-item .content-box .title-box .year { font-size: 16px; } } .award-block-two .list-item .content-box .title-box .title { font-size: 20px; font-weight: 500; color: #fff; } @media (max-width: 1199.98px) { .award-block-two .list-item .content-box .title-box .title { font-size: 18px; } } .award-block-two .list-item .right-text { display: flex; align-items: center; gap: 100px; transition: transform 400ms ease; } @media (max-width: 1199.98px) { .award-block-two .list-item .right-text { gap: 30px; } } @media (max-width: 767.98px) { .award-block-two .list-item .right-text { justify-content: center; } } @media (max-width: 575.98px) { .award-block-two .list-item .right-text { display: grid; text-align: center; gap: 15px; } } .award-block-two .list-item .right-text .text { font-size: 18px; font-weight: 400; color: #fff; } @media (max-width: 1199.98px) { .award-block-two .list-item .right-text .text { font-size: 16px; } } .award-block-two .list-item .right-text .arrow-icon { transition: filter 400ms ease; } .award-block-two .list-item:hover, .award-block-two .list-item.active { padding-left: 30px; padding-right: 30px; } .award-block-two .list-item:hover::after, .award-block-two .list-item.active::after { transform: scaleY(1); transform-origin: top; } .award-block-two .list-item:hover::before, .award-block-two .list-item.active::before { background: transparent; } .award-block-two .list-item:hover .arrow-icon, .award-block-two .list-item.active .arrow-icon { filter: brightness(0) invert(1); } .award-block-two .list-item:hover.prev-no-border::before, .award-block-two .list-item.active.prev-no-border::before, .award-block-two .list-item.prev-no-border::before { opacity: 0; background: transparent; } .award-section-2 { position: relative; } .award-section-2 .award-light { left: 0; position: absolute; top: -50%; } @media (max-width: 1199.98px) { .award-section-2 .award-light { display: none; } } .award-section-2 .award-vec { left: 2%; position: absolute; top: -20%; z-index: 11; } @media (max-width: 1699.98px) { .award-section-2 .award-vec { display: none; } } .award-section-3 .award-inner-3 { border-radius: 40px; margin: 0 60px; position: relative; z-index: 9; } @media (max-width: 1699.98px) { .award-section-3 .award-inner-3 { margin: 0 35px; } } @media (max-width: 1399.98px) { .award-section-3 .award-inner-3 { margin: 0 28px; } } @media (max-width: 1199.98px) { .award-section-3 .award-inner-3 { margin: 0 20px; } } @media (max-width: 469.98px) { .award-section-3 .award-inner-3 { margin: 0 16px; } } .award-section-3 .award-inner-3 .sec-title { margin-bottom: 60px; } @media (max-width: 767.98px) { .award-section-3 .award-inner-3 .sec-title { margin-bottom: 30px; } } .award-block-three .list-item { display: flex; align-items: center; justify-content: space-between; padding: 40px 60px; position: relative; position: relative; z-index: 1; transition: all 0.4s ease-in-out; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .award-block-three .list-item.border-add { border-top: 1px solid rgba(255, 255, 255, 0.1); } @media (max-width: 991.98px) { .award-block-three .list-item { padding: 30px; } } @media (max-width: 469.98px) { .award-block-three .list-item { flex-wrap: wrap; gap: 30px; } } .award-block-three .list-item::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: var(--theme-color1); -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease; -webkit-transform-origin: bottom center; transform-origin: bottom center; z-index: -1; border-radius: 80px; } @media (max-width: 1199.98px) { .award-block-three .list-item::after { border-radius: 10px; } } .award-block-three .list-item .text-left-items { display: flex; align-items: center; gap: 300px; } @media (max-width: 991.98px) { .award-block-three .list-item .text-left-items { gap: 30px; flex-wrap: wrap; } } .award-block-three .list-item .text-left-items .text { font-size: 16px; font-weight: 400; } .award-block-three .list-item .text-left-items .title { font-size: 20px; font-weight: 500; color: var(--theme-color-white); } .award-block-three .list-item .text-2 { color: var(--theme-color-white); font-size: 18px; font-weight: 400; } .award-block-three .list-item .hover-image { width: 144px; height: 352px; position: absolute; top: 50%; transform: translateY(-50%) rotate(15deg); inset-inline-start: 0; background-size: cover; background-repeat: no-repeat; background-position-x: 75%; opacity: 0; transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1); margin: -200px 0 0 -50px; overflow: hidden; pointer-events: none; z-index: 999; visibility: hidden; } .award-block-three .list-item:hover { border-color: transparent; } .award-block-three .list-item:hover .hover-image { opacity: 1; visibility: visible; } .award-block-three .list-item:hover .text { color: var(--theme-color-white); } .award-block-three .list-item:hover::after { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: top center; transform-origin: top center; } .award-block-three .list-item:hover.prev-no-border, .award-block-three .list-item.active.prev-no-border, .award-block-three .list-item.prev-no-border { border-color: transparent; } .award-section-3 { position: relative; } .award-section-3 .award-light { position: absolute; right: 0; top: -25%; } .award-section-3 .award-light2 { position: absolute; left: 0; bottom: -15%; } .award-section-3 .award-vec { position: absolute; top: -12%; right: 0; z-index: 99; } .award-block-four .inner-box { padding: 40px 40px; position: relative; border-top: 1px solid rgba(var(--theme-color-white-rgb), 0.1); } @media (max-width: 767.98px) { .award-block-four .inner-box { text-align: center !important; } } .award-block-four .inner-box.bb-bottom-add { border-bottom: 1px solid rgba(var(--theme-color-white-rgb), 0.1) !important; } @media (max-width: 767.98px) { .award-block-four .inner-box .text-end { text-align: center !important; } } @media (max-width: 767.98px) { .award-block-four .inner-box { padding: 30px; } } .award-block-four .inner-box::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: var(--theme-color1); transform: scale(1, 0); transition: transform 500ms ease; transform-origin: bottom center; } .award-block-four .inner-box .award-text { color: #fff; margin-bottom: 0; position: relative; font-size: 20px; font-weight: 500; } .award-block-four .inner-box .award-icon { width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; border: 1px solid rgba(var(--theme-color-white-rgb), 0.1); position: relative; display: inline-block; transform: rotate(-40deg); margin-left: auto; transition: all 300ms ease; } .award-block-four .inner-box .award-icon i { color: #fff; font-size: 16px; line-height: 1; transition: all 300ms ease; } .award-block-four .inner-box .hover-image { position: absolute; top: 50%; transform: translateY(-50%) rotate(15deg); inset-inline-start: 0; background-size: cover; background-repeat: no-repeat; background-position-x: 75%; opacity: 0; transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1); margin: -200px 0 0 -50px; overflow: hidden; pointer-events: none; z-index: 999; visibility: hidden; } .award-block-four .inner-box:hover::before { transform: scale(1, 1); transform-origin: top center; } .award-block-four .inner-box:hover .award-icon { transform: rotate(0deg); background-color: #fff; } .award-block-four .inner-box:hover .award-icon i, .award-block-four .inner-box:hover .award-icon img { color: var(--theme-color2); } .award-block-four .inner-box:hover .hover-image { opacity: 1; visibility: visible; } .award-section-4 { position: relative; } .award-section-4 .award-light { left: 0; position: absolute; top: -50%; } .award-section-4 .awar-title-text { color: var(--theme-color1); font-size: 200px; font-weight: 700; line-height: 1; margin-bottom: 60px; text-transform: uppercase; } @media (max-width: 1699.98px) { .award-section-4 .awar-title-text { font-size: 140px; } } @media (max-width: 1399.98px) { .award-section-4 .awar-title-text { font-size: 120px; } } @media (max-width: 1199.98px) { .award-section-4 .awar-title-text { font-size: 100px; text-align: center; } } @media (max-width: 991.98px) { .award-section-4 .awar-title-text { font-size: 70px; margin-bottom: 30px; } } @media (max-width: 575.98px) { .award-section-4 .awar-title-text { font-size: 50px; } } @media (max-width: 469.98px) { .award-section-4 .awar-title-text { font-size: 40px; } } .award-section-4 .awar-title-text span { color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(230, 0, 35, 0.3); } .brand-section { border-bottom: 1px solid rgba(255, 255, 255, 0.14); } .brand-box-1 { height: 200px; line-height: 200px; border-right: 1px solid rgba(255, 255, 255, 0.14); text-align: center; position: relative; overflow: hidden; } .brand-box-1 .brand-img-1 { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .brand-box-1 .brand-img-1 img { transition: all 0.6s ease; transform: translateY(0); } .brand-box-1 .brand-img-1:last-child img { transform: translateY(-350%); opacity: 0; } .brand-box-1:hover .brand-img-1:first-child img { transform: translateY(100%); opacity: 0; } .brand-box-1:hover .brand-img-1:last-child img { transform: translateY(0); opacity: 1; } .brand-section-3 .brand-text { text-align: center; font-size: 20px; font-weight: 500; color: #fff; position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 50px; line-height: 1; } @media (max-width: 575.98px) { .brand-section-3 .brand-text { font-size: 16px; line-height: 1.4; } } @media (max-width: 469.98px) { .brand-section-3 .brand-text { font-size: 13px; line-height: 1.4; } } .brand-section-3 .brand-text .line { display: inline-block; width: 60px; height: 1px; background-color: var(--theme-color-white); position: relative; } @media (max-width: 1199.98px) { .brand-section-3 .brand-text .line { display: none; } } .brand-section-3 .brand-text .line::before { position: absolute; bottom: 6px; left: 35px; content: ""; height: 1px; width: 25px; background-color: var(--text-color); } .brand-section-3 .brand-text .line2 { display: inline-block; width: 60px; height: 1px; background-color: var(--theme-color-white); position: relative; } @media (max-width: 1199.98px) { .brand-section-3 .brand-text .line2 { display: none; } } .brand-section-3 .brand-text .line2::before { position: absolute; bottom: 6px; right: 35px; content: ""; height: 1px; width: 25px; background-color: var(--text-color); } .brand-section-3 { position: relative; } .brand-section-3 .brand-light { position: absolute; right: 0; top: -180%; } @media (max-width: 1699.98px) { .brand-section-3 .brand-light { display: none; } } .brand-section-3 .brand-slider-3 { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 70px; } .brand-section-3 .brand-vec { position: absolute; top: -30%; right: -10%; } @media (max-width: 1699.98px) { .brand-section-3 .brand-vec { display: none; } } .brand-box-2 { height: 35px; line-height: 35px; text-align: center; position: relative; overflow: hidden; } .brand-box-2 .brand-img-1 { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0.3; } .brand-box-2 .brand-img-1 img { transition: all 0.6s ease; transform: translateY(0); } .brand-box-2 .brand-img-1:last-child img { transform: translateY(-350%); opacity: 0; } .brand-box-2:hover .brand-img-1 { opacity: 1; } .brand-box-2:hover .brand-img-1:first-child img { transform: translateY(100%); opacity: 0; } .brand-box-2:hover .brand-img-1:last-child img { transform: translateY(0); opacity: 1; } /*** ==================================================================== Products details ==================================================================== ***/ .product-details .bxslider .image-box { position: relative; display: block; margin-right: 30px; margin-bottom: 10px; } .product-details .bxslider .image-box img { width: 100%; } .product-details .bxslider .thumb-box { align-items: center; display: flex; gap: 10px; } .product-details .bxslider .thumb-box li { overflow: hidden; position: relative; display: inline-block; max-width: 100px; width: 100%; height: 100px; } .product-details .bxslider .thumb-box li a { position: relative; display: inline-block; } .product-details .bxslider .thumb-box li a:before { position: absolute; content: ""; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; transition: all 500ms ease; } .product-details .bxslider .thumb-box li a img { width: 100%; } .product-details .bxslider .thumb-box li a.active:before { opacity: 1; } .product-details .bx-wrapper { margin-bottom: 30px; } .product-details .product-info .product-details__top { position: relative; display: block; margin-top: -8px; } .product-details .product-info .product-details__title { font-size: 40px; line-height: 44px; margin: 0; } .product-details .product-info .product-details__title span { position: relative; display: inline-block; color: var(--theme-color1); font-size: 20px; line-height: 26px; margin-left: 20px; letter-spacing: 0; } .product-details .product-info .product-details__reveiw { align-items: center; border-bottom: 1px solid rgba(var(--theme-color-white-rgb), 0.1); display: flex; margin-top: 22px; margin-bottom: 31px; padding-bottom: 20px; } .product-details .product-info .product-details__reveiw i { color: #ffc737; font-size: 16px; } .product-details .product-info .product-details__reveiw i+i { margin-left: 4px; } .product-details .product-info .product-details__reveiw span { color: var(--theme-color1); font-size: 16px; line-height: 1; margin-left: 18px; position: relative; top: 1px; } .product-details .product-info .product-details__quantity-title { font-size: 20px; line-height: 30px; margin: 0; margin-right: 20px; } .product-details .product-info .product-details__buttons { align-items: center; display: flex; margin-bottom: 30px; margin-top: 40px; position: relative; } @media only screen and (max-width: 767px) { .product-details .product-info .product-details__buttons { display: block; } } .product-details .product-info .product-details__buttons-1 { display: block; position: relative; } @media only screen and (max-width: 767px) { .product-details .product-info .product-details__buttons-1 { margin-bottom: 10px; margin-right: 10px; } } .product-details .product-info .product-details__buttons-1 .btn-title { color: var(--headings-color); font-weight: 500; text-transform: capitalize; } .product-details .product-info .product-details__buttons-2 { display: block; margin-left: 10px; position: relative; } .product-details .product-info .product-details__buttons-2 .thm-btn { background-color: var(--theme-color2); } .product-details .product-info .product-details__buttons-2 .thm-btn:before { background-color: var(--theme-color1); } .product-details .product-info .product-details__buttons-2 .thm-btn:after { background-color: var(--theme-color1); } @media only screen and (max-width: 767px) { .product-details .product-info .product-details__buttons-2 { margin-left: 0; margin-top: 0; } } .product-details .product-info .product-details__social { align-items: center; display: flex; position: relative; } .product-details .product-info .product-details__social .social-icon-one { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-details .product-info .product-details__social .social-icon-one li { position: relative; margin-left: 20px; } .product-details .product-info .product-details__social .social-icon-one li:first-child { margin-left: 0; } .product-details .product-info .product-details__social .social-icon-one li a { position: relative; color: var(--theme-color1); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .product-details .product-info .product-details__social .social-icon-one li a:hover { color: var(--theme-color2); } .product-details .product-info .product-details__social .title { display: block; position: relative; } .product-details .product-info .product-details__social .title h3 { font-size: 20px; line-height: 20px; } .product-details .product-info .product-details__social .social-icon-one { margin-left: 30px; } @media only screen and (max-width: 767px) { .product-details .product-info .product-details__social { align-items: baseline; flex-direction: column; justify-content: start; } .product-details .product-info .product-details__social .social-icon-one { margin-left: 0; } } .product-details__quantity { align-items: center; display: flex; margin-top: 20px; position: relative; } .product-details__quantity .quantity-box { border-radius: 10px; height: 60px; position: relative; width: 98px; } .product-details__quantity .quantity-box input { background-color: rgba(var(--theme-color-white-rgb), 0.05); border: 1px solid rgba(var(--theme-color-white-rgb), 0.1); border-radius: 10px; color: var(--theme-color1); font-size: 18px; font-weight: 500; height: 60px; outline: none; padding-left: 30px; -webkit-appearance: textfield; -moz-appearance: textfield; width: 98px; } .product-details__quantity .quantity-box button { align-items: center; border: none; border-left: 1px solid rgba(var(--theme-color-white-rgb), 0.1); border-top-right-radius: 10px; background-color: var(--theme-color1); color: #fff; font-size: 8px; display: flex; height: 29px; justify-content: center; outline: none; position: absolute; right: 1px; top: 1px; transition: all 300ms ease; width: 29px; } .product-details__quantity .quantity-box button:hover { background-color: var(--theme-color1); color: var(--headings-color); } .product-details__quantity .quantity-box button.sub { bottom: 1px; border-top-right-radius: 0px; border-bottom-right-radius: 10px; top: auto; } .product-discription { display: block; position: relative; } .product-discription .product-description__title { font-size: 30px; margin-bottom: 27px; } .product-discription .product-description__text1 { font-size: 16px; line-height: 30px; margin: 0; } .product-discription .product-description__list { display: block; margin-top: 30px; margin-bottom: 30px; position: relative; } .product-discription .product-description__list ul { display: block; position: relative; } .product-discription .product-description__list ul li { display: block; margin-bottom: 2px; position: relative; } .product-discription .product-description__list ul li:last-child { margin-bottom: 0px; } .product-discription .product-description__list ul li p { color: var(--headings-color); margin: 0; } .product-discription .product-description__list ul li p span:before { color: var(--theme-color1); display: inline-block; font-size: 17px; line-height: 17px; margin-right: 11px; position: relative; top: 2px; } .product-discription .tabs-content .text p { margin-bottom: 17px; } .product-discription .tabs-content .text p:last-child { margin-bottom: 0px; } .product-discription .tab-btn-box { position: relative; display: block; width: 100%; margin-bottom: 60px; } .product-discription .tab-btn-box:before { background-color: rgba(var(--theme-color-white-rgb), 0.1); content: ""; height: 1px; left: 0px; position: absolute; top: 28px; width: 100%; } .product-discription .tab-btn-box .tab-btns li { background-color: #121310; border: 1px solidr gba(var(--theme-color-white-rgb), 0.5); color: var(--theme-color-white); cursor: pointer; display: inline-block; font-size: 14px; margin: 0px 8.5px; margin-bottom: 15px; padding: 14px 30px; position: relative; text-transform: uppercase; text-align: center; transition: all 500ms ease; } .product-discription .tab-btn-box .tab-btns li.active-btn { background-color: var(--theme-color1); color: #fff; } .product-discription .tab-btn-box .tab-btns li:last-child { margin-bottom: 0; } .product-discription .single-comment-box .inner-box { background-color: rgba(var(--theme-color-white-rgb), 0.05); display: flex; gap: 15px; padding: 34px 30px 34px; position: relative; } @media (max-width: 991.98px) { .product-discription .single-comment-box .inner-box { flex-wrap: wrap; } } .product-discription .single-comment-box .inner-box .comment-thumb { border-radius: 50%; width: 80px; } .product-discription .single-comment-box .inner-box .comment-thumb img { width: 100%; border-radius: 50%; } .product-discription .single-comment-box .inner-box .rating { display: block; margin-bottom: 2px; position: relative; } .product-discription .single-comment-box .inner-box .rating li { color: #fdc009; display: inline-block; font-size: 12px; float: left; margin-right: 4px; position: relative; } .product-discription .single-comment-box .inner-box .rating li:last-child { margin: 0px !important; } .product-discription .single-comment-box .inner-box h5 { display: block; font-size: 16px; line-height: 26px; text-transform: uppercase; margin-bottom: 16px; } .product-discription .single-comment-box .inner-box h5 span { text-transform: capitalize; } .product-discription .customer-comment { position: relative; display: block; margin-bottom: 60px; } .product-discription .comment-box { background-color: rgba(var(--theme-color-white-rgb), 0.05); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); display: block; padding: 51px 60px 60px 60px; position: relative; } @media (max-width: 575.98px) { .product-discription .comment-box { padding: 40px 30px; } } .product-discription .comment-box h3 { display: block; font-size: 24px; line-height: 34px; text-transform: uppercase; margin-bottom: 23px; } .product-discription .comment-box .form-group { position: relative; margin-bottom: 15px; } .product-discription .comment-box .form-group label { position: relative; display: block; font-size: 18px; line-height: 28px; color: #707582; margin-bottom: 8px; } .product-discription .comment-box .column:last-child .form-group { margin-bottom: 0px; } .product-discription .comment-box .review-box p { position: relative; float: left; margin-right: 10px; } .product-discription .comment-box .review-box .rating { position: relative; float: left; } .product-discription .comment-box .review-box .rating li { position: relative; display: inline-block; font-size: 14px; line-height: 28px; float: left; margin-right: 4px; color: #fdc009; } .product-discription .comment-box .review-box .rating li:last-child { margin: 0px !important; } .product-discription .comment-box .review-box { position: relative; display: block; margin-top: 8px; } .product-discription .comment-box .custom-controls-stacked { position: relative; float: left; } .related-product h3 { margin-bottom: 30px; } @media only screen and (max-width: 767px) { .product-details__img { margin-bottom: 50px; } .product-details__title span { margin-left: 0; display: block; } .product-details__buttons { flex-direction: column; align-items: baseline; } .product-details__buttons-2 { margin-left: 0; margin-top: 10px; } .product-details__social-link { margin-left: 0; margin-top: 20px; } } /*** ==================================================================== Categories Section ==================================================================== ***/ .categories-section { position: relative; padding: 100px 0 70px; } .categories-section .bg-pattern { position: absolute; left: 0; top: -220px; width: 100%; height: 100%; content: ""; background-image: none; background-repeat: no-repeat; background-position: left top; z-index: -1; } .categories-section:before { position: absolute; left: 0; bottom: 0; height: 300px; width: 100%; background: var(--theme-color3); content: ""; z-index: 1; } .categories-section:after { position: absolute; left: 0; bottom: -50px; height: 70px; width: 100%; z-index: 2; content: ""; background-image: none; background-repeat: no-repeat; background-position: center bottom; } .category-block { position: relative; margin-bottom: 30px; z-index: 9; } .category-block .inner-box { position: relative; text-align: center; background: #ffffff; padding: 40px 30px 30px; border-radius: 10px; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .category-block .inner-box:before { position: absolute; top: 0; left: 0; width: 100%; height: 190px; background-repeat: no-repeat; background-position: center bottom; content: ""; } .category-block .inner-box:hover { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } .category-block .inner-box:hover .image img { -webkit-transform: rotate(10deg) scale(1.2); -ms-transform: rotate(10deg) scale(1.2); transform: rotate(10deg) scale(1.2); } .category-block .inner-box.cat-bg-1:before { background-image: none; } .category-block .inner-box.cat-bg-2:before { background-image: none; } .category-block .inner-box.cat-bg-3:before { background-image: none; } .category-block .inner-box.cat-bg-4:before { background-image: none; } .category-block .image { position: relative; display: inline-block; height: 180px; width: 180px; overflow: hidden; border-radius: 50%; margin-bottom: 15px; } .category-block .image img { -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .category-block h4 { font-size: 20px; color: var(--theme-color3); font-weight: 700; margin-bottom: 10px; } .category-block h4 a { -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .category-block h4 a:hover { color: var(--theme-color1); } .category-block p { font-size: 14px; color: #797f7d; line-height: 26px; margin-bottom: 0px; } /*** ==================================================================== Categories Section Two ==================================================================== ***/ .categories-section-two { position: relative; padding: 120px 0 90px; } .category-block-two { position: relative; padding-top: 70px; margin-bottom: 30px; z-index: 9; } .category-block-two .inner-box { position: relative; text-align: center; background: #ffffff; border-radius: 10px; margin: 0 auto; padding: 18px; } .category-block-two .inner-box:before { position: absolute; left: 0; top: 0; bottom: 60px; width: 100%; border-radius: 10px; background: #e3eee5; content: ""; } .category-block-two .inner-box:hover .image:before { left: 100%; -webkit-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .category-block-two .inner-box:hover .image img { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .category-block-two .inner-box:hover h4 a { color: var(--theme-color1); } .category-block-two .content { position: relative; background: #ffffff; border-radius: 10px; padding: 0 40px 40px; z-index: 1; -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07); box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07); } .category-block-two .content:before { position: absolute; top: -88px; left: 0; width: 180px; height: 180px; right: 0; margin: 0 auto; border-radius: 50%; background: #e3eee5; content: ""; } .category-block-two .content:after { position: absolute; left: 0; bottom: 0px; width: 100%; font-size: 30px; line-height: 1em; color: #e8f3ea; height: 15px; overflow: hidden; text-transform: uppercase; letter-spacing: 0.1em; content: attr(data-text); } .category-block-two .image { position: relative; display: inline-block; overflow: hidden; margin-bottom: 25px; margin-top: -70px; } .category-block-two .image img { -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .category-block-two .image:before { position: absolute; left: 0; top: 0; height: 120%; width: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1); content: ""; opacity: 0.3; left: -100%; pointer-events: none; z-index: 1; } .category-block-two h4 { font-size: 22px; color: var(--theme-color3); font-weight: 700; margin-bottom: 15px; } .category-block-two h4 a { color: var(--theme-color3); -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .category-block-two p { font-size: 16px; color: #797f7d; line-height: 26px; margin-bottom: 0px; } .category-block-two .link { position: relative; display: inline-block; height: 50px; width: 50px; background: #e8f3ea; border-radius: 50%; line-height: 50px; margin-top: 25px; color: #608174; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .category-block-two .link:hover { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .category-block-two.child-two .link { background: #f0e2e3; } .category-block-two.child-two .inner-box:before { background: #f0e2e3; } .category-block-two.child-two .inner-box:hover h4 a { color: #e69da2; } .category-block-two.child-two .content:before { background: #f0e2e3; } .category-block-two.child-two .content:after { color: #f0e2e3; } .category-block-two.child-three .link { background: #f1ede1; } .category-block-two.child-three .inner-box:before { background: #f1ede1; } .category-block-two.child-three .inner-box:hover h4 a { color: #c9b579; } .category-block-two.child-three .content:before { background: #f1ede1; } .category-block-two.child-three .content:after { color: #f1ede1; } /*** ==================================================================== Products Section ==================================================================== ***/ .products-section { position: relative; padding: 120px 0; } .products-section .bg-image { position: absolute; left: 0; top: 0; height: 670px; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; } .products-section .bg-image:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #113629; opacity: 0.7; content: ""; } .products-section .bg-image:after { position: absolute; left: 0; bottom: 0; height: 50px; width: 100%; background-image: none; background-position: center bottom; content: ""; } .products-section .sec-title h2 { font-size: 60px; } .products-section .sec-title .theme-btn { margin-top: 30px; } .products-box { max-width: 1530px; position: relative; padding: 120px 60px 90px; margin: 120px auto 0; background-color: #f7f5ee; overflow: hidden; border-radius: 10px; } .products-box:before { position: absolute; left: -90px; bottom: 0; height: 70%; width: 100%; background: none; content: ""; } .products-box .sec-title { margin-bottom: 30px; } .products-box .outer-box { position: relative; padding-right: 400px; } .products-box .outer-box .banner-box-two { position: absolute; right: 0; top: 0; } .banner-box-two { position: relative; } .banner-box-two .inner-box:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgb(22, 67, 51)), to(rgba(229, 229, 229, 0))); background: -o-linear-gradient(top, rgb(22, 67, 51) 0%, rgba(229, 229, 229, 0) 100%); background: linear-gradient(to bottom, rgb(22, 67, 51) 0%, rgba(229, 229, 229, 0) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='var(--theme-color3)', endColorstr='#00e5e5e5', GradientType=0); content: ""; } .banner-box-two .inner-box { 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 370px; background: var(--theme-color3); border-radius: 10px; min-height: 440px; text-align: center; overflow: hidden; padding: 20px 20px; } .banner-box-two .title { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-size: 20px; color: #ffffff; text-transform: uppercase; margin-bottom: 20px; } .banner-box-two .title strong { font-size: 60px; line-height: 1em; color: var(--theme-color2); font-weight: 400; } .banner-box-two h4 { font-size: 30px; line-height: 1.2em; color: #ffffff; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 30px; } .product-block-two { position: relative; margin-bottom: 30px; } .product-block-two .inner-box { position: relative; border: 2px solid transparent; border-radius: 10px; background: #ffffff; padding: 20px 20px; padding-left: 150px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 150px; transition: all 300ms ease; } .product-block-two .inner-box:hover { border: 2px solid var(--theme-color1); } .product-block-two .image { position: absolute; left: 20px; top: 20px; border-radius: 50%; overflow: hidden; height: 110px; width: 110px; border: 1px solid #e4e1d6; margin-bottom: 0px; } .product-block-two .image img { width: auto; transition: all 300ms ease; } .product-block-two .inner-box:hover .image img { -webkit-transform: scale(-1) rotate(180deg); -ms-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .product-block-two h4 { display: block; font-size: 22px; color: var(--theme-color3); font-weight: 700; margin-bottom: 5px; } .product-block-two h4 a { color: var(--theme-color3); transition: all 300ms ease; } .product-block-two .price { display: block; font-size: 16px; line-height: 26px; color: var(--theme-color1); font-weight: 600; } .product-block-two .price del { display: inline-block; margin-left: 15px; font-size: 16px; color: #ff0000; line-height: 27px; opacity: 0.3; } .product-block-two .rating { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #ffc737; } .products-carousel .owl-nav { display: none; } .products-carousel .owl-dots { position: absolute; right: 0; top: -80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 8; } .products-carousel .owl-dot { position: relative; height: 7px; width: 7px; display: block; background: #879d91; margin-right: 5px; border-radius: 5px; display: block; transition: all 300ms ease; } .products-carousel .owl-dot.active { background: var(--theme-color3); } /*** ==================================================================== Featured Products ==================================================================== ***/ .featured-products { position: relative; padding: 120px 0 90px; } .featured-products .bg-shape { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: none; background-size: 700px; } /*=== Mixitup Gallery ===*/ .featured-products .filters { margin-bottom: 40px; text-align: center; } .featured-products .filters .filter-tabs { position: relative; display: inline-block; } .featured-products .filters li { color: #797f7d; cursor: pointer; display: inline-block; font-weight: 500; font-size: 18px; margin: 0 5px 0; line-height: 24px; overflow: hidden; padding: 5px 12px 10px; position: relative; transition: all 300ms ease; } .featured-products .filters li:last-child { margin-right: 0; } .featured-products .filters .filter.active, .featured-products .filters .filter:hover { background-color: var(--theme-color2); color: #fff; } .featured-products .filters li:before { position: absolute; left: 0; bottom: 8px; height: 2px; width: 100%; content: ""; background-color: #fff; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -o-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */ -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */ } .featured-products .filters li.active:before, .featured-products .filters li:hover:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; } .product-block { position: relative; margin-bottom: 30px; } .product-block.mix { display: none; } .product-block .inner-box { background: var(--theme-color2); border: 1px solid var(--theme-color2); border-radius: 10px; overflow: hidden; position: relative; text-align: center; transition: all 300ms ease; } .product-block .inner-box:hover { border: 1px solid var(--theme-color1); box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); } .product-block .image { align-items: center; display: flex; justify-content: center; margin-bottom: 0px; overflow: hidden; position: relative; } .product-block .image:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1); content: ""; opacity: 0.3; left: -100%; pointer-events: none; z-index: 1; } .product-block .inner-box:hover .image:before { left: 100%; transition: all 1000ms ease; } .product-block .image img { width: auto; transition: all 300ms ease; } .product-block .inner-box:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .product-block .content { position: relative; padding: 30px 30px 30px; } .product-block h4 { display: block; font-size: 22px; color: var(--theme-color2); margin-bottom: 5px; } .product-block h4 a { color: var(--theme-color1); transition: all 300ms ease; } .product-block .price { display: block; font-size: 16px; line-height: 26px; color: var(--theme-color-silver); font-weight: 500; } .product-block .price del { display: inline-block; margin-left: 15px; font-size: 16px; color: #ff0000; line-height: 27px; opacity: 0.3; } .product-block .rating { 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; font-size: 14px; color: #ffc737; } .product-block .tag { position: absolute; top: 30px; left: 20px; font-size: 14px; line-height: 23px; color: #ffffff; background: #FD5F5C; font-weight: 400; padding: 0 12px; border-radius: 3px; z-index: 9; font-style: italic; text-transform: uppercase; } .product-block .icon-box { position: absolute; right: 20px; top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; opacity: 0; visibility: hidden; transition: all 300ms ease; } .product-block .inner-box:hover .icon-box { top: 20px; opacity: 1; visibility: visible; -webkit-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .product-block .ui-btn { background-color: var(--theme-color2); border-radius: 50px; color: #ffffff; cursor: pointer; display: block; height: 40px; font-size: 14px; line-height: 40px; margin-bottom: 10px; position: relative; text-align: center; width: 40px; z-index: 9; transition: all 300ms ease; } .product-block .ui-btn:hover { background-color: var(--theme-color1); color: var(--theme-color1-text-color); } .product-block .cat { display: block; font-size: 18px; color: #707070; font-style: italic; margin-bottom: 5px; } /* * shop-catalog-layouts.scss * ----------------------------------------------- */ .cart-section .table> :not(caption)>*>* { background-color: rgba(var(--theme-color-white-rgb), 0.05); } .cart-section table.table.tbl-shopping-cart th, .cart-section table.table.tbl-shopping-cart td, .cart-section table.table.cart-total th, .cart-section table.table.cart-total td { border-left: rgba(var(--theme-color-white-rgb), 0.1); } .cart-section .form-control { color: rgba(var(--theme-color-white-rgb), 0.4); } .cart-section .form-control option { color: #000; } .cart-section select.form-control option { background-color: rgba(var(--theme-color-white-rgb), 0.05); } .cart-section table.tbl-shopping-cart>thead>tr>th, .cart-section table.tbl-shopping-cart>tbody>tr>th, .cart-section table.tbl-shopping-cart>tfoot>tr>th { color: rgba(var(--theme-color-white-rgb), 0.5); } .cart-section .table-striped>tbody>tr:nth-of-type(odd)>*, .cart-section .table> :not(caption)>*>* { color: rgba(var(--theme-color-white-rgb), 0.5); } .cart-section tbody, .cart-section td, .cart-section tfoot, .cart-section th, .cart-section thead, .cart-section tr { border-color: rgba(var(--theme-color-white-rgb), 0.05); } table.table.tbl-shopping-cart .product-thumbnail, table.table.cart-total .product-thumbnail { min-width: 64px; } table.table.tbl-shopping-cart img, table.table.cart-total img { width: 64px; box-shadow: none; } table.table.tbl-shopping-cart th, table.table.tbl-shopping-cart td, table.table.cart-total th, table.table.cart-total td { vertical-align: middle; border-left: 1px solid #e3e3e3; padding: 20px 30px; } table.table.tbl-shopping-cart .product-name a, table.table.cart-total .product-name a { color: var(--headings-color); } table.table.tbl-shopping-cart .product-name .variation, table.table.cart-total .product-name .variation { font-size: 0.9rem; list-style: none; } table.table.tbl-shopping-cart .product-remove a, table.table.cart-total .product-remove a { display: inline-block; width: 24px; height: 24px; line-height: 24px; border-radius: 24px; transition: all 300ms ease-out; background-color: #757575; color: #ffffff; text-align: center; } table.table.tbl-shopping-cart .coupon-form .apply-button, table.table.cart-total .coupon-form .apply-button { position: relative; display: inline-block; color: #1e2434; background: #f4f5f4; padding: 15px 29px; cursor: pointer; text-transform: uppercase; transition: all 500ms ease; } table.table.tbl-shopping-cart .coupon-form .apply-button:hover, table.table.cart-total .coupon-form .apply-button:hover { background-color: var(--theme-color2); } table.table.tbl-shopping-cart .coupon-form .apply-button:hover span, table.table.cart-total .coupon-form .apply-button:hover span { color: var(--theme-color-white); } table.tbl-shopping-cart>thead>tr>th, table.tbl-shopping-cart>tbody>tr>th, table.tbl-shopping-cart>tfoot>tr>th { color: #444; } .our-checkout .table> :not(caption)>*>* { background-color: rgba(var(--theme-color-white-rgb), 0.05); border-color: rgba(var(--theme-color-white-rgb), 0.1); color: var(--theme-color2-text-color); } .our-checkout table.table.tbl-shopping-cart th, .our-checkout table.table.tbl-shopping-cart td { border-left: 1px solid rgba(var(--theme-color-white-rgb), 0.1); } .payment-method .accordion-box .block { background-color: rgba(var(--theme-color-white-rgb), 0.05); box-shadow: none; border: 1px solid rgba(17, 17, 17, .06); margin-bottom: 20px; padding: 30px; } .payment-method .accordion-box .block:last-child { margin-bottom: 0px; } .payment-method .accordion-box .block .acc-content .payment-info { background-color: rgba(var(--theme-color-white-rgb), 0.05); display: block; padding: 30px 30px 10px 30px; position: relative; } .payment-method .accordion-box .block .acc-btn { padding: 19px 30px 22px 30px; } .payment-method .accordion-box .block .acc-btn .icon-outer { color: var(--theme-color2-text-color); font-size: 28px; height: auto; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); } .payment-method .accordion-box .block .acc-btn.active .icon-outer { color: var(--theme-color2-text-color); } .payment-method .payment-method h3 { margin-bottom: 32px; } .payment-method .accordion-box .block .acc-btn.active { background-color: var(--theme-color1); color: var(--theme-color1-text-color); } .shop-sidebar { display: block; position: relative; } .shop-sidebar .sidebar-search .search-form .form-group { margin: 0px; position: relative; } .shop-sidebar .sidebar-search .search-form .form-group input[type=search] { background-color: rgba(var(--theme-color-white-rgb), 0.05); border: 1px solid rgba(var(--theme-color-white-rgb), 0.05); border-radius: 5px; color: #646578; height: 52px; padding: 10px 60px 10px 20px; position: relative; transition: all 500ms ease; width: 100%; } .shop-sidebar .sidebar-search .search-form .form-group button { background-color: var(--theme-color1); border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font-size: 18px; height: 42px; line-height: 42px; position: absolute; right: 5px; text-align: center; top: 5px; transition: all 500ms ease; width: 42px; } .shop-sidebar .sidebar-search .search-form .form-group button:hover { background-color: var(--theme-color1); color: var(--theme-color1-text-color); } .shop-sidebar .sidebar-search { margin-bottom: 30px; } .shop-sidebar .sidebar-widget { background-color: rgba(var(--theme-color-white-rgb), 0.05); border-radius: 5px; display: block; margin-bottom: 30px; padding: 35px 30px 37px 30px; position: relative; } .shop-sidebar .sidebar-widget:last-child { margin-bottom: 0px; } .shop-sidebar .sidebar-widget .widget-title { display: block; margin-bottom: 16px; position: relative; } .shop-sidebar .category-widget .category-list li { display: block; margin-bottom: 14px; position: relative; } .shop-sidebar .category-widget .category-list li:last-child { margin-bottom: 0px; } .shop-sidebar .category-widget .category-list li a { color: #858695; display: inline-block; font-weight: 400; padding-left: 20px; position: relative; } .shop-sidebar .category-widget .category-list li a:before { position: absolute; content: "\f0da"; font-family: "Font Awesome 6 Pro"; left: 0px; top: 0px; font-size: 16px; font-weight: 600; color: var(--theme-color1); } .shop-sidebar .category-widget .category-list li a:hover { color: var(--theme-color1); } .shop-sidebar .price-filters .widget-title { margin-bottom: 28px; } .shop-sidebar .post-widget .post { border-bottom: 1px solid rgba(var(--theme-color-white-rgb), 0.1); margin-bottom: 23px; min-height: 108px; padding-left: 90px; padding-bottom: 24px; position: relative; } .shop-sidebar .post-widget .post:last-child { margin-bottom: 0px; border-bottom: none; } .shop-sidebar .post-widget .post .post-thumb { border: 1px solid #d0d4dd; border-radius: 5px; height: 70px; left: 0px; position: absolute; top: 7px; transition: all 500ms ease; width: 70px; } .shop-sidebar .post-widget .post .post-thumb img { width: 100%; border-radius: 5px; } .shop-sidebar .post-widget .post a { color: #858695; display: inline-block; font-size: 16px; line-height: 26px; margin-bottom: 7px; position: relative; } .shop-sidebar .post-widget .post .price { color: var(--theme-color-white); display: block; font-size: 14px; font-weight: 600; line-height: 24px; position: relative; } .shop-sidebar .post-widget .post:hover .post-thumb { border-color: var(--theme-color1); } .shop-sidebar .post-widget .post:hover a { color: var(--theme-color1); } .shop-sidebar .post-widget { padding-bottom: 9px; } .range-slider { position: relative; } .range-slider .title { display: inline-block; line-height: 26px; margin-right: 4px; position: relative; } .range-slider .title:before { color: #646578; content: "$"; font-size: 18px; left: -5px; position: absolute; top: -19px; } .range-slider p { color: #646578; display: inline-block; margin-right: 10px !important; position: relative; } .range-slider .input { color: #646578; display: inline-block; font-size: 18px; margin-top: 5px; max-width: 75px; position: relative; } .range-slider .input input { background: none; color: #646578; font-size: 15px; text-align: left; } .range-slider .ui-widget.ui-widget-content { background-color: #2d2f32; border-radius: 2px; border: none; height: 4px; margin-bottom: 14px; } .range-slider .ui-slider .ui-slider-range { background-color: var(--theme-color1); top: 0px; height: 4px; } .range-slider .ui-state-default { background-color: var(--theme-color1); border: none; border-radius: 50%; cursor: pointer; height: 14px; margin-left: 0px; position: absolute; top: -5px; width: 14px; } .range-slider .ui-state-default:before { background-color: #ffffff; border-radius: 50%; content: ""; height: 6px; left: 4px; position: absolute; top: 4px; width: 6px; } .range-slider .ui-widget-content .ui-state-default { background-color: var(--theme-color1); border: none; border-radius: 50%; cursor: pointer; height: 14px; margin-left: 0px; top: -5px; width: 14px; } .range-slider .ui-widget-content .ui-state-default:before { background-color: #ffffff; border-radius: 50%; content: ""; position: absolute; height: 6px; left: 4px; top: 4px; width: 6px; } .range-slider input[type=submit] { background: var(--theme-color1); border: none; border-radius: 10px; color: #ffffff; cursor: pointer; display: block; float: right; font-size: 14px; margin-top: 0; padding: 7px 20px; position: relative; text-align: center; text-transform: capitalize; transition: all 500ms ease; } .range-slider input[type=submit]:hover { background-color: var(--theme-color2); color: var(--theme-color2-text-color); } .foorer-area { border-radius: 40px; margin: 0 60px; background-color: var(--theme-color-black); position: relative; overflow: hidden; z-index: 9; } .foorer-area .footer-line { position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0.3; z-index: -1; } .foorer-area .footer-line img { height: 100%; } @media (max-width: 1699.98px) { .foorer-area { margin: 0 35px; } } @media (max-width: 1399.98px) { .foorer-area { margin: 0 28px; } } @media (max-width: 1199.98px) { .foorer-area { margin: 0 20px; } } @media (max-width: 1199.98px) and (max-width: 767.98px) { .foorer-area { padding-left: 20px !important; padding-right: 20px !important; } } @media (max-width: 469.98px) { .foorer-area { margin: 0 16px; } } .foorer-area .footer-line-2 { position: absolute; right: 0; bottom: 0; z-index: -1; } .foorer-area .footer-top-wrapper { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.14); padding-bottom: 50px; } @media (max-width: 767.98px) { .foorer-area .footer-top-wrapper { flex-wrap: wrap; gap: 30px; padding-bottom: 30px; } } .foorer-area .footer-top-wrapper .footer-info { text-align: right; } .foorer-area .footer-top-wrapper .footer-info .mail { font-size: 20px; font-weight: 500; color: var(--text-color); display: block; margin-bottom: 4px; } @media (max-width: 767.98px) { .foorer-area .footer-top-wrapper .footer-info .mail { font-size: 17px; } } .foorer-area .footer-top-wrapper .footer-info .phone { font-size: 36px; color: #fff; line-height: 1; } @media (max-width: 767.98px) { .foorer-area .footer-top-wrapper .footer-info .phone { font-size: 28px; } } .foorer-area .footer-widget-wrapper { padding: 40px 0 80px; position: relative; z-index: 9; } .foorer-area .footer-widget-wrapper.style-four { padding-top: 80px; } @media (max-width: 1199.98px) { .foorer-area .footer-widget-wrapper.style-four { padding-top: 60px; } } @media (max-width: 991.98px) { .foorer-area .footer-widget-wrapper.style-four { padding-top: 40px; } } .foorer-area .footer-widget-wrapper .footer-content { margin-top: 30px; } .foorer-area .footer-widget-wrapper .footer-content .title { font-size: 60px; margin-bottom: 65px; } @media (max-width: 1199.98px) { .foorer-area .footer-widget-wrapper .footer-content .title { font-size: 50px; } } @media (max-width: 767.98px) { .foorer-area .footer-widget-wrapper .footer-content .title { font-size: 46px; } } @media (max-width: 575.98px) { .foorer-area .footer-widget-wrapper .footer-content .title { font-size: 38px; margin-bottom: 40px; } } .foorer-area .footer-widget-wrapper .footer-content .title span { color: var(--theme-color1); } .foorer-area .footer-widget-wrapper .footer-content .title-2 { font-size: 20px; color: #fff; margin-bottom: 20px; } .foorer-area .footer-widget-wrapper .footer-content .form-group { position: relative; } .foorer-area .footer-widget-wrapper .footer-content .form-group input { background: var(--theme-color2); border-radius: 40px; color: rgba(255, 255, 255, 0.6); display: block; font-size: 14px; height: 65px; line-height: 30px; padding: 20px 65px 20px 35px; position: relative; width: 100%; } .foorer-area .footer-widget-wrapper .footer-content .form-group input::placeholder { color: rgba(255, 255, 255, 0.6); } .foorer-area .footer-widget-wrapper .footer-content .form-group .circle-btn { background-color: var(--theme-color1); border: 1px solid var(--theme-color1); border-radius: 50%; color: var(--theme-color1-text-color); font-size: 26px; height: 58px; line-height: 58px; position: absolute; right: 5px; text-align: center; top: 4px; width: 58px; padding: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .foorer-area .footer-widget-wrapper .footer-content-2 { max-width: 425px; margin-top: 45px; } .foorer-area .footer-widget-wrapper .footer-content-2 .footer-form .title { font-size: 20px; font-weight: 500; line-height: 140%; } @media (max-width: 1199.98px) { .foorer-area .footer-widget-wrapper .footer-content-2 .footer-form .title { font-size: 17px; } } .foorer-area .footer-widget-wrapper .footer-content-2 .footer-form form { position: relative; margin-top: 40px; } .foorer-area .footer-widget-wrapper .footer-content-2 .footer-form form input { border: none; outline: none; border-bottom: 1px solid rgb(89, 89, 89); background-color: transparent; width: 100%; color: var(--text-color); padding-bottom: 15px; } .foorer-area .footer-widget-wrapper .footer-content-2 .footer-form form input::placeholder { color: var(--text-color); } .foorer-area .footer-widget-wrapper .footer-content-2 .footer-form form .subscribe-btn { background: transparent; border: none; color: #fff; font-size: 16px; font-weight: 400; display: flex; align-items: center; gap: 8px; position: absolute; top: 0; right: 0; } .foorer-area .footer-widget-wrapper .footer-widget-items .text-theme-color { color: var(--theme-color1); } .foorer-area .footer-widget-wrapper .footer-widget-items .user-links li { font-size: 16px; font-weight: 400; transition: all 0.4s ease-in-out; font-family: var(--heading-font-family); } @media (max-width: 1399.98px) { .foorer-area .footer-widget-wrapper .footer-widget-items .user-links li { font-size: 15px; } } .foorer-area .footer-widget-wrapper .footer-widget-items .user-links li:not(:last-child) { margin-bottom: 12px; } .foorer-area .footer-widget-wrapper .footer-widget-items .user-links li a { color: rgba(255, 255, 255, 0.6); } .foorer-area .footer-widget-wrapper .footer-widget-items .user-links li a i { margin-right: 5px; } .foorer-area .footer-widget-wrapper .footer-widget-items .user-links li:hover { margin-left: 5px; } .foorer-area .footer-widget-wrapper .footer-widget-items .user-links li:hover a { color: var(--theme-color1); } .foorer-area .footer-widget-wrapper .footer-widget-items .footer-contact li { color: var(--text-color); font-weight: 400; } @media (max-width: 1399.98px) { .foorer-area .footer-widget-wrapper .footer-widget-items .footer-contact li { font-size: 15px; } } .foorer-area .footer-widget-wrapper .footer-widget-items .footer-contact li:not(:last-child) { margin-bottom: 8px; } .foorer-area .footer-widget-wrapper .footer-widget-items .footer-contact li a { color: var(--text-color); } .foorer-area .footer-bottom { padding: 24px 0; border-top: 1px solid rgba(255, 255, 255, 0.2); position: relative; z-index: 8; } .foorer-area .footer-bottom .footer-bottom-wrapper { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 767.98px) { .foorer-area .footer-bottom .footer-bottom-wrapper { flex-wrap: wrap; justify-content: center; gap: 10px; } } .foorer-area .footer-bottom .footer-bottom-wrapper p { color: #fff; } .foorer-area .footer-bottom .footer-bottom-wrapper .social-icon { display: flex; align-items: center; gap: 0; } @media (max-width: 469.98px) { .foorer-area .footer-bottom .footer-bottom-wrapper .social-icon { flex-wrap: wrap; justify-content: center; gap: 10px; } } .foorer-area .footer-bottom .footer-bottom-wrapper .social-icon a { display: inline-block; border-radius: 32px; background: var(--theme-color2); padding: 0 14px; height: 35px; line-height: 35px; font-size: 14px; font-weight: 400; color: #fff; margin-right: -10px; } .foorer-area .footer-bottom .footer-bottom-wrapper .social-icon a:hover { background-color: var(--theme-color1); color: #fff; } .footer-section { padding-bottom: 40px; position: relative; } @media (max-width: 1199.98px) { .footer-section { padding-bottom: 20px; } } @media (max-width: 469.98px) { .footer-section { padding-bottom: 16px; } } .footer-section .shape-1 { position: absolute; top: 50px; left: 43%; z-index: 11; } @media (max-width: 1199.98px) { .footer-section .shape-1 { display: none; } } .footer-section .footer-vec { position: absolute; left: -5%; top: 30%; z-index: 11; } @media (max-width: 1699.98px) { .footer-section .footer-vec { display: none; } } .footer-section .footer-vec3 { position: absolute; right: 0; top: -130px; z-index: 11; } @media (max-width: 1699.98px) { .footer-section .footer-vec3 { display: none; } } .footer-section .gencyo-text { font-size: 259px; font-weight: 600; text-align: center; line-height: 1; margin-top: -20px; letter-spacing: -0.08em; color: var(--theme-color2); } @media (max-width: 1199.98px) { .footer-section .gencyo-text { letter-spacing: initial; margin-top: 0; margin-bottom: 25px; font-size: 150px; } } @media (max-width: 991.98px) { .footer-section .gencyo-text { font-size: 130px; } } @media (max-width: 767.98px) { .footer-section .gencyo-text { font-size: 100px; } } @media (max-width: 575.98px) { .footer-section .gencyo-text { font-size: 80px; } } @media (max-width: 469.98px) { .footer-section .gencyo-text { font-size: 50px; } } .footer-section .footer-vec-4 { position: absolute; top: 0; left: -4%; z-index: 11; display: none !important; } .footer-lets-talk { padding: 40px 110px; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 1399.98px) { .footer-lets-talk { padding: 40px 80px; } } @media (max-width: 991.98px) { .footer-lets-talk { flex-wrap: wrap; justify-content: center; gap: 30px; text-align: center; } } @media (max-width: 767.98px) { .footer-lets-talk { padding: 40px 40px; } } @media (max-width: 469.98px) { .footer-lets-talk { padding: 40px 28px; } } .footer-lets-talk .title { font-size: 60px; font-weight: 500; color: #fff; } @media (max-width: 1199.98px) { .footer-lets-talk .title { font-size: 44px; } } @media (max-width: 767.98px) { .footer-lets-talk .title { font-size: 36px; } } @media (max-width: 575.98px) { .footer-lets-talk .title { font-size: 32px; } } @media (max-width: 469.98px) { .footer-lets-talk .title { font-size: 28px; } } .footer-lets-talk .circle-btn { display: inline-block; width: 200px; text-align: center; border-radius: 50%; height: 200px; line-height: 200px; background: rgba(255, 255, 255, 0.1); position: relative; z-index: 1; } @media (max-width: 1199.98px) { .footer-lets-talk .circle-btn { width: 180px; height: 180px; line-height: 180px; } } @media (max-width: 767.98px) { .footer-lets-talk .circle-btn { width: 140px; height: 140px; line-height: 140px; } .footer-lets-talk .circle-btn img { width: 40px; } } .footer-lets-talk .circle-btn::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; width: 175px; height: 175px; border-radius: 50%; background-color: var(--theme-color3); z-index: -1; transition: all 0.4s ease-in-out; } @media (max-width: 1199.98px) { .footer-lets-talk .circle-btn::before { width: 150px; height: 150px; line-height: 150px; } } @media (max-width: 767.98px) { .footer-lets-talk .circle-btn::before { width: 120px; height: 120px; line-height: 120px; } } .footer-lets-talk .circle-btn:hover::before { background-color: #fff; } .tp-letter-span { display: inline-block; transition: transform 0.2s; } /*** ==================================================================== Page Title ==================================================================== ***/ @-webkit-keyframes "ripple" { 70% { -webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0); box-shadow: 0 0 0 70px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes "ripple" { 70% { -webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0); box-shadow: 0 0 0 70px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } .page-title { align-items: center; background-repeat: no-repeat; background-position: center; background-size: cover; display: flex; padding: 170px 0 90px; position: relative; } .page-title:before { background: linear-gradient(179deg, rgba(41, 41, 41, 0.6) 19.26%, rgb(0 0 0 / 56%) 97.47%); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .page-title .title { text-shadow: 2px 2px 3px #000; color: #ffffff; font-size: 55px; font-weight: 500; margin-bottom: 17px; } @media only screen and (max-width: 768px) { .page-title .title { font-size: 34px; } } .page-title .text { color: #ffffff; font-size: 16px; letter-spacing: 0.05em; line-height: 26px; max-width: 520px; position: relative; } .page-breadcrumb { position: relative; margin-top: 5px; } .page-breadcrumb li { position: relative; display: inline-block; margin-right: 12px; padding-right: 13px; color: #ffffff; font-size: 14px; font-weight: 400; text-transform: capitalize; } .page-breadcrumb li:after { position: absolute; content: "\f105"; right: -6px; top: 1px; color: #ffffff; font-size: 14px; font-weight: 900; font-family: "Font Awesome 6 Pro"; color: #ffffff; } .page-breadcrumb li:last-child::after { display: none; } .page-breadcrumb li:last-child { padding-right: 0px; margin-right: 0px; } .page-breadcrumb li a { color: #ffffff; font-weight: 500; text-transform: capitalize; transition: all 300ms ease; } .page-breadcrumb li a:hover { color: #ffffff; } .page-title.style-two { background-position: center center; } .page-title.style-two .page-breadcrumb-outer { position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); z-index: 8; } .page-title.style-two .page-breadcrumb li { color: rgb(7, 7, 16); font-weight: 600; } .page-title.style-two .page-breadcrumb li:after { color: rgb(7, 7, 16); } .page-title.style-two .page-breadcrumb li a { color: rgba(7, 7, 16, 0.6); } .page-title.style-two .page-breadcrumb li a:hover { color: rgb(7, 7, 16); } .play-now { position: relative; display: block; z-index: 9; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .play-now .icon { position: relative; display: inline-block; height: 70px; width: 70px; text-align: center; line-height: 70px; background-color: #ffffff; color: #e60023; z-index: 1; padding-left: 0px; font-size: 14px; display: block; border-radius: 50%; -webkit-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3); -ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3); -o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3); box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .play-now .ripple { position: absolute; top: 50%; left: 50%; height: 70px; width: 70px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; } .play-now .ripple:before { position: absolute; top: 50%; left: 50%; height: 70px; width: 70px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; content: ""; position: absolute; } .play-now .ripple:after { position: absolute; top: 50%; left: 50%; height: 70px; width: 70px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; content: ""; position: absolute; } .background-image { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-repeat: repeat; background-position: center; background-size: cover; } .error-page__inner { position: relative; display: block; text-align: center; } .error-page__inner .error-page__title-box { position: relative; display: block; } .error-page__inner .error-page__title { position: relative; display: inline-block; font-size: 280px; line-height: 280px; margin-bottom: 0; color: var(--theme-color1); } .error-page__inner .error-page__sub-title { font-size: 40px; letter-spacing: 0.1em; text-transform: uppercase; line-height: 50px; margin-top: -16px; } .error-page__inner .error-page__text { font-size: 20px; line-height: 30px; text-align: center; } .error-page__inner .error-page__form { position: relative; display: block; margin: 42px auto 20px; } .error-page__inner .error-page__form input[type=search] { height: 60px; width: 100%; border: none; outline: none; background-color: rgba(var(--theme-color-white-rgb), 0.05); font-size: 14px; color: #fff; padding-left: 50px; padding-right: 75px; border-radius: 7px; } .error-page__inner .error-page__form button[type=submit] { background-color: transparent; color: var(--theme-color1-text-color); font-size: 22px; position: absolute; top: 0; right: 0px; 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; } .error-page__inner .error-page__form-input { position: relative; display: block; max-width: 570px; width: 100%; margin: 0 auto; } input::placeholder { color: #cccccc; opacity: 1; } input:-ms-input-placeholder { color: #cccccc; } input::-ms-input-placeholder { color: #cccccc; } /*** ============================================= Services Details ============================================= ***/ .service-sidebar { display: block; position: relative; width: 100%; } .service-sidebar .service-sidebar-single { display: block; margin-bottom: 30px; position: relative; } .service-sidebar .service-sidebar-single-services { background: #f6f4ec; border-radius: 10px; display: block; padding: 35px 30px 25px; position: relative; } .service-sidebar .service-sidebar-single-services .title { display: block; margin-bottom: 12px; padding-left: 20px; position: relative; } .service-sidebar .service-sidebar-single-services .title h3 { color: var(--headings-color); font-size: 20px; line-height: 30px; letter-spacing: -0.02em; } .service-sidebar .service-sidebar-single-services ul { display: block; margin-top: 10px; position: relative; } .service-sidebar .service-sidebar-single-services ul li { display: block; margin-bottom: 5px; margin-top: -10px; position: relative; } .service-sidebar .service-sidebar-single-services ul li:last-child { margin-bottom: 0; } .service-sidebar .service-sidebar-single-services ul li a { align-items: center; border-radius: 10px; background: transparent; color: var(--agriox-color-1, #687469); display: block; font-size: 18px; display: flex; justify-content: space-between; padding: 22px 20px 22px; position: relative; transition: all 300ms ease; transition-delay: 0.1s; z-index: 1; } .service-sidebar .service-sidebar-single-services ul li a:hover { color: var(--headings-color); } .service-sidebar .service-sidebar-single-services ul li a:hover::before { opacity: 1; transform: perspective(400px) rotateX(0deg); transition: all 300ms ease; transition-delay: 0.1s; } .service-sidebar .service-sidebar-single-services ul li a:hover i { color: var(--theme-color1); } .service-sidebar .service-sidebar-single-services ul li a::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ""; z-index: -1; opacity: 1; transform: perspective(400px) rotateX(90deg); transform-origin: bottom; transition: all 300ms ease; transition-delay: 0.1s; background: #ffffff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05); border-radius: 10px; } .service-sidebar .service-sidebar-single-services ul li a i { font-size: 16px; } .service-sidebar .service-sidebar-single-services ul li.current a::before { opacity: 1; transform: perspective(400px) rotateX(0deg); transition: all 300ms ease; transition-delay: 0.1s; } .service-sidebar .service-sidebar-single-services ul li.current a i { color: var(--theme-color1); } .service-sidebar .service-sidebar-single-services ul li.current:first-child { margin-top: 20px; } .service-sidebar .service-sidebar-single-services ul li.current:last-child { margin-bottom: 35px; } .service-sidebar .service-sidebar-single-contact-box { position: relative; display: block; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 10px; padding: 50px 0px 44px; z-index: 1; } .service-sidebar .service-sidebar-single-contact-box::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(109, 140, 84, 0.93); border-radius: 10px; content: ""; z-index: -1; } .service-sidebar .service-sidebar-single-contact-box .icon { position: relative; display: inline-block; width: 60px; height: 60px; text-align: center; transition: all 500ms ease; border-radius: 50%; background: var(--theme-color2); } .service-sidebar .service-sidebar-single-contact-box .icon:hover { background-color: var(--headings-color); } .service-sidebar .service-sidebar-single-contact-box .icon:hover span::before { color: #fff; } .service-sidebar .service-sidebar-single-contact-box .icon span::before { position: relative; display: inline-block; color: var(--headings-color); font-size: 30px; line-height: 60px; transition: all 500ms ease; } .service-sidebar .service-sidebar-single-contact-box .title { position: relative; display: block; margin-top: 20px; margin-bottom: 42px; } .service-sidebar .service-sidebar-single-contact-box .title h2 { color: #ffffff; font-size: 36px; } .service-sidebar .service-sidebar-single-contact-box .phone { font-size: 24px; line-height: 34px; } .service-sidebar .service-sidebar-single-contact-box .phone a { color: #ffffff; transition: all 500ms ease; } .service-sidebar .service-sidebar-single-contact-box .phone a:hover { color: var(--theme-color1); } .service-sidebar .service-sidebar-single-contact-box p { color: #ffffff; font-size: 14px; line-height: 22px; } .service-sidebar .banner-widget { position: relative; display: block; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08); } .service-sidebar .banner-widget .widget-content { position: relative; display: block; width: 100%; padding: 45px 30px 40px 30px; background-size: cover; background-repeat: no-repeat; } .service-sidebar .banner-widget .widget-content .shape { position: absolute; left: 0px; top: 0px; height: 100%; width: 278px; background-repeat: no-repeat; background-size: cover; } .service-sidebar .banner-widget .content-box { position: relative; max-width: 200px; width: 100%; } .service-sidebar .banner-widget .content-box .icon-box { position: relative; display: inline-block; width: 60px; height: 60px; line-height: 60px; font-size: 40px; background-color: var(--theme-color2); color: var(--theme-color2-text-color); text-align: center; border-radius: 5px; margin-bottom: 23px; } .service-sidebar .banner-widget .content-box .icon-box .icon-shape { position: absolute; top: -15px; right: -38px; width: 32px; height: 32px; background-repeat: no-repeat; } .service-sidebar .banner-widget .content-box h3 { display: block; font-size: 24px; line-height: 32px; color: #ffffff; font-weight: 600; text-transform: uppercase; margin-bottom: 22px; } .service-sidebar .banner-widget .content-box .theme-btn-two:hover { background: #0a267a; } .service-sidebar .service-sidebar-single-btn .theme-btn { border-radius: 15px; padding: 20px 50px; transition: all 400ms ease; } .service-sidebar .service-sidebar-single-btn .theme-btn span { align-items: center; display: flex; justify-content: center; gap: 12px; } .service-sidebar .service-sidebar-single-btn .theme-btn span i { font-size: 40px; line-height: normal; } .service-sidebar .service-sidebar-single-btn .theme-btn:hover { color: var(--theme-color2-text-color); } .service-sidebar .service-sidebar-single-btn .theme-btn:hover:before { left: 0; width: 100%; } .service-sidebar .service-sidebar-single-btn .theme-btn:before { background-color: var(--theme-color2); bottom: 0; content: ""; left: 50%; position: absolute; right: 0; top: 0; width: 0; z-index: -1; transition: all 400ms ease; } .services-details__content .feature-list .single-item { position: relative; display: block; border: 1px solid #e1e8e4; padding: 16px 30px 16px 53px; margin-bottom: 20px; -webkit-transition: all 600ms ease; transition: all 600ms ease; } .services-details__content .feature-list .single-item .icon-box { color: var(--theme-color1); position: absolute; left: 20px; top: 16px; font-size: 18px; -webkit-transition: all 600ms ease; transition: all 600ms ease; } .services-details__content .feature-list .single-item .title { display: block; margin: 0; font-size: 16px; line-height: 32px; font-weight: 600; text-transform: uppercase; } .services-details__content .feature-list .single-item:hover { background-color: var(--theme-color2); color: var(--theme-color2-text-color); } .services-details__content .feature-list .single-item:hover .icon-box { color: var(--theme-color2-text-color); } .service-list li { position: relative; display: block; margin-bottom: 10px; } .service-list li:last-child { margin-bottom: 0px; } .service-list li a { position: relative; display: block; font-size: 18px; color: var(--headings-color); font-weight: 600; background-color: #fff; padding: 17px 20px 17px 50px; box-shadow: 20px 5px 20px 0px rgba(0, 0, 0, 0.05); } .service-list li a:hover, .service-list li a.current { color: var(--theme-color1-text-color); background-color: var(--theme-color1); padding-left: 80px; } .service-list li a:hover i, .service-list li a.current i { width: 60px; color: var(--theme-color2-text-color); background-color: var(--theme-color2); } .service-list li i { position: absolute; display: flex; align-items: center; justify-content: center; left: 0px; top: 0px; width: 30px; height: 100%; background-color: #f6f4ec; text-align: center; font-size: 16px; color: #707582; transition: all 500ms ease; } .sidebar-service-list { margin: 0; } .sidebar-service-list li+li { margin-top: 10px; } .sidebar-service-list li a { background-color: #121310; border-radius: 15px; color: var(--theme-color1-text-color); display: block; font-size: 18px; padding: 19px 40px; position: relative; transition: all 500ms ease; } .sidebar-service-list li a:hover { color: var(--theme-color1); } .sidebar-service-list li a:hover i { background-color: var(--theme-color1); color: var(--theme-color1-text-color); transform: translateY(-50%); } .sidebar-service-list li a i { height: 32px; width: 45px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); transition: all 500ms ease; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 16px; border-radius: 15px; } .sidebar-service-list li.current a { background-color: #121310; color: var(--theme-color1); } .sidebar-service-list li.current a i { background-color: var(--theme-color1); color: var(--theme-color1-text-color); transform: translateY(-50%); } .service-details-help { background-color: var(--theme-color1); border-radius: 15px; display: block; margin-top: 30px; overflow: hidden; padding: 57px 55px 50px; position: relative; text-align: center; z-index: 1; } .help-shape-1 { position: absolute; bottom: -215px; left: -95px; width: 220px; height: 500px; background-color: #303030; mix-blend-mode: soft-light; border-radius: 150px; transform: rotate(45deg); z-index: -1; } .help-shape-2 { position: absolute; top: -118px; right: -130px; width: 180px; height: 350px; background-color: #fff; mix-blend-mode: soft-light; border-radius: 186px; transform: rotate(48deg); } .help-icon { align-items: center; background-color: #121310; border-radius: 50%; color: #fff; display: flex; font-size: 32px; height: 73px; justify-content: center; margin: 0 auto 0; width: 73px; transition: all 500ms ease; } .help-icon:hover { background-color: #fff; color: var(--theme-color1); } .help-title { color: #fff; font-size: 38px; line-height: 40px; margin-bottom: 21px; } .help-contact { position: relative; display: block; margin-top: 21px; } .help-contact p { color: #fff; font-size: 14px; font-weight: 600; line-height: 32px; margin: 0; opacity: 0.7; } .help-contact a { color: #fff; font-size: 30px; font-weight: 500; line-height: normal; transition: all 500ms ease; } .help-contact a:hover { color: var(--theme-color1-text-color); } /*-------------------------------------------------------------- # Project Details --------------------------------------------------------------*/ .project-details__img { position: relative; display: block; border-radius: 10px; overflow: hidden; height: 600px; object-fit: cover; object-position: center center; border-radius: 10px 10px 10px 10px; margin-bottom: 40px; } @media (max-width: 991.98px) { .project-details__img { height: 470px; } } @media (max-width: 767.98px) { .project-details__img { height: 350px; } } @media (max-width: 575.98px) { .project-details__img { height: 250px; } } .project-details__img img { width: 100%; border-radius: 10px; } .project-details__content { position: relative; display: block; } .project-details__content img { border-radius: 8px; } .project-details__content .title { margin-top: 50px; } .project-details__content .text { color: #8f8c94; } @media (max-width: 1199.98px) { .project-details__content .project-title-big-title { font-size: 40px; line-height: 60px; } } .project-details__content .feature-list { display: flex; align-items: center; gap: 30px; justify-content: space-between; } @media (max-width: 575.98px) { .project-details__content .feature-list { display: block; } } .project-details__content .feature-list ul { max-width: 45%; width: 100%; } @media (max-width: 575.98px) { .project-details__content .feature-list ul { max-width: none; } } .project-details__content .feature-list ul li { color: #8f8c94; display: flex; align-items: center; font-size: 16px; gap: 10px; margin-bottom: 10px; } .project-details__content .feature-list ul li .icon { color: var(--theme-color1); } .project-details__content-left { position: relative; display: block; margin-top: 31px; } .project-details__content-right { position: relative; display: block; margin-top: 40px; } .project-details__details-box { position: relative; } .project-details__details-list { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.17); } @media (max-width: 991.98px) { .project-details__details-list { flex-wrap: wrap; border: none; } } @media (max-width: 575.98px) { .project-details__details-list { gap: 0; } } .project-details__details-list li { position: relative; display: block; padding: 12px 0; max-width: 25%; width: 100%; margin-bottom: 40px; } @media (max-width: 991.98px) { .project-details__details-list li { max-width: 45%; margin-bottom: 0; } } @media (max-width: 575.98px) { .project-details__details-list li { max-width: 100%; } } .project-details__details-list li:after { position: absolute; top: 0; right: 50px; width: 1px; height: 88px; content: ""; background-color: rgba(255, 255, 255, 0.17); } @media (max-width: 1199.98px) { .project-details__details-list li:after { display: none; } } .project-details__details-list li:last-child:after { display: none; } .project-details__client { font-size: 16px; color: var(--theme-color-lighter2); line-height: 24px; margin: 0; } .project-details__name { font-size: 20px; line-height: 24px; font-weight: 700; color: var(--theme-color-white); } .project-details__social { position: relative; display: flex; align-items: center; } .project-details__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; background-color: var(--theme-color1); color: var(--text-color-bg-theme-color1); font-size: 15px; border-radius: 50%; overflow: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .project-details__social a:hover { background-color: var(--theme-color2); color: var(--text-color-bg-theme-color2); } .project-details__social a+a { margin-left: 10px; } .project-details__pagination-box { position: relative; display: block; text-align: center; border-top: 1px solid #ece9e0; border-bottom: 1px solid #ece9e0; padding: 30px 0; margin-top: 117px; } .project-details__pagination { position: relative; display: block; } .project-details__pagination li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .project-details__pagination li a { font-size: 14px; color: #757873; 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; } .project-details__pagination li a:hover { color: var(--theme-color1); } .project-details__pagination li a:hover i { background-color: var(--theme-color2); color: var(--text-color-bg-theme-color2); border: 2px solid var(--theme-color2); } .project-details__pagination li .content { position: relative; display: block; } .project-details__pagination li.next { float: left; position: relative; } .project-details__pagination li.next i { position: relative; height: 52px; width: 52px; border: 2px solid #0e2207; 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: #0e2207; font-size: 16px; -webkit-transition: all 500ms ease; transition: all 500ms ease; margin-right: 20px; z-index: 1; } .project-details__pagination li.next .content { text-align: left; } .project-details__pagination li.previous { position: relative; float: right; } .project-details__pagination li.previous i { position: relative; height: 52px; width: 52px; border: 2px solid #0e2207; 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: #0e2207; font-size: 16px; -webkit-transition: all 500ms ease; transition: all 500ms ease; margin-left: 20px; z-index: 1; } .project-details__pagination li.previous .content { text-align: right; } /*** ==================================================================== Blog Details ==================================================================== ***/ .blog-details { position: relative; display: block; } .blog-details__left { position: relative; display: block; } .blog-details__img { position: relative; display: block; border-radius: 10px; } .blog-details__img img { width: 100%; border-radius: 10px; } .blog-details__date { position: absolute; bottom: 0; right: 0; background-color: var(--theme-color1); text-align: center; padding: 21px 24px 20px; align-items: center; border-bottom-right-radius: 10px; border-top-left-radius: 10px; display: flex; flex-direction: column; } .blog-details__date .day { font-size: 16px; color: #fff; font-weight: var(--body-font-weight); line-height: 16px; } .blog-details__date .month { position: relative; display: block; font-size: 10px; font-weight: var(--body-font-weight); color: #fff; line-height: 12px; text-transform: uppercase; } .blog-details__content { position: relative; display: block; margin-top: 22px; } .blog-details__meta { position: relative; display: flex; align-items: center; } .blog-details__meta li+li { margin-left: 18px; } .blog-details__meta li a { font-size: 15px; color: #777; font-weight: 500; transition: all 300ms ease; } .blog-details__meta li a:hover { color: var(--theme-color1); } .blog-details__meta li a i { color: var(--theme-color1); margin-right: 6px; } .blog-details__title { font-size: 30px; font-weight: var(--body-font-weight); line-height: 40px; margin-top: 12px; margin-bottom: 21px; } .blog-details__bottom { align-items: center; border-top: 1px solid rgba(var(--theme-color-white-rgb), 0.1); display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 49px; padding: 30px 0 30px; } @media only screen and (max-width: 767px) { .blog-details__bottom { gap: 30px; } } .blog-details__bottom p { margin: 0; } .blog-details__tags span { color: var(--theme-color1-text-color); font-size: 20px; font-weight: var(--body-font-weight); margin-right: 14px; } .blog-details__tags a { position: relative; font-size: 12px; background-color: var(--theme-color1); color: var(--theme-color1-text-color); display: inline-block; padding: 5px 30px 5px; font-weight: var(--body-font-weight); transition: all 300ms ease; border-radius: 35px; } .blog-details__tags a:hover { background-color: var(--theme-color2); color: var(--theme-color2-text-color); text-decoration: none; } .blog-details__tags a+a { margin-left: 6px; } .blog-details__social-list { display: flex; align-items: center; } .blog-details__social-list a { position: relative; height: 43px; width: 43px; display: flex; align-items: center; justify-content: center; text-align: center; background-color: var(--theme-color1); color: var(--theme-color2-text-color); font-size: 15px; border-radius: 50%; overflow: hidden; transition: all 300ms ease; z-index: 1; } .blog-details__social-list a:hover { background-color: var(--theme-color1); color: var(--theme-color1-text-color); } .blog-details__social-list a:hover:after { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .blog-details__social-list a:after { background-color: var(--theme-color1); content: ""; height: 100%; left: 0; position: absolute; right: 0; top: 0; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: 0.4s; transition-duration: 0.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; } .blog-details__social-list a+a { margin-left: 10px; } .blog-details__pagenation-box { position: relative; display: block; overflow: hidden; margin-bottom: 53px; } .blog-details__pagenation { position: relative; display: block; } .blog-details__pagenation li { position: relative; float: left; font-size: 20px; color: #0e2207; font-weight: var(--body-font-weight); color: var(--theme-light-background-text-color); background-color: var(--theme-light-background); line-height: 30px; transition: all 300ms ease; max-width: 370px; width: 100%; padding-left: 60px; padding-right: 60px; padding-top: 52px; padding-bottom: 52px; border-radius: 10px; } .blog-details__pagenation li:hover { background-color: var(--theme-color1); color: var(--theme-color2-text-color); } .blog-details__pagenation li+li { margin-left: 30px; } /* Nav Links */ .nav-links { display: flex; justify-content: space-between; margin-bottom: 53px; } @media only screen and (max-width: 767px) { .nav-links { flex-direction: column; gap: 20px; } } .nav-links .prev { align-items: center; display: flex; height: 100%; margin-right: 30px; width: calc(50% - 15px); } @media only screen and (max-width: 767px) { .nav-links .prev { width: 100%; } } .nav-links .prev .thumb { margin-right: 20px; } .nav-links .next { display: flex; align-items: center; height: 100%; flex-direction: row-reverse; width: calc(50% - 15px); } @media only screen and (max-width: 767px) { .nav-links .next { width: 100%; } } .nav-links .next .thumb { margin-left: 20px; } .nav-links>div { transition: all 300ms ease; } .nav-links>div .thumb { display: inline-block; min-width: 60px; width: 60px; height: 60px; overflow: hidden; } .nav-links>div .thumb a { display: inline-block; } .nav-links>div>a { display: inline-block; word-wrap: break-word; white-space: -moz-pre-wrap; white-space: pre-wrap; font-size: 20px; line-height: 1.637; font-weight: var(--body-font-weight); transition: all 300ms ease; background-color: rgba(var(--theme-color-white-rgb), 0.05); color: var(--theme-color1-text-color); padding: 52px 50px; border-radius: 10px; width: 100%; } @media only screen and (max-width: 767px) { .nav-links>div>a { padding: 30px; } } .nav-links>div>a:hover { color: var(--theme-color2-text-color); background-color: var(--theme-color1); } /*** ==================================================================== 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: var(--h4-font-weight); } .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: rgba(var(--theme-color-white-rgb), 0.05); color: #fff; font-size: 16px; font-weight: 500; padding-left: 50px; height: 74px; width: 100%; padding-right: 80px; border-radius: 10px; } .sidebar__search-form input[type=search]::-webkit-input-placeholder, .sidebar__search-form input[type=search]:-ms-input-placeholder, .sidebar__search-form input[type=search]::-ms-input-placeholder, .sidebar__search-form input[type=search]::placeholder { color: var(--theme-color1-text-color); opacity: 1; } @media only screen and (max-width: 767px) { .sidebar__search-form input[type=search] { padding-left: 30px; } } .sidebar__search-form button[type=submit] { background-color: transparent; color: #fff; 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; } @media only screen and (max-width: 767px) { .sidebar__search-form button[type=submit] { width: 42px; } } .sidebar__post { position: relative; display: block; padding: 46px 30px 30px; background-color: rgba(var(--theme-color-white-rgb), 0.05); color: var(--theme-light-background-text-color); border-radius: 10px; overflow: hidden; z-index: 1; } @media only screen and (max-width: 767px) { .sidebar__post { padding: 30px; } } .sidebar__post .sidebar__title { margin-left: 20px; } @media only screen and (max-width: 767px) { .sidebar__post .sidebar__title { margin-left: 0; } } .sidebar__post .sidebar__post-list { margin: 0; } .sidebar__post .sidebar__post-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 20px 17px; transition: all 500ms ease; } @media only screen and (max-width: 767px) { .sidebar__post .sidebar__post-list li { padding: 16px 0; } } .sidebar__post .sidebar__post-list li:hover { background-color: var(--theme-color1); border-radius: 10px; } .sidebar__post .sidebar__post-list li:hover h3 a { color: var(--theme-color1-text-color); } .sidebar__post .sidebar__post-list li+li { margin-top: 11px; } .sidebar__post .sidebar__post-list .sidebar__post-image { flex: 70px 0 0; margin-right: 20px; } .sidebar__post .sidebar__post-list .sidebar__post-image>img { border-radius: 10px; width: 80px; } .sidebar__post .sidebar__post-list .sidebar__post-content { position: relative; top: -3px; } .sidebar__post .sidebar__post-list .sidebar__post-content h3 { font-size: 18px; letter-spacing: 0; line-height: 26px; margin: 0; } .sidebar__post .sidebar__post-list .sidebar__post-content h3 a { color: var(--theme-color-silver); display: block; font-size: 16px; line-height: 24px; transition: all 500ms ease; } .sidebar__post .sidebar__post-list .sidebar__post-content-meta { font-size: 14px; font-weight: 400; color: rgba(var(--theme-color-white-rgb), 0.5); transition: all 500ms ease; } .sidebar__post .sidebar__post-list .sidebar__post-content-meta i { color: var(--theme-color-white); font-size: 14px; padding-right: 3px; } .sidebar__category { background-color: rgba(var(--theme-color-white-rgb), 0.05); border-radius: 10px; display: block; color: var(--theme-light-background-text-color); overflow: hidden; padding: 45px 30px 38px; position: relative; z-index: 1; } @media only screen and (max-width: 767px) { .sidebar__category { padding: 30px 15px 30px; } } .sidebar__category .sidebar__title { padding-left: 20px; margin-bottom: 9px; } .sidebar__category-list { margin: 0; } .sidebar__category-list li+li { margin-top: 4px; } .sidebar__category-list li a { color: #757873; font-size: 16px; position: relative; transition: all 500ms ease; display: block; background: none; padding: 12px 20px; font-weight: 500; border-radius: 10px; } .sidebar__category-list li a:hover { background-color: var(--theme-color1); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05); color: var(--theme-color1-text-color); } .sidebar__category-list li a:hover span { color: #ffcd1e; -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } .sidebar__category-list li a span { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); transition: all 500ms ease; color: var(--theme-color2); 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: 16px; } .sidebar__category-list li.active a { background-color: var(--theme-color1); border-radius: 10px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05); color: var(--theme-color1-text-color); } .sidebar__category-list li.active a span { transform: translateY(-50%) scale(1); color: #ffcd1e; } .sidebar__tags { background-color: rgba(var(--theme-color-white-rgb), 0.05); border-radius: 10px; color: var(--theme-light-background-text-color); display: block; overflow: hidden; padding: 46px 45px 50px; position: relative; z-index: 1; } @media only screen and (max-width: 767px) { .sidebar__tags { padding: 30px; } } .sidebar__tags .sidebar__title { margin-left: 5px; margin-bottom: 25px; } .sidebar__tags-list { margin-top: -10px; } .sidebar__tags-list a { background: var(--theme-color1); border-radius: 30px; color: var(--theme-color1-text-color); display: inline-block; font-size: 14px; margin-left: 5px; padding: 5px 28px 5px; transition: all 400ms ease; } .sidebar__tags-list a:hover { background: var(--theme-color2); color: var(--theme-color2-text-color); } .sidebar__tags-list a+a { margin-left: 5px; margin-top: 10px; } .sidebar__comments { position: relative; display: block; background-color: rgba(var(--theme-color-white-rgb), 0.05); color: var(--theme-light-background-text-color); padding: 46px 50px 43px; border-radius: 10px; overflow: hidden; z-index: 1; } @media only screen and (max-width: 767px) { .sidebar__comments { padding: 30px; } } .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:hover .sidebar__comments-icon { background-color: var(--theme-color3); color: var(--theme-color3-text-color); } .sidebar__comments-list li+li { margin-top: 23px; } .sidebar__comments-icon { align-items: center; background-color: var(--theme-color1); border-radius: 50%; color: var(--theme-color1-text-color); display: flex; font-size: 15px; height: 45px; justify-content: center; left: 0; position: absolute; top: 0; width: 45px; transition: all 400ms ease; } .sidebar__comments-text-box p { font-size: 15px; margin: 0; line-height: 26px; font-weight: 500; } .sidebar__comments-text-box p span { color: var(--theme-color-white); } .sidebar__comments-text-box h5 { font-size: 15px; margin: 0; line-height: 26px; color: #757873; font-weight: 500; letter-spacing: 0; } /*** ==================================================================== Comments ==================================================================== ***/ .comment-one .comment-one__title { margin-bottom: 30px; } .comment-one .comment-one__single { align-items: start; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: flex; padding-bottom: 60px; margin-bottom: 60px; } @media only screen and (max-width: 767px) { .comment-one .comment-one__single { flex-direction: column; } } .comment-one .comment-one__content { position: relative; } @media only screen and (max-width: 767px) { .comment-one .comment-one__content { margin-left: 0; margin-top: 20px; } } .comment-one .comment-one__content h3 { color: var(--theme-color2-text-color); font-size: 20px; margin: 0; margin-bottom: 24px; } .comment-one .comment-one__content p { font-size: 16px; font-weight: 500; } .comment-one .comment-one__btn { font-size: 14px; padding: 5px 30px; position: absolute; right: 0; top: 0; } .comment-one .comment-one__btn:hover { background-color: var(--theme-color2); color: var(--theme-color2-text-color); } .comment-one .comment-one__image { border-radius: 50%; display: block; flex: 100px 0 0; position: relative; } .comment-one .comment-one__image img { border-radius: 50%; } .comment-form .comment-form__title { margin-top: -7px; } /*-------------------------------------------------------------- # Team Details --------------------------------------------------------------*/ .team-details { display: block; position: relative; } .team-details-shape-1 { bottom: -270px; position: absolute; opacity: 0.5; right: 0; z-index: 2; } .team-details-shape-1 img { width: auto; } .team-details__top-left { display: block; margin-right: -48px; position: relative; } @media (max-width: 1399.98px) { .team-details__top-left { margin-right: 0; } } @media (max-width: 991.98px) { .team-details__top-left { margin-right: 40px; } } @media (max-width: 575.98px) { .team-details__top-left { margin-right: 0px; } } .team-details__top-img { border-radius: 30px; display: block; position: relative; } .team-details__top-img img { border-radius: 30px; width: 100%; } .team-details__big-text { background-color: var(--theme-color1); color: var(--theme-color1-text-color); font-size: 16px; font-weight: 500; letter-spacing: 0.35em; line-height: 30px; padding: 15px 30px 20px 30px; position: absolute; -webkit-transform: rotate(90deg); transform: rotate(90deg); top: calc(50% - 30px); right: -185px; text-transform: uppercase; } @media (max-width: 575.98px) { .team-details__big-text { left: 0; letter-spacing: 1px; margin-bottom: 30px; position: relative; right: auto; transform: rotate(0); top: 30px; text-align: center; } } .team-details__top-right { position: relative; display: block; margin-left: 100px; } @media (max-width: 1399.98px) { .team-details__top-right { margin-left: 40px; } } @media (max-width: 991.98px) { .team-details__top-right { margin-left: 0px; margin-top: 50px; } } .team-details__top-content { position: relative; display: block; margin-top: -11px; } .team-details__top-title { font-size: 16px; color: var(--theme-color1); } .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: 20px; margin-bottom: 28px; } .team-details__social a { align-items: center; background-color: var(--theme-color1); border-radius: 50%; color: var(--theme-color1-text-color); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 15px; height: 40px; justify-content: center; position: relative; text-align: center; transition: all 500ms ease; width: 40px; } .team-details__social a:hover { background-color: var(--theme-color2); color: var(--theme-color2-text-color); } .team-details__social a+a { margin-left: 10px; } .team-details__top-right .team-details__top-name { font-size: 40px; font-weight: 700; line-height: 50px; margin-bottom: 15px; } .team-details__top-right .team-details__top-name .text-theme-colored1 { font-size: 20px; font-weight: 400; line-height: 1; color: var(--theme-color1); } .team-details__top-right .team-details__text-1 { color: #8c8f94; } .team-details__top-right .team-details__text-2 { color: #8c8f94; padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid rgba(255, 255, 255, 0.17); } .team-details__top-right .info-outer-box { display: flex; align-items: center; gap: 30px; padding-bottom: 35px; margin-bottom: 35px; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.17); } .team-details__top-right .info-outer-box .team-details-contact .title { font-size: 18px; color: #eeeeee; font-weight: 600; margin-bottom: 0; } .team-details__top-right .info-outer-box .team-details-contact .text { font-size: 16px; color: #8c8f94; } .team-details__bottom { position: relative; display: block; } .team-details__bottom-left { position: relative; display: block; margin-right: 70px; } @media (max-width: 1399.98px) { .team-details__bottom-left { margin-right: 0; } } @media (max-width: 991.98px) { .team-details__bottom-left { margin-bottom: 40px; } } .team-details__bottom-left-title { font-size: 36px; font-weight: 700; line-height: 46px; } .team-details__bottom-left-text { color: #8c8f94; margin-bottom: 30px; } .team-details__bottom-right { position: relative; display: block; margin-left: 70px; margin-top: 1px; } @media (max-width: 1399.98px) { .team-details__bottom-right { margin-left: 0; } } .team-details__progress { position: relative; display: block; width: 100%; } .team-details__progress .bar { position: relative; width: 100%; height: 13px; background-color: #121310; border-radius: 7px; margin-bottom: 22px; } .team-details__progress .bar-inner { background-color: var(--theme-color1); border-radius: 7px; display: block; height: 13px; position: relative; width: 0px; transition: all 1500ms ease; } .team-details__progress .count-text { position: absolute; right: 0px; bottom: 21px; color: #8c8f94; line-height: 24px; font-size: 14px; text-align: center; font-weight: 500; opacity: 0; transition: all 500ms ease; } .team-details__progress .bar-inner.counted .count-text { opacity: 1; } .team-details__progress .bar.marb-0 { margin-bottom: 0; } .team-details__progress-single { position: relative; display: block; margin-bottom: 40px; } .team-details__progress-title { font-size: 18px; font-weight: 600; line-height: 28px; color: var(--theme-color-white); margin-bottom: 10px; } .team-details__bottom .form-control, .team-details__bottom .input-text, .team-details__bottom input[type=text], .team-details__bottom input[type=email] { background-color: #121310; border-color: rgba(255, 255, 255, 0.17); box-shadow: none; color: #fff; } .team-details__bottom .form-control:focus, .team-details__bottom .input-text:focus, .team-details__bottom input[type=text]:focus, .team-details__bottom input[type=email]:focus { border-color: var(--theme-color2); } .team-details__bottom textarea { background-color: #121310; border-color: rgba(255, 255, 255, 0.17); height: 95px; } .team-details__bottom button { width: 100%; border-radius: 10px; } /*** ==================================================================== Contact ==================================================================== ***/ .contact-details__info { position: relative; display: block; margin-top: 41px; } .contact-details__info li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contact-details__info li .icon { height: 80px; width: 80px; background-color: var(--theme-color1); color: var(--theme-color1-text-color); 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; transition: all 500ms ease; } .contact-details__info li .icon span { color: var(--theme-color2-text-color); font-size: 25px; transition: all 500ms ease; } .contact-details__info li:hover .icon { background-color: var(--theme-color2); color: var(--theme-color2-text-color); } .contact-details__info li:hover .text a { color: var(--notech-base); } .contact-details__info li:hover .text a span { color: var(--notech-gray); } .contact-details__info li .text { margin-left: 30px; } .contact-details__info li .text p { font-size: 14px; line-height: 24px; } .contact-details__info li .text a { font-size: 18px; color: var(--notech-black); transition: all 500ms ease; } .contact-details__info li .text span { font-size: 20px; color: var(--notech-black); } .contact-details__info li+li { margin-top: 19px; } .contact-details .sec-title { margin-bottom: 20px; } .contact-details .sec-title .sub-title { color: #4f515d; } .contact-details .sec-title h2 { color: var(--headings-color); } .contact-details .sec-title .text { color: #4f515d; } .map { height: 550px; } /* --- Flip Effect CSS --- */ .btn-style-one, .theme-btn, .contact-btn { position: relative; display: inline-flex !important; align-items: center; justify-content: center; overflow: hidden !important; text-decoration: none; transition: 0.5s !important; perspective: 1000px; background-color: var(--theme-color1) !important; border-radius: 50px !important; padding: 15px 40px !important; border: none !important; cursor: pointer; min-width: 160px; height: 55px; } .btn-style-one::before, .theme-btn::before, .contact-btn::before, .btn-style-one::after, .theme-btn::after, .contact-btn::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; border-radius: 50px; } .btn-style-one::before, .theme-btn::before, .contact-btn::before { content: attr(data-front); background: var(--theme-color1); color: #fff !important; transform: translateY(0) rotateX(0); opacity: 1; z-index: 2; } .btn-style-one::after, .theme-btn::after, .contact-btn::after { content: attr(data-back); background: #fff; color: var(--theme-color1) !important; transform: translateY(-100%) rotateX(90deg); opacity: 0; z-index: 1; } .btn-style-one:hover::before, .theme-btn:hover::before, .contact-btn:hover::before { transform: translateY(100%) rotateX(-90deg); opacity: 0; } .btn-style-one:hover::after, .theme-btn:hover::after, .contact-btn:hover::after { transform: translateY(0) rotateX(0); opacity: 1; } /* Hide existing content when using flip effect */ .btn-style-one[data-front]>*, .theme-btn[data-front]>*, .contact-btn[data-front]>* { opacity: 0 !important; visibility: hidden !important; } @media only screen and (max-width: 767px) { .mobiletopspace { padding-top: 50px; } } .about-text, .text { text-align: justify !important; } .content-box .text { color: #d9d5d5 !important; } .service-head { font-size: 1.05rem !important; }