/* index.html - home page about-us.html - About Us our-service.html - Services appointment.html - pages blog-list.html - blog accordion.html - Elements contactus.html - Contact */ /* home start */ /*header1 start*/ @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, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes 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; } /*header1 end*/ /*header2 start*/ @-webkit-keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-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); } } /*header2 end*/ /*header3 start*/ .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(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); 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(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); 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(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } /*header3 end*/ /*header4 start*/ @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); } } /*header4 end*/ /*header5 start*/ @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); } } /*header5 end*/ /*header6 start*/ @keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } /*header6 end*/ /*header7 start*/ @-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; } } /*header7 end*/ /*header8 start*/ @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(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } /*header8 end*/ /*header9 start*/ @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } /*header9 end*/ /*header10 start*/ /*header10 end*/ /*header11 start*/ /*header11 end*/ /*header12 start*/ /*header12 end*/ /*header18 start*/ @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 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: 0.8s; animation-duration: 0.8s; } .animated.faster { -webkit-animation-duration: 0.5s; animation-duration: 0.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; -o-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } } /*header18 end*/ /*home end */ /*about-us start*/ /*section4 start*/ @media only screen and (max-width: 479px) { .about-three-thumbnail-left .vedio-icone { right: -8%; bottom: -17%; } } @media only screen and (max-width: 1199px) { .about-three-thumbnail-left .about-sm-thumb { left: -11%; width: 65%; top: 14%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-three-thumbnail-left img { width: 100%; } } @media only screen and (max-width: 767px) { .about-right-three .title-area-about-three .title span { font-size: 36px; } } @media only screen and (max-width: 767px) { .about-right-three .title-area-about-three .title span { font-size: 24px; } } @media only screen and (max-width: 767px) { .about-right-three .title-area-about-three .title { font-size: 36px; line-height: 55px; } } @media only screen and (max-width: 479px) { .about-right-three .title-area-about-three .title { font-size: 24px; line-height: 44px; } } @media only screen and (max-width: 1199px) { .about-right-three .title-area-about-three .title { font-size: 44px; } } @media only screen and (max-width: 767px) { .about-progress-inner .inner .rts-progress-one-wrapper { padding: 25px; } } @media only screen and (max-width: 479px) { .about-progress-inner .inner .rts-progress-one-wrapper { padding: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-progress-inner { padding-left: 0; } } @media only screen and (max-width: 767px) { .about-progress-inner { padding-left: 0; } } /*section4 end*/ /*section5 start*/ @media only screen and (max-width: 767px) { .service-one-inner-four a.rts-btn { bottom: -10%; } } @media only screen and (max-width: 479px) { .service-one-inner-four a.rts-btn { bottom: -15%; } } @media screen and (max-width: 380px) { .service-one-inner-four a.rts-btn { bottom: -21%; } } /*section5 end */ /*about-us end*/ /*section6 end*/ /*our-service start */ /* section1 start*/ @media only screen and (max-width: 1199px) { .header-two .header-top { display: none; } } @media only screen and (max-width: 1199px) { .header-three .header-top-three { display: none; } } @media (max-width: 1200px) { .header-top-one.header-top-four { display: none; } } @media only screen and (max-width: 1199px) { .header--sticky.header-one.six .header-main-one #menu-btn { background: #eee !important; } } @media only screen and (max-width: 1199px) { .header--sticky.header-one.six .header-top { display: none; } } /* section1 end*/ /*section2 start */ @media (max-width: 500px) { .search-input-area .search-close-icon { display: none; } } /*section2 end */ /*section3 start */ @media only screen and (max-width: 479px) { .search-input-area { padding: 20px 0; } } /*section3 end */ /*section4 start */ @media only screen and (max-width: 767px) { .col-xl-6.col-lg-6.col-md-6.col-sm-12.col-12.breadcrumb-1 { text-align: center; } } @media only screen and (max-width: 767px) { .rts-breadcrumb-area .title { font-size: 30px; } } @media only screen and (max-width: 767px) { .rts-breadcrumb-area { padding: 80px 0; } } @media only screen and (max-width: 767px) { .rts-breadcrumb-area .bread-tag { margin: auto; margin-top: 30px; } } /*section4 end */ /* section5 start */ @media (max-width: 767px) { .rts-service-area4 .container .title-service-three .title { margin-bottom: 0; } } @media (max-width: 991px) { .rts-service-area4 .container .service-one-inner-four { margin-bottom: 60px; } } @media (max-width: 767px) { .rts-service-area4 .container .title-service-three .title { margin-bottom: 0; } } @media (max-width: 991px) { .rts-service-area4 .container .service-one-inner-four { margin-bottom: 60px; } } @media (max-width: 1200px) and (min-width: 991px) { .rts-service-area5 .container .service-one-inner-four { padding: 35px; } } @media (max-width: 400px) { .rts-service-area5 .container .service-one-inner-four { padding: 40px 30px; } } @media (max-width: 575px) { .rts-service-area.eight .background-service { padding: 20px; } } /*section5 end */ /*section6 start*/ @media only screen and (max-width: 1199px) { .rts-accordion-area.service { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 575px) { .accordion-service-inner .accordion-area { padding-right: 15px; } } @media only screen and (max-width: 575px) { .accordion-service-inner .accordion-area .accordion { margin-left: 0; margin-top: 30px; } } @media only screen and (max-width: 1199px) { .accordion-service-inner .accordion-area .accordion .accordion-item { padding-left: 98px; } } @media only screen and (max-width: 767px) { .accordion-service-inner .accordion-area .accordion .accordion-item { padding-left: 52px; } } @media only screen and (max-width: 575px) { .accordion-service-inner .accordion-area .accordion .accordion-item { padding-left: 0; padding-bottom: 15px; } } @media only screen and (max-width: 479px) { .accordion-service-inner .accordion-area .accordion .accordion-item { padding-left: 0; } } @media only screen and (max-width: 575px) { .accordion-service-inner .accordion-area .accordion .accordion-item::after { display: none; } } @media only screen and (max-width: 767px) { .accordion-service-inner .accordion-area .accordion .accordion-item .accordion-header { margin-bottom: 10px; } } @media only screen and (max-width: 767px) { .accordion-service-inner .accordion-area .accordion .accordion-item .accordion-header button[aria-expanded=true] { color: #4879a5; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .accordion-service-inner .accordion-area .accordion .accordion-item .accordion-header button::before { left: -51px; } } @media only screen and (max-width: 1199px) { .accordion-service-inner .accordion-area .accordion .accordion-item .accordion-header button::before { left: -12.5%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .accordion-service-inner .accordion-area .accordion .accordion-item .accordion-header button::before { left: -18.5%; } } @media only screen and (max-width: 575px) { .accordion-service-inner .accordion-area .accordion .accordion-item .accordion-header button::before { display: none; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .accordion-service-inner .accordion-area .accordion .accordion-item .accordion-header button[aria-expanded=true]::before { left: -66px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .accordion-service-inner .accordion-area .accordion .accordion-item .accordion-header button[aria-expanded=true]::before { left: -21.6%; } } @media only screen and (max-width: 767px) { .accordion-service-inner .accordion-area .accordion .accordion-item .accordion-header button[aria-expanded=true]::before { left: -17.6%; } } @media only screen and (max-width: 575px) { .accordion-service-inner .accordion-area .accordion .accordion-item .accordion-header button[aria-expanded=true]::before { display: none; } } @media only screen and (max-width: 575px) { .accordion-service-inner.inner .accordion-area .accordion .accordion-item::after { display: none; } } @media only screen and (max-width: 767px) { .accordion-service-inner.inner .accordion-area .accordion .accordion-item .accordion-header { margin-bottom: 10px; } } @media only screen and (max-width: 767px) { .accordion-service-inner.inner .accordion-area .accordion .accordion-item .accordion-header button[aria-expanded=true] { color: #4879a5; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .accordion-service-inner.inner .accordion-area .accordion .accordion-item .accordion-header button::before { left: -51px; } } @media only screen and (max-width: 1199px) { .accordion-service-inner.inner .accordion-area .accordion .accordion-item .accordion-header button::before { left: -12.5%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .accordion-service-inner.inner .accordion-area .accordion .accordion-item .accordion-header button::before { left: -18.5%; } } @media only screen and (max-width: 575px) { .accordion-service-inner.inner .accordion-area .accordion .accordion-item .accordion-header button::before { display: none; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .accordion-service-inner.inner .accordion-area .accordion .accordion-item .accordion-header button[aria-expanded=true]::before { left: -66px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .accordion-service-inner.inner .accordion-area .accordion .accordion-item .accordion-header button[aria-expanded=true]::before { left: -21.6%; } } @media only screen and (max-width: 767px) { .accordion-service-inner.inner .accordion-area .accordion .accordion-item .accordion-header button[aria-expanded=true]::before { left: -17.6%; } } @media only screen and (max-width: 575px) { .accordion-service-inner.inner .accordion-area .accordion .accordion-item .accordion-header button[aria-expanded=true]::before { display: none; } } /*section6 end */ /*section7 start */ @media only screen and (max-width: 1199px) { .pricing-wrapper-one.home-two { padding: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-section-gapBottom { padding-bottom: 80px; } } /*section7 end */ /*section8 start*/ @media only screen and (max-width: 575px) { .rts-footer-area.footer-three.rts-section-gapTop.footer-bg-2 { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 1199px) { .footer-three-single-wized.left { padding-right: 54px; } } .footer-three-single-wized.mid-left { padding-left: 15px; } @media only screen and (max-width: 1199px) { .footer-three-single-wized.mid-left { padding-left: 0; margin-left: -67px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer-three-single-wized.mid-left { margin-left: 5px; } } @media only screen and (max-width: 767px) { .footer-three-single-wized.mid-left { margin-left: 5px; } } .footer-three-single-wized.mid-right { margin-left: -38px; margin-right: 37px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer-three-single-wized.mid-right { margin-left: 0; margin-top: 30px; } } @media only screen and (max-width: 767px) { .footer-three-single-wized.mid-right { margin-left: 0; margin-top: 30px; } } .footer-five .rts-cta-wrapper .background-cta .cta-input-arae .btn-primary { background: var(--color-primary-2); } .footer-five .rts-cta-wrapper .background-cta .cta-input-arae .btn-primary:hover { background: var(--color-gray); color: var(--color-primary-2); } @media only screen and (max-width: 575px) { .rts-cta-wrapper .background-cta .cta-input-arae button { padding: 12px; right: 20px; margin-left: 0; } } @media only screen and (max-width: 479px) { .rts-cta-wrapper .background-cta .cta-input-arae button { border-radius: 5px; font-size: 12px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-cta-wrapper .background-cta .cta-input-arae input { width: 64%; } } @media only screen and (max-width: 767px) { .rts-cta-wrapper .background-cta .cta-input-arae input { padding-right: 50px; } } @media only screen and (max-width: 575px) { .rts-cta-wrapper .background-cta .cta-input-arae input { height: 45px; } } @media only screen and (max-width: 479px) { .rts-cta-wrapper .background-cta .cta-input-arae input { border-radius: 5px; padding: 0 186px 0 10px; } } @media screen and (max-width: 1400px) { .rts-cta-wrapper .background-cta .cta-input-arae input { width: 64%; } } @media only screen and (max-width: 767px) { .rts-cta-wrapper .background-cta .cta-input-arae { padding-bottom: 20px; } } @media only screen and (max-width: 575px) { .rts-cta-wrapper .background-cta .cta-input-arae { margin-left: 20px; padding-bottom: 30px; } } @media only screen and (max-width: 479px) { .rts-cta-wrapper .background-cta .cta-left-wrapepr .title { font-size: 18px; } } .rts-cta-wrapper .background-cta .cta-input-arae { padding: 60px 0; position: relative; } @media screen and (max-width: 996px) { .rts-cta-wrapper .background-cta .cta-input-arae { padding-top: 0; margin-left: 80px; } } @media only screen and (max-width: 479px) { .rts-cta-wrapper .background-cta .cta-left-wrapepr p { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-cta-wrapper .background-cta .cta-left-wrapepr { padding-bottom: 20px; } } @media only screen and (max-width: 767px) { .rts-cta-wrapper .background-cta .cta-left-wrapepr { padding-bottom: 10px; padding-top: 20px; } } @media only screen and (max-width: 575px) { .rts-cta-wrapper .background-cta .cta-left-wrapepr { margin: 0; text-align: center; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .bg-footer-one .bg-shape-f1::after { left: -30%; top: -32%; } } @media only screen and (max-width: 1199px) { .bg-footer-one .bg-shape-f1::after { left: -30%; top: -32%; } } /*section8 end */ /*our-service end */ /*appointment start */ /*section1 start */ @media only screen and (max-width: 479px) { .header-main-one .thumbnail a { padding: 18px 0; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .header-two .main-header .nav-main ul li { margin-right: 25px !important; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .header-two .main-header .nav-main ul li.has-droupdown { margin-right: 37px !important; } } @media screen and (max-width: 1399px) { .main-header .button-area { margin-left: 16px; } } @media screen and (max-width: 1199px) { .main-header .button-area { margin-left: 16px; margin: 33px 0; } } @media only screen and (max-width: 479px) { .main-header .button-area { margin: 10px 0; } } @media only screen and (max-width: 479px) { .header-main-one .thumbnail a { padding: 18px 0; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .header-two .main-header .nav-main ul li { margin-right: 25px !important; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .header-two .main-header .nav-main ul li.has-droupdown { margin-right: 37px !important; } } @media (max-width: 576px) { .button-area1 .button-area-inner { display: grid !important; } .button-area1 .button-area-inner .rts-btn { margin-bottom: 15px; } } /*section1 end */ /*section2 start*/ /*section2 end */ /*section3 start */ /*section3 end */ /*section4 start */ /*section4 end*/ /*section5 start*/ /*section6 end */ @media only screen and (max-width: 575px) { .background-contact-appoinment .contact-form-area-one { padding: 60px; } } @media only screen and (max-width: 479px) { .background-contact-appoinment .contact-form-area-one { padding: 60px 10px 60px 40px; } } /*section7 start */ .rts-team-area4 { background: #fff; height: auto; } @media (max-width: 767px) { .rts-team-area4 { padding: 100px 0; } } .rts-team-area4 .container .rts-title-area .pre-title { color: var(--color-primary-4); } .rts-team-area4 .container .rts-title-area .title { color: #0B101C; margin-bottom: 0; } .rts-team-area4 .container .rts-title-area::after { display: none; } .rts-team-area4 .container .mySwiperh1_team { padding-bottom: 20px; } .rts-team-area4 .container .mySwiperh1_team .team-single-one-start { box-shadow: 0px 2px 20px rgba(24, 16, 16, 0.09); } .rts-team-area4 .container .mySwiperh1_team .team-single-one-start .team-image-area .team-social:hover .main i { background: var(--color-primary-4); color: #fff; } .rts-team-area4 .container .mySwiperh1_team .team-single-one-start .team-image-area .team-social .main i { color: var(--color-primary-4); } .rts-team-area4 .container .mySwiperh1_team .team-single-one-start .team-image-area .team-social .team-social-one i { color: var(--color-primary-4); } .rts-team-area4 .container .mySwiperh1_team .team-single-one-start .team-image-area .team-social .team-social-one i:hover { background: var(--color-primary-4); color: #fff; } .rts-team-area4 .container .mySwiperh1_team .team-single-one-start .single-details a:hover .title { color: var(--color-primary-4); } .rts-team-area4 .container .mySwiperh1_team .team-single-one-start .single-details p { color: var(--color-primary-4); } .rts-team-area.style-3 { background: #f6f6f6; padding-top: 70px; } .rts-team-area.style-3 .team-inner-two { background: #fff; margin-bottom: 15px; } .rts-team-area.style-3 .team-inner-two:hover .thumbnail .social { right: 0; } .rts-team-area.style-3 .team-inner-two .thumbnail { border-radius: 0; position: relative; overflow: hidden; } .rts-team-area.style-3 .team-inner-two .thumbnail img { width: 100%; } .rts-team-area.style-3 .team-inner-two .thumbnail .social { position: absolute; right: -50px; bottom: 0; display: inline-grid; background: #4879a5; padding: 12px 0; width: 50px; text-align: center; color: #fff; transition: all 0.4s; } .rts-team-area.style-3 .team-inner-two .thumbnail .social a { margin: 5px 0; transition: all 0.4s; } .rts-team-area.style-3 .team-inner-two .thumbnail .social a:hover { color: #0B101C; } .rts-team-area.style-3 .team-inner-two .inner-content { padding: 30px; text-align: center; } .rts-team-area.style-3 .team-inner-two .inner-content .header .title { margin-bottom: 5px; } .rts-team-area.style-3 .team-inner-two .inner-content .header span { color: #4879a5; } .rts-team-area.style-4 .team-inner-two { position: relative; width: 100%; transition: all 0.6s; } .rts-team-area.style-4 .team-inner-two.inner { margin-bottom: 100px; } .rts-team-area.style-4 .team-inner-two:hover .acquaintance-area .team-desc { max-height: 400px; transform: scaleY(1); transition: all 0.4s, max-height 1.5s; padding: 15px 0; } .rts-team-area.style-4 .team-inner-two a.thumbnail { overflow: hidden; display: block; border-radius: 15px; } .rts-team-area.style-4 .team-inner-two a.thumbnail img { width: 100%; transition: 0.3s; } .rts-team-area.style-4 .team-inner-two a.thumbnail:hover img { transform: scale(1.15); } .rts-team-area.style-4 .team-inner-two .acquaintance-area { position: absolute; right: 50%; left: unset; width: 85%; padding: 20px; transform: translateX(50%); bottom: -20%; background: #fff; border-radius: 15px; transition: all 0.6s; box-shadow: 0px 4px 27px #00000012; text-align: center; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-team-area.style-4 .team-inner-two .acquaintance-area { bottom: 0; } } @media only screen and (max-width: 767px) { .rts-team-area.style-4 .team-inner-two .acquaintance-area { bottom: 0; } } .rts-team-area.style-4 .team-inner-two .acquaintance-area .header { padding: 0 0 5px 0; border: 0; } @media only screen and (max-width: 1199px) { .rts-team-area.style-4 .team-inner-two .acquaintance-area .header { padding: 20px 62px; } } .rts-team-area.style-4 .team-inner-two .acquaintance-area .header .title { font-size: 22px; margin-bottom: 5px; } @media only screen and (max-width: 1199px) { .rts-team-area.style-4 .team-inner-two .acquaintance-area .header .title { font-size: 20px; } } .rts-team-area.style-4 .team-inner-two .acquaintance-area .header span { color: #4879a5; font-weight: 400; font-size: 16px; } .rts-team-area.style-4 .team-inner-two .acquaintance-area .team-desc { font-size: 14px; margin-bottom: 0; color: #777; position: relative; padding: 5px 0; z-index: 1; max-height: 0; opacity: 1; line-height: 24px; overflow: hidden; transform: scaleY(0); transform-origin: bottom; transition: all 0.8s, max-height 0.8s; } .rts-team-area.style-4 .team-inner-two .acquaintance-area .team-desc::before { content: ""; position: absolute; background: #4879a5; width: 50px; height: 2px; right: 50%; top: 3px; transform: translateX(50%); } .rts-team-area.style-4 .team-inner-two .acquaintance-area .acquaintance-social { padding: 5px 84px 5px 84px; margin-right: -30px; } @media only screen and (max-width: 1199px) { .rts-team-area.style-4 .team-inner-two .acquaintance-area .acquaintance-social { padding: 20px 62px; margin-right: -30px; } } .rts-team-area.style-4 .team-inner-two .acquaintance-area .acquaintance-social a { position: relative; z-index: 1; transition: 0.3s; margin-right: 30px; } .rts-team-area.style-4 .team-inner-two .acquaintance-area .acquaintance-social a i { font-size: 14px; color: #4879a5; transition: 0.3s; } .rts-team-area.style-4 .team-inner-two .acquaintance-area .acquaintance-social a::after { position: absolute; content: ""; background: #F6F6F6; height: 40px; width: 40px; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; transition: 0.3s; } .rts-team-area.style-4 .team-inner-two .acquaintance-area .acquaintance-social a:hover i { color: #fff; } .rts-team-area.style-4 .team-inner-two .acquaintance-area .acquaintance-social a:hover::after { background: #4879a5; } .rts-team-area.style-5 .team-inner-two { margin-bottom: 30px; } .rts-team-area.style-5 .team-inner-two .thumbnail { border-radius: 50%; } .rts-team-area.style-5 .team-inner-two .team-content { text-align: center; margin-top: 30px; } .rts-team-area.style-5 .team-inner-two .team-content .header .title { margin-bottom: 5px; } .rts-team-area.style-5 .team-inner-two .team-content .header span { color: #4879a5; } .rts-team-area.style-5 .team-inner-two .team-content .acquaintance-social { margin-top: 10px; } .rts-team-area.style-5 .team-inner-two .team-content .acquaintance-social a { margin-right: 5px; background: #fff; color: #4a4a4a; width: 35px; height: 35px; display: inline-block; line-height: 35px; transition: all 0.3s; } .rts-team-area.style-5 .team-inner-two .team-content .acquaintance-social a:hover { background: #4879a5; color: #fff; } .color-white { color: #ffff !important; } .rts-team-area-style-six { position: relative; z-index: 1; height: 1159px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .rts-team-area-style-six { height: auto; } } @media only screen and (max-width: 1199px) { .rts-team-area-style-six { height: auto; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-team-area-style-six { height: auto; } } @media only screen and (max-width: 767px) { .rts-team-area-style-six { height: auto; } } .rts-team-area-style-six .team-bg-image-style-six { position: absolute; top: 0px; left: 0; right: 0; width: 100%; z-index: -1; } /*section7 end */ /*section8 start */ @media only screen and (max-width: 767px) { .footer-one-single-wized.mid-bg { margin-left: 0; margin-top: 30px; margin-bottom: 50px; } } /*section8 end */ /*appointment end */ /*blog-list start */ /*section5 start*/ @media only screen and (max-width: 479px) { .blog-single-post-listing .blog-listing-content p.disc { margin-bottom: 15px; } } .blog-single-post-listing .blog-listing-content a.rts-btn { margin-top: 35px; display: block; max-width: max-content; } @media only screen and (max-width: 479px) { .blog-single-post-listing .blog-listing-content a.rts-btn { margin-top: 20px; } } @media only screen and (max-width: 575px) { .blog-single-post-listing .blog-listing-content .user-info .single i { margin-right: 2px; font-size: 14px; } } @media only screen and (max-width: 575px) { .blog-single-post-listing .blog-listing-content .user-info .single span { font-size: 13px; } } @media only screen and (max-width: 767px) { .blog-single-post-listing .blog-listing-content .user-info .single { margin-right: 5px; } } @media only screen and (max-width: 575px) { .blog-single-post-listing .blog-listing-content .user-info .single { margin-right: 5px; } } @media only screen and (max-width: 767px) { .blog-single-post-listing .blog-listing-content { padding: 25px 10px; } } @media only screen and (max-width: 767px) { .blog-single-post-listing .blog-listing-content .user-info .single { margin-right: 5px; } } @media only screen and (max-width: 575px) { .blog-single-post-listing .blog-listing-content .user-info .single { margin-right: 5px; } } @media only screen and (max-width: 575px) { .blog-single-post-listing .blog-listing-content .user-info .single i { margin-right: 2px; font-size: 14px; } } @media only screen and (max-width: 575px) { .blog-single-post-listing .blog-listing-content .user-info .single span { font-size: 13px; } } @media only screen and (max-width: 767px) { .blog-single-post-listing.details .author-area { align-items: flex-start; } } @media only screen and (max-width: 575px) { .blog-single-post-listing.details .author-area { flex-wrap: wrap; } } .blog-single-post-listing.details .author-area .thumbnail { margin-right: 30px; } @media only screen and (max-width: 767px) { .blog-single-post-listing.details .author-area .thumbnail { margin-right: 0; } } @media only screen and (max-width: 767px) { .blog-single-post-listing.details .author-area .author-details { margin-left: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog-single-post-listing.details .details-share { justify-content: flex-start; margin-top: 30px; } } @media only screen and (max-width: 767px) { .blog-single-post-listing.details .details-share { justify-content: flex-start; margin-top: 30px; } } @media only screen and (max-width: 575px) { .blog-single-post-listing.details .details-share { justify-content: flex-start; margin-top: 20px; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .blog-single-post-listing.details .details-tag button:last-child { margin-top: 10px; margin-left: -2px; } } @media only screen and (max-width: 479px) { .blog-single-post-listing.details .details-tag { justify-content: flex-start; } } @media only screen and (max-width: 479px) { .blog-single-post-listing.details .check-area-details .single-check i { margin-top: -26px; } } @media only screen and (max-width: 479px) { .blog-single-post-listing.details .rts-quote-area { margin-top: 15px; } } .blog-single-post-listing.details .rts-quote-area .title { margin-bottom: 25px; } @media only screen and (max-width: 479px) { .blog-single-post-listing.details .rts-quote-area .title { font-size: 16px; margin-bottom: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog-single-post-listing.details .rts-quote-area { padding: 30px; } } @media only screen and (max-width: 767px) { .blog-single-post-listing.details .rts-quote-area { padding: 10px; margin-bottom: 25px; } } @media only screen and (max-width: 1199px) { .blog-single-post-listing.details .thumbnail.details { max-width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog-single-post-listing.details .thumbnail.details { margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .blog-single-post-listing.details .thumbnail.details { margin-bottom: 20px; } } @media only screen and (max-width: 575px) { .blog-single-post-listing.details .thumbnail.details { margin-bottom: 0; } } /*section5 end */ /*section6 start */ @media only screen and (max-width: 479px) { .footer-one-single-wized .quick-link-inner { flex-direction: column; } } .footer-one-single-wized .quick-link-inner .links { list-style: none; padding-left: 0; margin: 0; } .footer-one-single-wized .quick-link-inner .links.margin-left-70 { margin-left: 70px; } @media only screen and (max-width: 479px) { .footer-one-single-wized .quick-link-inner .links.margin-left-70 { margin-left: 0; } } /*section6 end */ /*blog-list end */ /*accordion start */ /*section5 start */ @media only screen and (max-width: 479px) { .accordion-one-inner .accordion-item .accordion-body { font-size: 14px; line-height: 24px; padding: 20px; padding-top: 0; } } .accordion-one-inner .accordion-item .accordion-body { padding: 0px 40px 40px 40px; } /*section5 end */ /*section6 start*/ @media only screen and (max-width: 575px) { .faq-two-inner .title-area-faq span.sm-title { font-size: 30px; } } @media only screen and (max-width: 479px) { .faq-two-inner .title-area-faq span.sm-title { font-size: 20px; } } @media only screen and (max-width: 575px) { .faq-two-inner .faq-accordion-area .accordion .accordion-item .accordion-header button { font-size: 14px; } } @media only screen and (max-width: 575px) { .accordion-one-inner .accordion-item .accordion-header button { padding: 13px 15px; font-size: 14px; } } @media only screen and (max-width: 479px) { .accordion-one-inner .accordion-item .accordion-header button { display: flex; align-items: flex-start; } } @media only screen and (max-width: 575px) { .accordion-one-inner .accordion-item .accordion-header button { padding: 13px 15px; font-size: 14px; } } @media only screen and (max-width: 479px) { .accordion-one-inner .accordion-item .accordion-header button { display: flex; align-items: flex-start; } } @media only screen and (max-width: 575px) { .accordion-one-inner.inner2 .accordion-item .accordion-header button { padding: 13px 15px; font-size: 14px; } } @media only screen and (max-width: 479px) { .accordion-one-inner.inner2 .accordion-item .accordion-header button { display: flex; align-items: flex-start; } } @media only screen and (max-width: 479px) { .accordion-one-inner.inner2 .accordion-item .accordion-body { font-size: 14px; line-height: 24px; padding: 20px; padding-top: 0; } } /*section6 end */ /*section7 start */ @media only screen and (max-width: 479px) { .rts-faq-area .faq-thumbnail img { margin-bottom: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-faq-area::after { position: absolute; content: ""; right: -22%; top: -16%; background-image: url(../images/faq/shape.png); height: 500px; width: 500px; background-size: contain; z-index: -1; animation: rotateIt 20s linear infinite; } } @media only screen and (max-width: 767px) { .rts-faq-area::after { position: absolute; content: ""; right: -22%; top: -10%; background-image: url(../images/faq/shape.png); height: 300px; width: 300px; background-size: contain; z-index: -1; animation: rotateIt 20s linear infinite; } } /*section7 end */ /*accordion end */ /*contactus start */ /*section1 start */ @media screen and (max-width: 1399px) { .main-header .button-area { margin-left: 16px; } } @media screen and (max-width: 1199px) { .main-header .button-area { margin-left: 16px; margin: 33px 0; } } @media only screen and (max-width: 479px) { .main-header .button-area { margin: 10px 0; } } /*section1 end */ /*section7 start */ @media (max-width: 1200px) { .rts-contact-form-area.six .rts-contact-fluid { margin-top: 0; margin-bottom: 120px; } } @media only screen and (max-width: 767px) { .rts-contact-fluid .form-wrapper form .name-email input { width: 100%; } } @media only screen and (max-width: 575px) { .rts-contact-fluid .form-wrapper { width: 90%; } } /*section7 end */ /*contactus end */