/*animated css library*/ @charset "UTF-8"; /*! * 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(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); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: 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); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 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, 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; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-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); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); 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(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); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); 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(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, -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(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.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(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.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: 0.75s; animation-duration: 0.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(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 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; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } } /*animated css library ends*/ .t_about .landing-lright-mark { z-index: -1; } .t_about .landing-rightd-mark { z-index: -1; } /*about us page -------------------------*/ /*tabs vision mission*/ .vision_mission_tabs #myTab { background: #26292d; border: 1px solid #35393f; } .vision_mission_tabs #myTab .nav-item .nav-link { font-family: var(--primaryfamily); font-style: normal; font-weight: 400; font-size: 32px; line-height: 130%; width: 100%; height: 100%; border-radius: 0; color: #fff; } .vision_mission_tabs #myTab .nav-item { width: 50%; } .vision_mission_tabs #myTab .nav-item .nav-link.active { background: #35393f; border: 0; border-bottom: 2px solid; } .vision_mission_tabs .tab-pane p { color: #fff; font-family: var(--secondryfamily); font-style: normal; font-weight: 400; font-size: 22px; line-height: 140%; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border: 0; } .why_choose_mktp .flexhead .lflexheading, .flexhead76.flexhead .lflexheading { width: 76%; } .mktp_box .card { border: 0; border-radius: 9px; } .mktp_box .card .card-header { border-top-left-radius: 9px; border-top-right-radius: 9px; background: #f5f7fb; padding: 45px 30px 20px; border: 0; } .mktp_box .card .card-header .card_icon { width: 76px; height: 76px; background: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center; } .mktp_box .card .card-header h3 { font-family: var(--primaryfamily); font-style: normal; font-weight: 500; font-size: 32px !important; line-height: 150%; color: var(--black); margin-bottom: 0; margin-top: 10px; } .mktp_box .card .card-body { font-family: var(--secondryfamily); font-style: normal; font-weight: 400; font-size: 18px; line-height: 150%; color: var(--darkgrey); } .why_choose_mktp { margin-bottom: -120px; z-index: 3; } .why_choose_mktp:before { content: ""; background: #fff; width: 100%; position: absolute; top: 0; height: calc(100% - 115px); z-index: -3; } .why_choose_mktp .row { margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .why_choose_mktp .row>* { padding-left: calc(var(--bs-gutter-x) * 0.5); padding-right: calc(var(--bs-gutter-x) * 0.5); } .ab_awrd_img { position: absolute; top: -120px; } .award_winning { padding-top: 330px; padding-bottom: 250px; } .awrd-info { /* padding-left: 250px; padding-top: 20px; */ position: relative; padding-left: 57px; z-index: -1; } .awrd_header { /* background: linear-gradient(90deg, #333B74 16.75%, #505AA0 40.03%, rgba(80, 90, 160, 0) 93.82%); */ background: url(../../../exc-prodp.s3.eu-west-2.amazonaws.com/uploads/award-pan-bg-blue-gradient.png) no-repeat; padding-left: 100px; background-size: 110% 120%; background-position: center left; padding: 36px 0 36px 355px; } .awrd_header h2 { font-family: var(--primaryfamily); font-style: normal; font-weight: 500; font-size: 55px; line-height: 120%; margin-bottom: 5px; } .awrd_header p { font-family: var(--secondryfamily); font-style: normal; font-weight: 400; font-size: 20px; line-height: 160%; color: #fff; max-width: 500px; } .awrd_list { padding-left: 100px; padding-top: 50px; max-width: 950px; padding-left: 350px; } marquee span { font-family: var(--primaryfamily); font-style: normal; font-weight: 700; font-size: 110px; line-height: 130%; color: #fff; background-color: #fff; text-shadow: -1px -1px 0 #999da3, 1px -1px 0 #999da3, -1px 1px 0 #999da3, 1px 1px 0 #999da3; } .marquee-section { position: relative; min-height: 150px; } .marquee-section, .marquee-section * { overflow: hidden; } .marquee { white-space: nowrap; } .marquee span { font-family: var(--primaryfamily); font-style: normal; font-weight: 700; font-size: 110px; line-height: 130%; color: #fff; margin: 0 20px; background-color: #fff; text-shadow: -1px -1px 0 #999da3, 1px -1px 0 #999da3, -1px 1px 0 #999da3, 1px 1px 0 #999da3; } .marquee-div { position: absolute; animation: move-left-to-right linear 10.5s infinite; } .marquee-righttoleft { position: absolute; animation: move-right-to-left linear 12s infinite; } /* use this one to move from left to right direction */ @keyframes move-left-to-right { from { transform: translateX(-50%); } to { transform: translateX(0); } } /* use this one to move from right to left direction */ @keyframes move-right-to-left { from { transform: translateX(0); } to { transform: translateX(-50%); } } marquee span:hover, .marquee span:hover { color: var(--blue); text-shadow: -1px -1px 0 var(--blue), 1px -1px 0 var(--blue), -1px 1px 0 var(--blue), 1px 1px 0 var(--blue); } .global_presence { background: #e8e9eb; } img.globe-bg { position: absolute; z-index: -1; top: -30px; } .country_list ul li .cntry_icon { margin-right: 10px; width: 40px; height: 40px; display: inline-block; overflow: hidden; border-radius: 100%; } .country_list ul li .cntry_icon img { object-fit: cover; height: 100%; width: 100%; } .country_list ul li { display: inline-flex; align-items: center; padding: 15px 0; width: 19%; justify-content: left; font-family: var(--secondryfamily); font-style: normal; font-weight: 500; font-size: 26px; color: #3e3e45; } .country_list { padding: 40px 50px; position: relative; border-radius: 9px; } .country_list:before { content: ""; background: url(../uploads/bg-white-new.webp); position: absolute; left: 0; top: 0; width: 100%; z-index: -1; border-radius: 9px; height: 100%; filter: blur(0px); } .card-body-text { width: calc(100% - 80px); margin-left: 10px; } .partner_register .signin_signup_right { border: 1px solid #dddddd; } /*swap and spread css*/ .trade_fx .em_bottom_container h2 { font-family: var(--primaryfamily); font-style: normal; font-weight: 500; font-size: 55px; color: var(--headingclorlight); line-height: 110%; margin-bottom: 10px !important; } .trade_fx .em_bottom_container p.overgrabhd { font-size: 20px !important; color: var(--subheadingcolorlight) !important; font-weight: 400; font-family: var(--secondryfamily); } .ex_product .trade_fx .em_bottom_container .brick_section ul li:first-child { font-weight: 400 !important; padding-left: 25px; } .ex_product .trade_fx .brick_section ul li { font-family: var(--secondryfamily); font-style: normal; font-weight: 400 !important; font-size: 22px !important; line-height: 160%; color: #1e1e1e; } .ex_product .trade_fx .brick_section ul li::before { top: 7px; } .abt_trade_fx { margin-top: -30px; max-width: 90%; } .spread_context_block { margin-top: -100px; } .spread_context_block .ex_flex_box { background: transparent; } .card_dark { max-width: 560px; min-height: 190px; display: flex; align-items: center; justify-content: center; padding: 30px; color: #fff; background: #34383d; box-shadow: 0px 20px 22px -20px rgba(0, 6, 20, 0.1); } .card_dark .card-title { font-family: var(--primaryfamily); font-style: normal; font-weight: 500; font-size: 30px; line-height: 130%; } .card_dark .card-text { font-family: var(--primaryfamily); font-style: normal; font-weight: 400; font-size: 16px; line-height: 150%; color: rgba(255, 255, 255, 0.8); } .table_tabs { background: #ffffff; box-shadow: 0px 38px 44px -26px rgba(0, 43, 83, 0.2); border-radius: 9px; border: 1px solid #fff; } .table_tabs .nav-tabs { background: #f2f7fa; border-radius: 8px 8px 0 0; padding: 0 31px; border: 0; height: 71px; flex-wrap: inherit; white-space: nowrap; width: 100%; overflow-x: auto; } .table_tabs .nav-tabs a { font-size: 18px; border: 0; font-weight: 500; padding: 21px 0px; opacity: 0.7; color: #000; font-family: var(--secondryfamily); height: 100%; margin-right: 90px; } .table_tabs .nav-tabs a.active { background: transparent; border: 0; border-bottom: 3px solid #06a7e0; color: #06a7e0 !important; } .table_tabs .tab-content { padding: 30px; } .table_tabs table thead tr { color: #4d4e55; font-weight: 300; background: #f2f7fa; border-radius: 8px; border: 1px solid #f2f7fa; font-size: 16px; overflow: hidden; font-family: var(--secondryfamily); } .table_tabs thead { border-radius: 4px; overflow: hidden; } .table_tabs table { border-top-left-radius: 4px; } .table_tabs table thead tr th { border-bottom: 0; font-family: var(--secondryfamily); font-style: normal; font-weight: 500; font-size: 16px; line-height: 130%; /* identical to box height, or 21px */ color: #4d4e55; padding: 20px 10px; } .table_tabs table tbody tr { background: #fff !important; border: 1px solid #dee5ea; } .table_tabs table tbody tr td { box-shadow: none !important; color: #4d4e55; font-size: 16px; font-weight: 400; padding: 20px 10px; font-family: var(--secondryfamily); } .table_tabs table tbody tr th { box-shadow: none !important; color: #4d4e55; font-size: 16px; font-weight: 500; padding: 20px 10px; font-family: var(--secondryfamily); } .table_tabs table { border-top-left-radius: 4px; width: 100%; overflow: hidden; border-top-right-radius: 4px; } .table_tabs table tr { display: none; } .table_tabs table tr.active { display: table-row; } .swap-rate-section .swap-nav { background: #34383d; border-radius: 15px; border: 1px solid #34383d; margin: 0 2px; transform: scale(0.98); } .swap-rate-section .swap-nav .swap-text p { margin: 0; font-family: var(--secondryfamily); font-style: normal; font-weight: 400; font-size: 15px !important; color: #fff; line-height: 150%; } .swap-rate-section .swap-nav .swap-icon { margin-right: 10px; } .swap-rate-section .swap-text h4 { font-family: var(--primaryfamily); font-style: normal; font-weight: 500; font-size: 26px; line-height: 150%; color: #fff; } .swap-rate-section .swap-nav.slick-active.slick-center { transform: translateY(-3px); border: 1px solid #4ba4db; box-shadow: 0px 30px 36px -25px rgba(0, 10, 15, 0.3); padding: 30px 20px; } .swap-rate-section .slick-dotted.slick-slider { margin-bottom: 0; z-index: 9; padding: 0 30px; } .swap-rate-section ul.slick-dots { display: none !important; } .swap-rate-section .slider-for.slick-initialized.slick-slider { border: 1px solid #4ba4db; border-radius: 17.0979px; padding: 60px 0 0; margin-top: -60px; } .swap-rate-section .slider-for .slick-list { background: rgba(52, 56, 61, 0.3); padding: 30px 40px; z-index: -3; } .swap-rate-section .slide-swap-info h3 { font-family: var(--primaryfamily) !important; font-style: normal; font-weight: 500; margin-bottom: 10px !important; font-size: 25px !important; line-height: 150%; color: #fff !important; } .swap-rate-section .slide-swap-info h5 { font-family: var(--secondryfamily); font-style: normal; font-weight: 500; font-size: 18px; line-height: 150%; color: #fff; } .swap-rate-section .slider-nav .slick-list { padding: 30px 0px !important; } .swap-rate-section .slide-swap-info p { font-family: var(--secondryfamily); font-style: normal; font-weight: 400; font-size: 18px; line-height: 150%; color: rgba(255, 255, 255, 0.8); } .table_tabs .nav-tabs::-webkit-scrollbar { width: 0px; height: 5px; background: transparent; } .table_tabs.mkt-instruments-tabs a.nav-link { margin-right: 60px; } .minicard-career { border-right: 1px solid #ddd; border-radius: 0; } .minicard-career h5 { font-family: var(--primaryfamily); font-style: normal; font-weight: 300; font-size: 42px; line-height: 130%; color: #000; } .minicard-career h5 .highlight { color: #0077dd; font-weight: 500; } .minicard-career p { font-family: var(--secondryfamily); font-style: normal; font-weight: 400; font-size: 18px; line-height: 140%; color: #35363a; } .paddingt8b20 { padding-top: 8rem; padding-bottom: 20rem; } /* .carrer-highlight .helpdesk { background-image: url(../uploads/career-big-banner.webp);} */ .carrer-highlight .helpdesk { background-image: url(../uploads/career-banner-feature.webp); background-size: 100% 100%; height: 30rem; } .carrer-highlight .helpdesk h2 { font-size: 30px; } .carrer-highlight .lineone ul li { color: #fff; padding-left: 26px; margin-bottom: 5px; font-family: var(--secondryfamily); font-style: normal; font-weight: 400; font-size: 22px; line-height: 160%; position: relative; } .carrer-highlight .lineone ul li:before { content: ""; background: url(../uploads/bullet-white.svg); width: 20px; height: 20px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .carrer-highlight .lineone ul { margin: 20px 0; } .carrer-highlight .helpdesk .h_grid { padding: 4rem 0rem 0rem 5.5rem; } .opening_box { background: #f5f7fb; padding: 30px 30px; border-radius: 4px; } .em_bottom_container .opening_title h3 { font-family: var(--primaryfamily); font-style: normal; font-weight: 500; font-size: 30px; line-height: 110%; /* identical to box height, or 33px */ color: #1d1d1b; display: flex; margin: 0; align-items: center; } .opening_title { padding-right: 20px; } .opening_title h3 { display: flex; align-items: center; } .em_bottom_container .opening_title h3 img { margin-right: 10px; } .opening_info p { margin-bottom: 0; font-family: var(--secondryfamily); font-style: normal; font-weight: 400; font-size: 20px; line-height: 150%; color: #4d4e55; } .opening_info:nth-child(2) { color: #000; font-weight: 500; } .opening_info p:nth-child(2) { color: #000; font-weight: 500; } .opening_info { padding-left: 30px; border-left: 1px solid #ddd; } /* .opening_box:hover { box-shadow: 0px 33px 25px -25px rgba(32, 58, 88, 0.25); } */ .carrer-highlight .mxh_btmn { height: 23rem; } .apply_manually { margin: 50px 0; background: #fff; border: 1px solid #e0e5ef; box-shadow: 0px 33px 25px -25px rgba(32, 58, 88, 0.25); border-radius: 4px; padding: 30px 50px; } .apply_manually h3 { font-family: var(--primaryfamily); font-style: normal; font-weight: 500; font-size: 42px !important; line-height: 130%; color: #1d1d1b; margin-bottom: 10px !important; } .apply_manually p { font-family: var(--secondryfamily); font-style: normal; font-weight: 400; font-size: 16px; line-height: 160%; color: #545456; max-width: 70%; margin-bottom: 0; } .apply_manually h5.card-title { font-family: var(--secondryfamily); font-style: normal; font-weight: 400; font-size: 18px; line-height: 150%; color: #4d4e55; } .apply_manually p.second_pfont { font-family: var(--primaryfamily); font-style: normal; font-weight: 400; font-size: 27px !important; line-height: 110% !important; color: #1d1d1b !important; margin-bottom: 0; } .carrer-highlight .c_gph2::before { top: 40px; } .bi-chevron-left.slick-arrow { position: absolute; left: -10px; top: 65px; width: 30px; background: rgba(255, 255, 255, 0.26); height: 30px; border-radius: 100%; padding: 2px 5px; color: #fff; } .bi-chevron-right.slick-arrow { position: absolute; right: -10px; top: 65px; width: 30px; background: rgba(255, 255, 255, 0.26); height: 30px; border-radius: 100%; padding: 2px 5px; color: #fff; } .Page404 { height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #000; } .Page404 h2 { font-family: var(--primaryfamily); font-style: normal; font-weight: 400; font-size: 65px; line-height: 120%; text-align: center; background: linear-gradient(0deg, #ffffff, #ffffff), linear-gradient(90.12deg, #ffffff 0.16%, #f2ecff 92.45%); -webkit-background-clip: text; } .page404 p { font-family: var(--primaryfamily); font-style: normal; font-weight: 400; font-size: 25px; line-height: 160%; } .whitebtn { background: #fff; border: 1px solid #4ba4db; color: #4ba4db; width: 177px; height: 52px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 16px; } .whitebtn:hover { background: #4ba4db; color: #fff; } .vps-configuration:before { content: ""; background: url(../uploads/bg-vps-shade.webp) no-repeat left center / 100% 100%; width: 35%; height: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: -1; } .vps-system-info { margin-top: 80px; } .vps-system-info p { color: rgba(255, 255, 255, 0.8); } .vps_cards .card { padding: 30px 20px; max-width: 330px; width: 48%; background: linear-gradient(180deg, #717e8d -35.48%, #425569 96.86%); border-radius: 9px; } .vps_cards .card h3 { color: #fff; margin-bottom: 0; font-family: var(--primaryfamily); font-style: normal; font-weight: 600; font-size: 63.1947px !important; line-height: 80%; } .vps_cards .card img { width: 120px; margin-right: 30px; } .vps_cards .card .card-type p { font-family: "Barlow"; font-style: normal; font-weight: 400; font-size: 28.4388px !important; line-height: 120%; margin-bottom: 0; } .vps_cards .card:before { content: ""; background: url(../uploads/ellipse-shaped.svg) no-repeat left center / 100% 100%; position: absolute; left: 0px; top: -30px; width: 190px; height: 170px; } .vps_cards .card:after { content: ""; background: linear-gradient(310.66deg, #dcf2ff 15.17%, rgba(224, 243, 255, 0.5) 40.43%, rgba(220, 242, 255, 0) 77.2%); opacity: 0.1; transform: rotate(-90deg); width: 92px; height: 92px; position: absolute; border-radius: 100%; right: 20px; bottom: 10px; } .card-desc p { margin-bottom: 0; font-family: var(--secondryfamily); font-style: normal; font-weight: 400; font-size: 18px; line-height: 120%; max-width: 85%; } .vps_cards .card-purple { background: linear-gradient(48.42deg, #505aa0 20.08%, #6873b8 96.74%); } .vps_cards .card-purple .card-detail { height: 120px; } .vps_cards .card-purple .card-detail .card-detail-img { width: 84px; margin-right: 20px; } .vps_cards .card-purple .card-desc p { min-height: 40px; } .vps-system-info h2 { margin-bottom: 40px; font-family: var(--primaryfamily); font-style: normal; font-weight: 500; font-size: 50px !important; line-height: 120%; } .vps_cards { margin-top: 40px; } .vps_hosting_plans { background: url(../uploads/vps-hosting-bg.webp) no-repeat left top / 100% 100%; z-index: 9; } .hosting_plans .card { background: linear-gradient(0deg, #f2f8ff, #f2f8ff), linear-gradient(48.42deg, #699bca 20.08%, #81bef8 96.74%); border: 1px solid #175fb3; box-shadow: 0px 20px 22px -20px rgba(0, 52, 114, 0.35); border-radius: 9px; margin-bottom: 40px; } .hosting_plans .card .card-header { background: transparent; border: 0; padding: 0 30px; } .hosting_plans .card .card-header .card_icon { margin-top: -5px; margin-right: 20px; } .hosting_plans .card .card-header .card-metainfo h3 { font-family: var(--primaryfamily); font-style: normal; font-weight: 400; font-size: 55px; margin-bottom: 0; line-height: 120%; text-transform: uppercase; color: #35363a; padding-top: 20px; } .hosting_plans .card .card-header .card-metainfo h5 { font-family: var(--secondryfamily); font-style: normal; font-weight: 500; font-size: 20px; line-height: 150%; color: #1d1d1b; margin-top: -15px; margin-left: 3px; } .hosting_plans .card .card-header .card-metainfo p { font-family: var(--secondryfamily); font-style: normal; font-weight: 400; font-size: 20px; line-height: 150%; color: rgba(77, 78, 85, 0.7); } .vps-requirements ul li .title { font-family: var(--secondryfamily); font-style: normal; font-weight: 500; font-size: 20px; line-height: 120%; color: #1d1d1b; margin-left: 10px; text-align: left; } .vps-requirements ul li .icon { width: 26px; display: inline-block; text-align: center; } .vps-requirements ul li { display: flex; align-items: center; margin-bottom: 10px; } .vps-features ul li { padding-left: 28px; margin-bottom: 5px; position: relative; font-family: var(--secondryfamily); font-style: normal; font-weight: 400; font-size: 16px; color: #3e3e45; } .vps-features ul li:before { content: ""; background-image: url(../uploads/blue-dot.svg); position: absolute; left: 0; top: 3px; width: 20px; height: 20px; } .hosting_plans .card-body { padding: 10px 30px 40px; } .hosting_plans hr { background: linear-gradient(90deg, #4ba4db 0%, rgba(75, 164, 219, 0) 100%); border: 0; height: 2px; opacity: 1; margin: 30px 0; } .vps_plan_blocks .row { margin: 0 -15px; } .vps_plan_blocks .row .col-4 { padding: 0 15px; } .vps_hosting_plans .lflexheading h2 { font-family: var(--primaryfamily); font-style: normal; font-weight: 500; font-size: 55px; line-height: 120%; color: #fff; } .vps_hosting_plans .lflexheading p { font-family: var(--secondryfamily); font-style: normal; font-weight: 400; font-size: 20px; line-height: 150%; color: rgba(255, 255, 255, 0.8); margin-top: 10px; } .vps_hosting_plans .lflexheading { width: 100%; } .hosting_plans { padding: 0 15px; } .vps_plans { margin: 0 -15px; } .paddingt5b15 { padding-top: 5rem; padding-bottom: 15rem; } .vps-hosting-freeMkt .vertical_list h5 { margin-bottom: 10px; } .vps-hosting-freeMkt .vertical_list p.card-text { font-size: 16px; line-height: 130%; color: #63605d; } .hosting_plans.plan_gold .card { background: linear-gradient(180deg, #717e8d -35.48%, #425569 96.86%); border-color: #425569; } .hosting_plans.plan_gold .card .card-header .card-metainfo h3, .hosting_plans.plan_gold .card .card-header .card-metainfo h5, .hosting_plans.plan_gold .card .card-header .card-metainfo p, .hosting_plans.plan_gold .vps-requirements ul li .title, .hosting_plans.plan_gold .vps-features ul li { color: rgba(255, 255, 255, 0.9); } /* .vps-requirements ul li .icon img { filter: contrast(0); } */ .hosting_plans.plan_gold .vps-features ul li:before { content: ""; background-image: url(../uploads/bullet-white.svg); position: absolute; left: 0; top: 3px; width: 20px; height: 20px; } .tds_whatuget:before { background: url(../uploads/tds-what-get-bg.webp) no-repeat; background-size: cover; } .why_choose_mktp.tds_whatuget .lflexheading h2 { color: #fff; } .why_choose_mktp.tds_whatuget .lflexheading p { color: rgba(255, 255, 255, 0.88); margin-top: 10px; line-height: 120%; } .why_choose_mktp.tds_whatuget .lflexheading { width: 60%; } .join-tg-banner p { display: flex; align-items: center; font-family: var(--primaryfamily); font-style: normal; font-weight: 400; font-size: 16px !important; line-height: 137% !important; color: #ffffff; margin-top: 30px !important; width: 200px; margin-bottom: 0px !important; } .rightsidelinks { margin-left: 20px; } .tds-benefits ul li { font-family: var(--secondryfamily); font-style: normal; font-weight: 400; font-size: 18px; line-height: 169%; color: #1e1e1e; } .tds-benefits ul li:before { top: 6px; } .tds_whatuget .mktp_box { background: #f5f7fb; box-shadow: 0px 35px 27px -25px rgba(20, 49, 75, 0.25); border-radius: 9px; text-align: center; overflow: hidden; } .tds_whatuget .mktp_box .card-body { background: #f5f7fb; padding-bottom: 40px; font-family: var(--secondryfamily); font-style: normal; font-weight: 400; font-size: 20px; line-height: 150%; text-align: center; color: rgba(30, 30, 30, 0.7); } .tds_whatuget .mktp_box h2 { margin: 0; font-family: var(--primaryfamily); font-style: normal; font-weight: 500; font-size: 76.6667px; line-height: 120%; text-align: center; text-transform: uppercase; color: #3d95cb; } .tds_whatuget .mktp_box .card .card-header h3 { margin-top: -10px; } .faq-search-pane { background: linear-gradient(269.15deg, #717e8d -13.51%, #425569 100%); border-radius: 9px; padding: 60px; position: relative; } .faq-search-box { position: relative; z-index: 9; } .faq-search-box:after { content: ""; background: linear-gradient(310.66deg, #dcf2ff 15.17%, rgba(224, 243, 255, 0.5) 40.43%, rgba(220, 242, 255, 0) 77.2%); opacity: 0.3; width: 150px; height: 150px; position: absolute; right: -30px; top: 0px; border-radius: 100%; transform: rotate(-90deg); } .faq-srch-text h2 { font-family: "Barlow Condensed"; font-style: normal; font-weight: 500; font-size: 55px; line-height: 120%; margin-bottom: 10px; color: #ffffff; } .faq-search-pane .faq-srch-text p { font-family: "Barlow Semi Condensed"; font-style: normal; font-weight: 400; font-size: 20px; line-height: 160%; color: #fff; } .faq-search-box label { font-family: "Barlow Condensed"; font-style: normal; font-weight: 500; font-size: 26px; line-height: 150%; color: #fff; margin-bottom: 20px; } .faq-search-box .input-group { background: rgba(51, 62, 75, 0.7); border: 1px solid #8b9bab; border-radius: 5px; overflow: hidden; } .faq-search-box .input-group .form-control { background: transparent; border: 0; height: 54px; color: #fff !important; } button#srch_btn { background: #4ba4db; color: #fff; border: 0; font-family: "Barlow Condensed"; font-style: normal; font-weight: 400; font-size: 16px; line-height: 36px; letter-spacing: 0.5px; margin: 1px 1px; width: 100px; border-radius: 4px; } button#srch_btn img { margin-top: -3px; } .faq-search-pane:before { content: ""; background: url(../uploads/ellipse-faq-top.svg) no-repeat left center; position: absolute; left: 50%; transform: translateX(-50%); width: 350px; height: 120px; top: 0; } .faq-search-pane:after { content: ""; background: url(../uploads/ellipse-reverse-faq.svg) no-repeat left center; position: absolute; left: 70%; transform: translateX(-50%); width: 440px; height: 220px; bottom: 0; } .faq-search-box .input-group .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: rgba(255, 255, 255, 0.8); opacity: 1; /* Firefox */ } .faq-search-box .input-group .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(255, 255, 255, 0.8); } .faq-search-box .input-group .form-control::-ms-input-placeholder { /* Microsoft Edge */ color: rgba(255, 255, 255, 0.8); } .em_bottom_container .category-list h3 { font-family: "Barlow Condensed"; font-style: normal; font-weight: 500 !important; font-size: 30px !important; line-height: 130%; color: #383635 !important; margin-bottom: 10px; } .category-list .nav-pills { width: 340px; } .category-list .nav-pills .nav-link { background: #fff; border-radius: 4px; margin-bottom: 15px; padding: 15px 25px; text-align: left; font-family: "Barlow Condensed"; font-style: normal; font-weight: 500; font-size: 20px; line-height: 150%; box-shadow: none; color: #35363a; position: relative; } .category-list .nav-pills .nav-link.active { color: #fff !important; background: #4ba4db; } .faq-category .tab-content { width: calc(100% - 340px); border-radius: 9px; background: #f3f4f5; padding-bottom: 20px; } .category-list .nav-pills .nav-link:before { content: ""; background: url(../uploads/arrow-gray.svg) no-repeat left center; position: absolute; right: 20px; width: 10px; top: 50%; height: 20px; transform: translateY(-50%); } .category-list .nav-pills .nav-link.active:before { content: ""; background: url(../uploads/arrow-white.svg) no-repeat left center; } .ex_product.t_faqs { background: linear-gradient(0deg, #e8e9eb, #e8e9eb), #ececec; } .faq-header { padding: 20px 30px; position: relative; } .faq-header h2 { font-family: "Barlow Condensed"; font-style: normal; font-weight: 500; font-size: 30px; line-height: 110%; color: #1d1d1b; margin-bottom: 0; } .faq-header p { margin-bottom: 0; font-family: "Barlow Semi Condensed"; font-style: normal; font-weight: 400; font-size: 16px; line-height: 120%; color: #3e3e45; } .faq-header:before { content: ""; width: 3px; height: 70px; background: #4ba4db; position: absolute; left: 0; top: 55%; transform: translateY(-55%); } .faq-category .accordion-item button.accordion-button:not(.collapsed), .faq-category .accordion-item .accordion-collapse.show { background: #fff; } .faq-category .accordion-item button.accordion-button, .faq-category .accordion-item .accordion-collapse { background-color: #f5f5f5; } .apply_manually.faq_bottom_manual h4 { font-family: "Barlow Condensed"; font-style: normal; font-weight: 500; font-size: 42px; line-height: 130%; color: #1d1d1b; margin-bottom: 0; } .apply_manually.faq_bottom_manual p { margin: 0; font-family: "Barlow Semi Condensed"; font-style: normal; font-weight: 400; font-size: 16px; line-height: 160%; color: #545456; } .apply_manually.faq_bottom_manual h5.card-title { font-family: "Barlow Semi Condensed"; font-style: normal; font-weight: 400; font-size: 18px; line-height: 100%; color: #4d4e55; margin-bottom: 0; } .apply_manually.faq_bottom_manual .em_img { top: 0 !important; } .apply_manually.faq_bottom_manual .em_rightdata { white-space: nowrap; } .apply_manually.faq_bottom_manual { margin: 0; margin-top: -240px; } .apply_manually.faq_bottom_manual p.second_pfont { font-family: "Barlow Condensed"; font-style: normal; font-weight: 500; font-size: 22px; line-height: 130%; color: #1d1d1b !important; } .paddingb15 { padding-bottom: 15rem; } .faq-category .accordion-item .accordion-body { padding-left: 0; } .faq-category .accordion-item button.accordion-button, .faq-category .accordion-item .accordion-collapse { padding-left: 60px; } .faq-category .accordion-button span { left: 30px; } .query_box.leverage_exp .accordion-button:not(.collapsed):after { background-image: url(../uploads/arrow-blue.svg); background-repeat: no-repeat; transform: rotate(-90deg); } .query_box.leverage_exp .accordion-button.collapsed:after { background-image: url(../uploads/arrow-blue.svg); background-repeat: no-repeat; transform: rotate(0deg); } .op03 { opacity: 0.3; } #job-openings { margin-top: -12rem; } .urmoney-urway .flexhead.flexhead76 { margin-bottom: 10px; } .urmoney-urway .flexhead.flexhead76 .lflexheading { width: 100%; } .funding-logos { display: flex; align-items: center; overflow: hidden; position: relative; } .funding-logos .logo-listing { width: 100%; margin-right: 20px; background: #fff; padding: 60px 70px; transform: skewX(10deg); margin-left: -22px; box-shadow: 5px 7px 13px rgba(0, 0, 0, 0.1); margin-bottom: 20px; height: 260px; } .funding-logos .logo-listing ul { display: flex; transform: skewX(-10deg); flex-wrap: wrap; } .funding-logos .logo-listing ul li { width: 20%; padding: 20px 0; } .more-options { background: #fff; margin-bottom: 20px; transform: skewX(10deg); margin-right: -40px; box-shadow: 5px 7px 13px rgba(0, 0, 0, 0.1); width: 260px; height: 260px; } .more-options a { transform: skewX(-10deg); padding: 90px 60px; font-family: "Barlow Semi Condensed"; font-style: normal; height: 100%; transition: all 0.5s ease-in-out; font-weight: 500; font-size: 14px; line-height: 150%; text-align: center; color: #4ba4db; } .more-options a img { display: block; margin-bottom: 15px; transition: all 0.5s ease-in-out; } .more-options a:hover img { transform: translateX(10px); transition: all 0.5s ease-in-out; } .funding-logos:after { content: ""; background: linear-gradient(212.36deg, #717e8d 1.5%, #425569 100%); position: absolute; left: 0; top: 20px; height: 80%; width: 100%; z-index: -1; } .logincont .disable_inp input#country_val_div { padding-left: 0.7rem; } #widget_exma_register .select2-selection__rendered { line-height: 58px; } #widget_exma_register span.select2-selection { height: 62px; border-color: #ddd; } #widget_exma_register span.select2-selection span.select2-selection__arrow { top: 50%; transform: translateY(-50%); } #widget_exma_contact .select2-selection__rendered { line-height: calc(3.7rem + calc(var(--bs-border-width) * 2)); } #widget_exma_contact span.select2-selection { height: calc(3.7rem + calc(var(--bs-border-width) * 2)); border-color: #ddd; } #widget_exma_contact span.select2-selection span.select2-selection__arrow { top: 50%; transform: translateY(-50%); } .landing_slider.commodities_banner .item .info .slider_left_img { padding: 0px 40px 0px 40px; } .otp_blocks .form-control { padding: 10px 15px; margin: 0.5rem 3px !important; font-size: 1.8rem; } .contact_success img { margin: auto; } .contact_success h3 { font-size: 24px; color: #000; } .contact_success { background: #fff; border-radius: 9px; margin-top: -14rem; padding: 30px; max-width: 25.62rem; margin-left: auto; } .landing_slider.tradingAcc_banner .item .slider_left_img img { max-width: 394px !important; } .button-apply .button { width: 190px; } .logincont .form-floating>textarea.form-control:not(:placeholder-shown)~label { display: none; } .trading-central-slider .slider_left_img img { width: 76%; } .modal-restricion { padding: 30px 30px 20px 30px !important; } .modal-restricion h5 { font-size: 30px; font-family: "Barlow Condensed", sans-serif; color: #191a1d; } .modal-restricion p { font-size: 16px; color: #191a1d; font-family: "Barlow Condensed", sans-serif; margin-left: 0.5px !important; } .restriction-btn { height: 52px !important; width: 130px; min-width: fit-content; font-size: 16px !important; font-family: "Barlow Condensed", sans-serif; } .modal-position p { margin-right: 50px; color: #191a1d; font-size: 16px; } .cookies-policy { position: fixed; bottom: 0px; max-width: 100%; width: 100%; margin: auto; left: 50%; transform: translateX(-50%); background: #fff; padding: 30px; z-index: 9999; } .flexmobile { max-width: 1080px; margin: auto; } .cookies-policy p { margin-bottom: 0; margin-right: 30px; } ul.faqlist li { font-size: 17px; list-style: square; font-family: "Barlow Semi Condensed", sans-serif; color: #545456; } ol.faqlist li { font-size: 17px; list-style-type: decimal; font-family: "Barlow Semi Condensed", sans-serif; color: #545456; } .termsTxt { opacity: 0.7; font-size: 14px !important; font-family: "Barlow Semi Condensed"; } .tab-pane:before { animation: fadeInRight; animation-duration: 2s; --animation-repeat: 2; --animate__repeat: 3; } .nav-link:hover img { transform: scale(1.1); transition: all 0.5s ease-in-out; } .xma-flex-tabs .tab-content { position: relative; overflow: hidden; } .common-link-em a .bi { position: relative; left: 2px; top: 2px; transition: all 0.5s ease-in-out; } .common-link-em a:hover .bi { left: 7px; transition: all 0.5s ease-in-out; } .mt-card-hov .bi { position: absolute; right: 30px; color: #fff; transition: all 0.5s ease-in-out; } li.mt-card-hov:hover .bi { right: 20px; transition: all 0.5s ease-in-out; } .disk_block .below_card label { font-size: 1rem; } .em_bottom_container.product_card.product_feature_section h2 { font-size: 2.7rem !important; } .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl { opacity: 0.7; } .partnerWithUs .card-body.one_ricon { background: #f5f7fb; text-align: center; border-radius: 9px; min-height: 170px; padding: 20px 0; } .partnerWithUs .card-body.one_ricon p { margin-bottom: 0; } .landing_block_wrapper .slick-track { display: flex !important; align-items: center !important; } .singleitem .PrevArrow.slick-arrow, .singleitem .NextArrow, .multiitem button.slick-arrow { transition: all 0.5s ease-in-out; } .singleitem .PrevArrow.slick-arrow:hover, .singleitem .NextArrow:hover { background: #1e2023; transition: all 0.5s ease-in-out; opacity: 1; } .singleitem .PrevArrow.slick-arrow:hover .bi, .singleitem .NextArrow:hover .bi { color: #fff; } .multiitem button.slick-arrow:hover { opacity: 1; color: #2672a0; transition: all 0.5s ease-in-out; } .multiitem .em-card:hover .card-body-footer i { transform: translateX(5px); transition: all 0.5s ease-in-out; } .multiitem .em-card i { transition: all 0.5s ease-in-out; } .t_spec .rs_accordian.metatraderTabs .nav-tabs { justify-content: start; column-gap: 50px; } .t_spec .rs_accordian.metatraderTabs .nav-tabs>.nav-tabs { margin: 0; } .t_spec .rs_accordian.metatraderTabs .tab-content .nav-tabs { margin: 0; } .rs_accordian.metatraderTabs .accordion .accordion-item { padding-top: 10px; } .rs_accordian.metatraderTabs .accordion .accordion-item .accordion-button { background: #f8f8f8; } .rs_accordian.metatraderTabs .accordion .accordion-item .accordion-collapse { border-top-left-radius: 0; border-top-right-radius: 0; } .rs_accordian.metatraderTabs .accordion .accordion-item button.accordion-button:not(.collapsed) { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rs_accordian.metatraderTabs .accordion .accordion-item .accordion-button:after { width: 17px; height: 17px; margin-top: 7px; } .t_spec .rs_accordian.metatraderTabs .nav-tabs>.nav-tabs { margin: 0; } .t_spec .rs_accordian.metatraderTabs .tab-content .nav-tabs { margin: 0; } .rs_accordian.metatraderTabs .accordion .accordion-item { padding-top: 10px; } .rs_accordian.metatraderTabs .accordion .accordion-item .accordion-button { background: #efefef; padding: 1rem 1rem 1rem 1rem; font-size: 1.2rem; } .rs_accordian.metatraderTabs .accordion .accordion-item .accordion-collapse { border-top-left-radius: 0; border-top-right-radius: 0; padding: 0 0 0 10px; } .rs_accordian.metatraderTabs .accordion .accordion-item button.accordion-button:not(.collapsed) { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rs_accordian.metatraderTabs .accordion .accordion-item .accordion-button:after { width: 17px; height: 17px; margin-top: 7px; } .table-responsive.table-height { max-height: 400px; } .metatraderTabs table td, .metatraderTabs table th { font-size: 1rem; } .metatraderTabs table { white-space: nowrap; } .vps_cards.d-lg-flex.align-items-center.justify-content-between .card { height: 230px; } .rs_accordian.metatraderTabs .accordion .accordion-item .accordion-collapse table tr.active td, .rs_accordian.metatraderTabs .accordion .accordion-item .accordion-collapse table tr.active th { color: #212529; } /* .t_spec .rs_accordian.metatraderTabs .tab-content ::-webkit-scrollbar { width: 10px; height: 0px; } */ .t_spec .rs_accordian.metatraderTabs .tab-content .accordion-collapse ::-webkit-scrollbar { width: 10px; height: 10px; } #myVideo { position: absolute; background-position: center center; filter: grayscale(1); opacity: 0.2; } .t_spec .rs_accordian.spread-swap-tabs .nav-tabs li button.active { color: #06a7e0 !important; border: 0; border-bottom: 0; opacity: 1; background: antiquewhite; background: #5aa6dc !important; color: #fff !important; } .t_spec .rs_accordian.spread-swap-tabs .nav-tabs li button { background-color: #dde6ec !important; color: #545456; background: #d8e2e9; border-radius: 4px; padding: 10px 6px; font-size: 1.12rem; min-width: 115px; } .rs_accordian.spread-swap-tabs .nav-tabs li { width: 100% !important; max-width: 7rem !important; } .t_spec .rs_accordian.spread-swap-tabs .nav-tabs { justify-content: start; column-gap: 2px; } .t_spec .rs_accordian.spread-swap-tabs .nav-tabs { background: transparent; padding: 15px 20px 0px 22px; justify-content: space-between; } .t_spec .rs_accordian.spread-swap-tabs .nav-tabs#myTab { justify-content: flex-start; column-gap: 20px; } .metatraderTabs.spread-swap-tabs { background: transparent; padding: 0; } .metatraderTabs.spread-swap-tabs ul#myTab { padding: 0; margin: 0 0 20px; } .metatraderTabs.spread-swap-tabs .rs_accordian { border-radius: 9px; } a.animatedtext.stretched-link:before { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } /* .animatedtext.stretched-link:hover .txtbtn { padding: 5px 13px; background: #4ba4db; width: 110px; } */ /* .animatedtext.stretched-link:hover:hover .txtbtn span { font-size: 1rem; } */ .readmore-booster .stretched-link::after { position: fixed; } .lower-tabs-cont a.global_a { color: #4ba4db; } #holiday tr.active { color: #000 !important; } #holiday .table-container { height: 500px; /* overflow-y: scroll; */ overflow-y: auto; } .vertical_list_inner .em-card .card-body .em_rightdata p { font-size: 1rem; } .exma-dup-bank { transform: translate3d(0, 0, 0); } .vps-configuration .ab_img img { max-width: 80%; } /*products live rate widget css */ .liveRatesWidget .lflexheading h2 { color: #fff; margin-bottom: 0; } .liveRatesWidget .lflexheading p { color: rgba(255, 255, 255, 0.8); } .widgetCard { background: #1e2124; border: 0; border-radius: 0 !important; } .widgetCard .card-header { background: #2d3035; border-radius: 0; display: flex; align-items: center; justify-content: space-between; height: 50px; } .widgetCard .card-header .rflexactionbtn { display: flex; align-items: center; column-gap: 5px; } .liveRatesWidget .mk_up .spread-up { display: block; } .liveRatesWidget .mk_up .spread-down { display: none; } .liveRatesWidget .mk_down .spread-up { display: none; } .liveRatesWidget .mk_down .spread-down { display: block; } .widgetCard .card-body.mini_ld_block { display: block; border: 0; } .card.widgetCard.live_data { padding: 0; border: 0; } .card.widgetCard.live_data:before { display: none; } .widgetAskBid { display: flex; align-items: center; column-gap: 40px; } .widgetLiveData { width: 50%; position: relative; } .widgetLiveData:first-child:before { content: ""; width: 1px; height: 60px; position: absolute; background: #2d3035; right: -20px; } .widgetLiveData h3 { font-family: "Barlow Condensed"; font-style: normal; font-weight: 400 !important; font-size: 26px !important; } .widgetLiveData .bidPrice { display: flex; align-items: center; justify-content: flex-start; column-gap: 0px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #2d3035; } .liveRatesWidget i.bi, .liveRatesWidget .bi { box-shadow: none; background: transparent !important; width: 20px; height: 20px; padding: 0; } .widgetLiveData .bidPrice h3 { margin-bottom: 0; width: 77px; overflow: hidden; white-space: nowrap; } a.link-sell { display: block; text-align: center; color: #e84650; font-family: "Barlow Semi Condensed"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 150%; } a.link-buy { display: block; text-align: center; color: #a4ffa5; font-family: "Barlow Semi Condensed"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 150%; } a.link-buy:hover { color: #4cd74d; } a.link-sell:hover { color: #f7767e; } .widgetCard .card-header .lflexheading label { font-family: "Barlow Condensed"; font-style: normal; font-weight: 400; font-size: 17px; line-height: 150%; } label.spreadLabel { font-family: "Barlow Semi Condensed"; font-style: normal; font-weight: 400; font-size: 16px; line-height: 150%; color: #9a9fa6; } .widgetCard .card-header .rflexactionbtn span:first-child { width: 32px; } .liveWidgetHolder .row { margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .liveWidgetHolder .container, .liveWidgetHolder .row>* { padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); } .mktOverlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; opacity: 0; transition: all 0.5s ease-in-out; width: 95%; text-align: center; border: 1px solid #4ba4db; height: 100%; background: rgba(57, 62, 70, 0.5); border-radius: 4px; backdrop-filter: blur(5px); } .liveRatesWidget .rflexactionbtn .button i { top: -2px; } a.link-sell i { position: relative; top: 0px; left: 2px; transition: all 0.5s ease-out; } a.link-sell:hover i { top: 2px; } a.link-buy i { position: relative; top: 0px; left: 2px; transition: all 0.5s ease-out; } a.link-buy:hover i { top: -2px; } .widgetCard .card-header .lflexheading { display: flex; column-gap: 5px; } .mktOverlay .btnGroups { height: 100%; display: flex; align-items: center; justify-content: center; column-gap: 20px; } .mktOverlay .btnGroups { height: 100%; display: flex; align-items: center; justify-content: center; column-gap: 20px; } .mktOverlay .btnGroups .button { box-shadow: 0px 9px 7px -7px rgba(0, 0, 0, 0.8); border-radius: 4px; height: 34px; width: 80px; font-family: "Barlow Semi Condensed"; font-style: normal; font-weight: 400; padding: 0; font-size: 16px; line-height: 150%; } .mktOverlay .btnGroups a.button.solidbtn .bi { margin-right: 5px; display: block; margin-left: -5px; } .mktOverlay .btnGroups .btnSell { background: #e84650; } .mktOverlay .btnGroups .btnbuy { color: #000; background: #a4ffa5; } .market_live_slider2 .img-fill { transition: all 0.5s ease-in-out; position: relative; } .market_live_slider2 .img-fill:hover .mktOverlay { opacity: 1; transition: all 0.5s ease-in-out; } .mktOverlay .button:hover { box-shadow: none; } .liveWidgetHolder ul.slick-dots { text-align: center; } html[lang="el"] .live_data .mini_ld_block li label { font-size: 0.9rem; } table.dataTable thead th, table.dataTable thead td { border-bottom: 1px solid #dee2e6; } table.dataTable tbody tr { border-bottom: 1px solid #dee2e6; } .dataTables_wrapper .dataTables_paginate .paginate_button { margin-bottom: 4px; } table.dataTable tbody th, table.dataTable tbody td { color: #212529; border-bottom: 1px solid #dee2e6; } @media (max-width: 1600px) and (min-width: 992px) { .widgetLiveData .bidPrice h3 { font-size: 22px !important; } /* .widgetAskBid { column-gap: 10px; } */ .widgetCard .card-header { height: auto; } .widgetCard .card-body.mini_ld_block { padding: 10px; } /* .widgetLiveData:first-child:before{right:-3px} */ } /*products live rate widget css ends------------------*/ @media (min-width: 1600px) { #myVideo { width: 100%; } html[lang="el"] .widgetCard .card-header .rflexactionbtn span:first-child { width: 38px; font-size: 15px; } } @media (max-width: 1600px) { .table_tabs.mkt-instruments-tabs a.nav-link { margin-right: 40px; } .pg_career .button { width: auto; } .minicard-career h5 { font-size: 32px; } .carrer-highlight .lineone ul li { font-size: 18px; } .em_bottom_container .opening_title h3 { font-size: 30px !important; } .t_tradingsignal.ex_product .landing-banner-top { min-height: 100vh; } .tds-benefits .solidbtn { width: auto; } .vps-system-info { margin-top: 50px; } .vps-system-info h2 { font-size: 40px !important; } .vps_cards .card h3 { font-size: 53px !important; } .vps_cards .card .card-type p { font-size: 18px !important; } .funding-logos .logo-listing { padding: 25px 70px; } .funding-logos .logo-listing ul li { width: 25%; } .live_data .mini_ld_block { column-gap: 5px; } .live_data .mini_ld_block li label { font-size: 0.9rem; } .widgetCard .card-header .rflexactionbtn span:first-child { width: 32px; } html[lang="el"] .widgetCard .card-header .rflexactionbtn span:first-child { width: 38px; font-size: 13px; } html[lang="el"] .widgetLiveData .bidPrice h3 { font-size: 20px !important; } } @media (max-width: 1540px) { .awrd_list .item { padding: 0 4px; } .mktp_box .card .card-header h3 { font-size: 26px !important; } .global_presence { background: #e8e9eb; padding-bottom: 100px; } .card-desc p { max-width: 100%; } #widget_exma_contact .select2-selection__rendered { line-height: calc(2.8rem + calc(var(--bs-border-width) * 2)); } #widget_exma_contact span.select2-selection { height: calc(2.8rem + calc(var(--bs-border-width) * 2)); text-align: left; } .disk_block .below_card label { font-size: 1rem; } .em_bottom_container.product_card.product_feature_section h2 { font-size: 2.4rem !important; } .landing_slider .button { min-width: 170px; } .rs_accordian .nav-tabs { margin: 0; } .t_spec .rs_accordian.metatraderTabs .tab-content .nav-tabs { margin: 0; white-space: nowrap; width: 100%; display: inline-block; overflow-x: auto; overflow-y: hidden; } .t_spec .rs_accordian.metatraderTabs .tab-content .nav-tabs li { width: 100px; display: inline-block; margin-right: 20px; } .t_spec .rs_accordian.metatraderTabs .nav-tabs { margin: 0; } /* .footer_achievement_slider .footer_ach_img{ height: 162px; } */ .liveRatesWidget a.button { width: fit-content; } .widgetLiveData h3 { font-size: 24px !important; } html[lang="el"] .live_data .mini_ld_block li label { font-size: 0.7rem; } } @media (max-width: 1200px) { .mktp_box .card .card-header h3 { font-size: 28px !important; } } @media (max-width: 992px) { .why_choose_mktp { margin-bottom: -80px; } .why_choose_mktp:before { height: calc(100% - 75px); } .vision_mission_tabs #myTab .nav-item .nav-link { font-size: 30px; } .m_blocks .mktp_box .card .card-header { padding: 30px; border-radius: 9px; } .m_blocks .mktp_box .card .card-header h3 { margin-top: 0; } .awrd_header { background: no-repeat; padding-left: 30px; } .ab_awrd_img { position: unset; top: -120px; margin-left: 100px; text-align: center; } .award_winning { padding-top: 120px; padding-bottom: 120px; } .awrd_list { padding-left: 0px; padding-top: 20px; } .awrd_list .item { padding: 10px; } .awrd-info { padding-left: 0; padding-top: 0; } .why_choose_mktp .flexhead .lflexheading, .flexhead76.flexhead .lflexheading { width: 100%; } .flexhead.flexhead76 { margin-bottom: 0px; } .flexhead.flexhead76 h2 { margin-bottom: 10px !important; } marquee span, .marquee span { font-size: 54px; line-height: 140%; } .marquee-section { min-height: 80px; } .country_list ul li { width: 32%; font-size: 22px; justify-content: flex-start; } .country_list { padding: 20px; } .table_tabs .nav-tabs::-webkit-scrollbar { height: 0px; } .table-responsive { white-space: nowrap; } .table-responsive::-webkit-scrollbar { height: 3px; background: #c9dbe7 !important; color: #c9dbe7 !important; } .vps_hosting_plans .flexhead { flex-direction: column; } .vps_hosting_plans .rflexactionbtn { display: none; } .hosting_plans .card .card-header .card-metainfo h5 { margin-top: -10px; margin-left: 0; } section.paddingt5b15.vps-hosting-freeMkt { padding-bottom: 5rem; } .vps_cards .card { width: 100%; margin: 30px auto; } .why_choose_mktp.tds_whatuget { margin-bottom: 0; padding-bottom: 100px; } .why_choose_mktp.tds_whatuget:before { height: 100% !important; background-size: cover; } .why_choose_mktp.tds_whatuget .mktp_box .card .card-header .card_icon { display: block; width: 120px; height: auto; background: transparent; } .why_choose_mktp.tds_whatuget .mktp_box .card .card-header .card_icon h2 { line-height: 80%; } .tds-bottom-section { padding-top: 0; } .join-tg-banner { justify-content: center; } .t_tradingsignal.ex_product .landing-banner-top { padding-top: 10rem; } .faq-category .tab-content { width: 100%; } .category-list .nav-pills { width: 100%; } .carrer-highlight .helpdesk .h_grid { padding: 2rem 0rem 0rem 1.5rem; } .carrer-highlight .helpdesk { height: 21.5rem; } .carrer-highlight .helpdesk .h_grid p { font-size: 16px !important; } .carrer-highlight .lineone ul li { font-size: 16px; } .funding-logos { display: block; } .funding-logos .logo-listing, .funding-logos .logo-listing ul { transform: initial; margin: 0 0 20px; height: auto; } .funding-logos .logo-listing ul li { width: 33.33%; } .more-options { transform: initial; text-align: center; width: 100%; display: flex; margin: 0; align-items: center; justify-content: center; height: auto; } .more-options a { padding: 40px 40px; transform: initial; text-align: center; display: flex; justify-content: center; flex-direction: row-reverse; align-items: center; } .more-options a img { display: inline-block; margin: 0 0 0 40px; max-width: 60px; } .funding-logos .logo-listing { padding: 25px 30px; margin-bottom: 10px; } .funding-logos:after { width: 95%; margin: 0 17px; } .contact_success { margin: auto; } .contact_success img { margin-top: 0 !important; } .opening_box { display: block; padding: 20px 20px; } .opening_box .opening_title { width: 100%; margin-bottom: 15px; } .opening_box .ipening_loc { width: 100%; margin-bottom: 15px; } .opening_box .button-viewdetail { margin-left: auto; position: absolute; bottom: 7px; right: 20px; } #currentOpenings .accordion-button::after { bottom: 8px; right: 20px; } .opening_info:first-child { border: 0; } #currentOpenings .accordion-body .job-brief h3 { font-size: 25px !important; } #currentOpenings .accordion-body .job-brief { max-width: 100%; } /* .landing_block_wrapper .slick-track { display: initial!important; } */ .rs_accordian.metatraderTabs .tab-content>.tab-pane { display: none; } .rs_accordian.metatraderTabs .tab-content>.active { display: block; } .t_spec .rs_accordian.metatraderTabs .tab-content .nav-tabs li { width: fit-content; display: inline-block; margin-right: 20px; } .t_spec .rs_accordian.metatraderTabs .nav-tabs { margin: 0; } .t_spec .rs_accordian.metatraderTabs .tab-content .nav-tabs { padding-left: 0; } div#innerTabContent .tab-pane { padding: 0; } .em_bottom_container.product_card .em_rightdata p { font-size: 1.12rem !important; } .vps-configuration .ab_img img { max-width: 100%; } .widgetLiveData .bidPrice h3 { font-size: 26px !important; } .liveRatesWidget .rflexactionbtn .button i { top: 0; } .widgetCard .card-header { height: auto; } .widgetCard .card-header .rflexactionbtn span:first-child { width: 36px; } } @media (max-width: 768px) { .country_list ul li { width: 49%; font-size: 22px; justify-content: flex-start; } .country_list { padding: 20px; margin-top: -260px; z-index: 11; } .country_list ul li .cntry_icon { width: 30px; height: 30px; } img.mob_globe { transform: scale(1.2); margin-top: 70px; } .country_list:before { background-size: cover; } .country_list:after { content: ""; background: url(../uploads/circle-big.webp) no-repeat; position: absolute; right: 3px; bottom: -70px; width: 140px; z-index: -2; border-radius: 9px; height: 140px; filter: blur(0px); } .country_list ul:after { content: ""; background: url(../uploads/blur-circlemsll.webp) no-repeat; position: absolute; left: 26%; top: -25px; width: 50px; z-index: 1; border-radius: 9px; height: 50px; filter: blur(0px); } .country_list ul:before { content: ""; background: url(../uploads/small-circle.webp) no-repeat; position: absolute; right: -6%; top: 40%; width: 40px; z-index: 1; border-radius: 9px; height: 40px; filter: blur(0px); } /* .swap-nav{width:100% !important; transform: scale(1) !important;} */ .swap-rate-section .slider-nav .slick-list { padding: 30px 0px !important; overflow: visible; height: 190px; } .swap-rate-section .slick-arrow { display: none !important; } /* .swap-nav { width: 314px !important; } */ .swap-rate-section .slick-dotted.slick-slider { padding: 0; } .swap-rate-section .slider-for.slick-initialized.slick-slider { border: 0; padding: 0; margin: 0; top: -20px; } .swap-rate-section .slider-for .slick-list { background: transparent; padding: 10px; } .swap-rate-section .em_bottom_container .slide-swap-info h3 { font-size: 25px !important; } .swap-rate-section .em_bottom_container .slide-swap-info h5 { margin-bottom: 20px; } .swap-rate-section { padding-bottom: 0; } .swap-rate-section .swap-nav .swap-icon img { width: 40px; } .card_dark .card-title { font-size: 22px; } .minicard-career { background: #fff; padding: 20px 10px; margin-right: 10px; border: 0; border-radius: 9px; margin-bottom: 20px; } .minicard-career h5.card-title { font-size: 22px; margin-bottom: 5px; } .minicard-career p.second_pfont { font-size: 14px !important; } .carrer-highlight .helpdesk { background: url(../uploads/career-mob.webp); background-repeat: no-repeat; background-size: 100%; height: 50rem; background-position: bottom center; } .carrer-highlight .helpdesk .h_grid { padding: 4rem 20px; } .carrer-highlight .mxh_btmn { height: 700px; } .opening_info { border: 0; padding: 0; } .opening_box .ipening_loc { padding: 10px 30px 20px !important; } .opening_box { padding: 0; } .opening_box .opening_title { padding: 10px 20px; margin-bottom: 0; } .button-apply { background: #fff; padding: 20px; } .button-apply a.button.solidbtn { width: 80%; } .apply_manually { display: none; } .abt_trade_fx { margin-top: 40px; } .vps-configuration:before { display: none; } .vps-system-info { margin-top: 0; } /* .img-mob-vps { width: 100%; margin-left: -10%; margin-top: 50px; margin: 0px; left: 0; height: 400px; } */ .img-mob-vps:before { background: url(../uploads/mob-vps-bg.png) no-repeat left center / 100% 100%; width: 100%; height: 500px; content: ""; position: absolute; left: 0; top: 30%; z-index: -1; } .img-mob img { width: 50%; margin: auto; display: block; } .img-mob-vps { height: 400px; } .vps_cards .card { width: 100%; margin: 30px auto; } .paddingb15 { padding-bottom: 10rem; } .carrer-highlight .c_gph2::before { top: 0; } #job-openings { margin-top: 0rem; } .modal-mobile { /* height: 500px !important; */ padding: 0px; } .modal-restricion { padding: 10px 15px 10px 15px !important; overflow: auto; height: 500px; } .modal-restricion h5 { font-size: 20px; line-height: 30px; padding-bottom: 5px; } .modal-restricion p { font-size: 14px !important; line-height: 22px; } .restbtn { justify-content: center !important; } #reverse_solicitation_poupup .modal-restricion { height: 100%; } .restbtn { justify-content: center !important; } /* modal 2 start */ .cookies-policy p { font-size: 14px; line-height: 17px; } .cookies-policy .flexmobile { flex-direction: column; } .modal-position p { margin-right: 0px; } .modal-position .modal-content { height: 179px !important; } .cookies-policy { width: 90%; } .cookies-policy p { margin-bottom: 20px; } .cookies-policy .restriction-btn1 { width: 100%; } .t_partner .em_bottom_container .partnerWithUs .minicard .card-body { padding: 30px; text-align: left; min-height: auto; margin-bottom: 20px; } .partnerWithUs .card-body.one_ricon p { margin-bottom: 0; min-height: auto; } .vps_cards.d-lg-flex.align-items-center.justify-content-between .card { height: auto; } .liveRatesWidget .flexhead { display: block; } .liveRatesWidget .flexhead .rflexactionbtn { text-align: left; } .liveRatesWidget a.button { width: 100%; display: block; text-align: center; padding: 10px 0; font-size: 18px; } /* Home Trading ac overview  */ /* .xma-flex-tabs .nav-pills { max-width: 100%!important; flex-wrap: nowrap!important; } */ } @media (max-width: 576px) { .mobilevertical { width: 9rem !important; } .carrer-highlight .helpdesk { background-position: initial; } .img-mob-vps, .img-mob-vps:before { height: 280px; } .faq-search-pane { padding: 60px 20px; } #job-openings { margin-top: -4rem; } .funding-logos .logo-listing ul { column-gap: 15px; } .funding-logos .logo-listing ul li { width: 29%; } .funding-logos:after { width: 90%; } .ex_product .landing-mark { display: block; } .ex_product .landing-mark.landing-leftd-mark { display: none; } .ex_copy .copy-rform .dual_screen { padding: 2rem 1.5rem; } .logincont .disable_inp input#country_val_div { padding-left: 0.4rem; } .xma-flex-tabs .exma-tabs-container .lower-tabs-cont { padding-right: 0; } .mail-mid-right a { font-size: 16px !important; } .mobilevertical .mobilecard { margin-top: 0; margin-bottom: 9px; } .mobilevertical { bottom: -13px; } .back-to-top { right: 24px; } .xma-flex-tabs .exma-tabs-container .upper-tabs-cont .inner-flex-block label span { display: block; margin-left: 0 !important; } .xma-flex-tabs .exma-tabs-container .upper-tabs-cont .inner-flex-block label b sep { display: none; } .mktOverlay .btnGroups { column-gap: 10px; } .mktOverlay .btnGroups .button { width: 70px; } } @media (max-width: 320px) { .container.header_container .navbar-brand { width: 50%; } .footer_top_block .social-url ul li a { padding: 10px 6px; } .side_social .social-url i { padding: 0.4rem; } } /*about us page -------------------------*/ /* Himanshu Css start */ @media only screen and (min-width: 1540px) { .tp_left_sec { width: 90% !important; } } .mobilevertical { width: 13rem; } div#signupcrousel .carousel-indicators { display: none !important; } .swipeslider p { font-size: 16px !important; line-height: 22px !important; } /* mt4 & m5 dots remove */ .mt_4_product .slick-dots { display: none !important; } /* Homepage maximise your profits css start */ .vertical-box { padding: 2.9rem 2rem 15rem 3rem; } .news_remove .emp_box { margin-top: 0rem; margin-bottom: 0rem; } .awardsptt-10 { height: 110px; width: 100%; } .section-content .r_seltwo::before, .section-content .r_selthree::before { pointer-events: none; } .section-content .r_seltwo, .section-content .r_selthree { pointer-events: none; } /* .password-visible::after { right: 40px !important; } */ /* Form css - copytrading dropdown */ #widget_exma_register .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 2px; } /* Trading platform metatrade with exma future delete */ @media only screen and (min-width: 992px) { /* .mt_4_product .m-stepsnew5::before { left: 2rem !important; } */ .mt_4_product .m-stepsnew5::before { left: 2rem !important; top: 0; } .mt_4_product .m-stepsnew5 .topflex h5 { padding-left: 40px; } } @media only screen and (min-width: 1025px) and (max-width: 1540px) { .vertical-box { padding: 2.9rem 2rem 8.6rem 3rem; } html[lang="en"] .vertical-box { padding: 1.9rem 1rem 11.3rem 2rem; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .vertical-box { padding: 2.9rem 2rem 4.6rem 3rem; } } @media only screen and (max-width: 767px) { .swipeslider p { font-size: 0.8rem !important; line-height: 20px !important; } .ex_copy .tp_right_sec { top: 0; left: 0.5rem; } } @media only screen and (min-width: 768px) and (max-width: 1540px) { .swipeslider p { font-size: 13px !important; line-height: 20px !important; } #job-openings { margin-top: -9rem !important; } } div#myModal1 { background-color: rgb(9 9 9 / 80%); } .promotion_mbottom { margin-bottom: 120px; } .t_promotion .anc a { font-size: 15px; } .t_promotion .anc label { font-size: 15px; } .readmore-booster { text-align: right; color: #fff; position: relative; font-weight: 300; margin-right: -25px; font-size: 14px; } body.modal-open { overflow: hidden; /* position: fixed; */ } .base-timer { position: relative; width: 110px; height: 110px; margin: auto; } .base-timer__svg { transform: scaleX(-1); } .base-timer__circle { fill: none; stroke: none; } .base-timer__path-elapsed { stroke-width: 2px; stroke: #f7f7f7; } .base-timer__path-remaining { stroke-width: 2px; stroke-linecap: round; transform: rotate(90deg); transform-origin: center; transition: 1s linear all; fill-rule: nonzero; stroke: currentColor; } .base-timer__path-remaining.green { color: green; } .base-timer__path-remaining.orange { color: rgb(255, 208, 0); } .base-timer__path-remaining.red { color: #f00; } .base-timer__label { position: absolute; width: 110px; height: 110px; top: 0; display: flex; align-items: center; justify-content: center; font-size: 48px; font-family: "Barlow Condensed"; } /* Homepage market slider css */ .mg-green.mg_card .mg_img { width: 9.7rem; height: 8.5rem; right: 3rem; top: 1.7rem; } /* footer start */ .copyright_info { text-align: center; } .footer_top_block .social-url ul li a:nth-child(4):hover { background: #c4302b !important; } .footer_top_block .social-url ul li a:nth-child(5):hover { background: #0a66c2 !important; } /* mobile header  css */ @media only screen and (max-width: 768px) { .side_social .social-url i { padding: 0.4rem !important; margin: 0 !important; } .footer_top_block .social-url { text-align: center !important; } .navbar-collapse.show { height: 100%; } /* spacing in mobile devices */ .paddingtb10, .paddingtb7, .paddingt7b10, .paddingt10b8, .paddingt10b8, .paddingt8b20, .paddingt8, .paddingtb6, .paddingt5b10 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } /* Table start Homepage */ .live_table_data { min-width: 100%; } .live_table_data table th, .live_table_data table td { padding: 7px 17px; font-size: 0.8rem; } .table_scroll { overflow-x: auto; } /* faq start mobile */ .query_box .accordion-button span { position: absolute; top: 17px; } /* Enter the market 3 easy steps css */ .btn_actsec { text-align: center; } /* Forex vps hosting */ .vps_plans .slick-dots li { width: 6px; height: 6px; border-radius: 50%; opacity: 1; background-color: #8b8888; border-top: inherit; border-bottom: inherit; display: inline-block; margin: 0 3px; cursor: pointer; transition: 0.5s all ease-in-out; } .vps_plans .slick-dots li.slick-active { background-color: var(--blue) !important; width: 25px !important; border-radius: 10px !important; } .slick-dots button { display: none; } .vps_plan_blocks .slick-dots { text-align: center; } /* pamm btn  */ .bgpm a { width: 100% !important; } #widget_exma_contact .select2-selection__rendered { line-height: calc(2.6rem + calc(var(--bs-border-width) * 2)); } .why_choose_mktp .em_bottom_container { padding-bottom: 2.5rem; } .query_box .acord-mob span { /* left: -7px; top: 41px; */ left: -11px; top: 42px; } .t_partner .mt_4_product.anc { position: relative; top: 0px; } .em_bottom_container .opening_title h3 { font-size: 18px !important; } #job-openings { margin-top: 0rem !important; } .t_spec .rs_accordian.metatraderTabs .tab-content .nav-tabs li:last-child { margin-right: 0; } .t_spec .rs_accordian.metatraderTabs .tab-content .nav-tabs { padding-right: 0; } .pg_career .paddingt8b20 { padding-bottom: 13.5rem !important; } .carrer-highlight .helpdesk { background-size: 100% 100% !important; height: 55rem !important; } .helpdesk .lineone { margin-bottom: 0rem !important; } .carrer-highlight .helpdesk .h_grid { padding: 2rem 20px; } .ex-contact .landing_block_wrapper { transform: translate(0, 14%) !important; } .ex-contact .helpdesk .lineone { margin-bottom: 5rem !important; } /* faq start */ .t_faqs .faq_bottom_manual { display: block !important; margin-top: 0px; } .t_faqs .minicard { flex-wrap: wrap !important; } .t_faqs .faq_bottom_manual .em_rightdata { width: 144px; } } @media only screen and (min-width: 769px) { .vps_plans .slick-dots li { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1540px) { .intfl .lactivebx ul li p { font-size: 11px !important; } .intfl .lactivebx ul li label { font-size: 11px !important; } } /* All languages start */ /* Greek start */ html[lang="el"] .ct-grbtn, html[lang="ms"] .ct-grbtn { width: 100%; } html[lang="el"] .pm_btn .button { width: 100%; } html[lang="el"] .fx-timel .l-time label { font-size: 13px; } html[lang="el"] .fx-timel .l-time span { width: 60px; font-size: 1.2rem; } @media only screen and (max-width: 1540.98px) { html[lang="el"] .fx-timel .l-time span { width: 40px !important; height: 40px !important; font-size: 20px !important; } } @media only screen and (max-width: 768px) { html[lang="el"] .fx-timel .l-time span { width: 45px !important; } html[lang="el"] .footer_leverage_table ul { padding-right: 0rem !important; } html[lang="el"] .fx-timel .l-time label { font-size: 11px; } html[lang="es"] .ex_fund .card_design .in_block .right_info label, html[lang="id"] .ex_fund .card_design .in_block .right_info label, html[lang="pt"] .ex_fund .card_design .in_block .right_info label, html[lang="th"] .ex_fund .card_design .in_block .right_info label, html[lang="ms"] .ex_fund .card_design .in_block .right_info label, html[lang="el"] .ex_fund .card_design .in_block .right_info label, html[lang="tr"] .ex_fund .card_design .in_block .right_info label { width: auto !important; padding: 0 5px; } } /* Malay & Portuguese css Start */ /* Funding Methods  */ html[lang="ms"] .ex_fund .card_design .in_block .right_info label, html[lang="el"] .ex_fund .card_design .in_block .right_info label { font-size: 0.9rem !important; } /* Megamenu slick baner  */ html[lang="ms"] .mg_card { min-height: 235px; } html[lang="ms"] .mg_card label { font-size: 1.3rem; } html[lang="ms"] .mg_card p { font-size: 0.8rem; } /* html[lang="ms"] .rvwhitegrid .mt_4_product .brick_section ul li, html[lang="th"] .rvwhitegrid .mt_4_product .brick_section ul li, html[lang="tr"] .rvwhitegrid .mt_4_product .brick_section ul li, html[lang="pt"] .rvwhitegrid .mt_4_product .brick_section ul li { font-size: 1.1rem !important; line-height: 23px; } */ .font40_central { font-size: 40px !important; } html[lang="ms"] .mt_4_product .miniactbtn { width: 12rem; } html[lang="ms"] .prt_wh .second_pfont, html[lang="pt"] .prt_wh .second_pfont { font-size: 16px; margin-bottom: 1.2rem; } /* html[lang="ms"] .rvwhitegrid .mt_4_product, html[lang="pt"] .rvwhitegrid .mt_4_product { padding-left: 0px; } */ html[lang="ms"] .lower-tabs-cont .inblock-ab-btn { right: -10px !important; max-width: 245px !important; } html[lang="ms"] .trade_prod .grid_one .button, html[lang="tr"] .trade_prod .grid_one .button { width: 200px; } @media only screen and (min-width: 768px) { html[lang="ms"] ul.slider_bottom_bar li p { font-size: 13px; } html[lang="ms"] ul.slider_bottom_bar li label { font-size: 22px; } } /* Funding Methods Mobile */ @media only screen and (max-width: 576px) { html[lang="es"] .ex_fund .card_design .in_block .bottom_body a, html[lang="pt"] .ex_fund .card_design .in_block .bottom_body a, html[lang="el"] .ex_fund .card_design .in_block .bottom_body a, html[lang="id"] .ex_fund .card_design .in_block .bottom_body a, html[lang="th"] .ex_fund .card_design .in_block .bottom_body a, html[lang="ms"] .ex_fund .card_design .in_block .bottom_body a, html[lang="tr"] .ex_fund .card_design .in_block .bottom_body a { max-width: 200px !important; } html[lang="th"] .ex_fund .rflexactionbtn .button, html[lang="es"] .ex_fund .rflexactionbtn .button, html[lang="pt"] .ex_fund .rflexactionbtn .button, html[lang="el"] .ex_fund .rflexactionbtn .button, html[lang="id"] .ex_fund .rflexactionbtn .button, html[lang="ms"] .ex_fund .rflexactionbtn .button, html[lang="tr"] .ex_fund .rflexactionbtn .button { width: 150px !important; font-size: 17px; } } /* Partners start */ @media only screen and (min-width: 1540px) { html[lang="ms"] .intfl .lactivebx ul li p { font-size: 15px !important; } html[lang="ms"] .intfl .lactivebx ul li label { font-size: 14px !important; } } /* Turkish css start */ /* html[lang="tr"] .rvwhitegrid .mt_4_product .brick_section ul li { font-size: 1.1rem !important; } */ html[lang="tr"] .rs_accordian .nav-tabs li button { font-size: 0.9rem !important; } html[lang="tr"] .rs_accordian .nav-tabs li { width: 100%; max-width: 8.2rem !important; } /* Thai css start */ /* Megamenu slick baner  */ html[lang="th"] .mg_card { min-height: 240px; } html[lang="th"] .mg_card label { font-size: 1.2rem; } html[lang="th"] .mg_card p { font-size: 0.77rem; width: 252px; } html[lang="th"] .t_about .em_bottom_container h2, html[lang="tr"] .t_about .em_bottom_container h2 { font-size: 2.43rem; } html[lang="th"] #exclusive-account h5, html[lang="id"] #exclusive-account h5, html[lang="tr"] #exclusive-account h5 { width: 25%; font-size: 30px; } html[lang="th"] #v-pills-Account::before { background-image: url(../uploads/ecn.svg); } html[lang="th"] .th_ultimate .left_flex_overlay::after { background: url(../uploads/ecn-individualpage.svg); /* width: 200px; */ background-size: cover; } html[lang="th"] .th_ultimate .left_flex_overlay::after { background: url(../uploads/ecn-individualpage.svg); /* width: 200px; */ background-size: cover; } html[lang="th"] .thultimate_cent .left_flex_overlay::after { /* width: 200px; */ background: url(../uploads/trading_box_4.svg) !important; background-size: cover !important; } @media only screen and (min-width: 768px) { html[lang="th"] ul.slider_bottom_bar li { max-width: 200px; } } @media only screen and (max-width: 768px) { html[lang="th"] #exclusive-account h5, html[lang="id"] #exclusive-account h5, html[lang="tr"] #exclusive-account h5 { width: 100%; } /* Copy Trading */ html[lang="en"] .ex_copy .button, html[lang="es"] .ex_copy .button, html[lang="pt"] .ex_copy .button, html[lang="id"] .ex_copy .button, html[lang="th"] .ex_copy .button, html[lang="ms"] .ex_copy .button, html[lang="tr"] .ex_copy .button { min-width: 224px !important; } /* Exclusive button */ html[lang="es"] .in_page .btn_actsec .button, html[lang="pt"] .in_page .btn_actsec .button, html[lang="id"] .in_page .btn_actsec .button, html[lang="th"] .in_page .btn_actsec .button, html[lang="ms"] .in_page .btn_actsec .button, html[lang="tr"] .in_page .btn_actsec .button { width: 80% !important; } html[lang="th"] ul.slider_bottom_bar li label, html[lang="es"] ul.slider_bottom_bar li label, html[lang="pt"] ul.slider_bottom_bar li label, html[lang="id"] ul.slider_bottom_bar li label, html[lang="ms"] ul.slider_bottom_bar li label, html[lang="tr"] ul.slider_bottom_bar li label { font-size: 22px; } html[lang="th"] ul.slider_bottom_bar li p, html[lang="es"] ul.slider_bottom_bar li p, html[lang="pt"] ul.slider_bottom_bar li p, html[lang="id"] ul.slider_bottom_bar li p, html[lang="ms"] ul.slider_bottom_bar li p, html[lang="tr"] ul.slider_bottom_bar li p { font-size: 12px; } html[lang="th"] .brick_section .inblock-ab-btn .darkbutton b, html[lang="pt"] .brick_section .inblock-ab-btn .darkbutton b, html[lang="ms"] .brick_section .inblock-ab-btn .darkbutton b, html[lang="id"] .brick_section .inblock-ab-btn .darkbutton b { font-size: 16px; } html[lang="th"] .brick_section .inblock-ab-btn .darkbutton, html[lang="pt"] .brick_section .inblock-ab-btn .darkbutton, html[lang="ms"] .brick_section .inblock-ab-btn .darkbutton, html[lang="id"] .brick_section .inblock-ab-btn .darkbutton { padding: 10px 14px; } html[lang="el"] .m_brick .brick_section .inblock-ab-btn .darkbutton span { font-size: 1rem; } html[lang="th"] .footer_top_block .social-url ul li a { padding: 11px; } html[lang="tr"] .footer_top_block .social-url ul li a, html[lang="es"] .footer_top_block .social-url ul li a, html[lang="pt"] .footer_top_block .social-url ul li a, html[lang="id"] .footer_top_block .social-url ul li a, html[lang="ms"] .footer_top_block .social-url ul li a { padding: 10px; } html[lang="th"] #standard-account .ex_flex_box .left_flex_overlay ul label { font-size: 1.2rem; } html[lang="th"] #exclusive-account .ex_flex_box .left_flex_overlay ul label { font-size: 1.2rem; } .ex_flex_box .left_flex_overlay ul li { width: 100% !important; } } /* Indonesia css start */ html[lang="id"] .mt_4_product .miniactbtn { width: 13rem !important; } html[lang="pt"] #standard-plus h5, html[lang="id"] #standard-plus h5, html[lang="th"] #standard-plus h5 { width: 23%; font-size: 30px; } html[lang="pt"] .in_page ul, html[lang="id"] .in_page ul, html[lang="th"] .in_page ul { margin-left: 60px; } @media only screen and (max-width: 768px) { html[lang="pt"] #standard-plus h5, html[lang="id"] #standard-plus h5, html[lang="th"] #standard-plus h5 { width: 100%; } html[lang="pt"] .in_page ul, html[lang="id"] .in_page ul, html[lang="th"] .in_page ul { margin-left: 0px; } html[lang="id"] .in_page .left_flex_overlay ul label, html[lang="en"] .in_page .left_flex_overlay ul label { font-size: 1.4rem !important; line-height: 22px; } } /* Portuguese start */ html[lang="pt"] #standard-account h5, html[lang="th"] #standard-account h5, html[lang="tr"] #standard-account h5 { width: 25%; font-size: 28px; } html[lang="pt"] .vps_cards .card .card-type p { font-size: 18px !important; margin-top: 10px; } html[lang="pt"] .vps_cards .card-purple .card-detail .card-detail-img { width: 50px; } @media only screen and (max-width: 768px) { html[lang="pt"] #standard-account h5, html[lang="th"] #standard-account h5, html[lang="tr"] #standard-account h5 { width: 100%; } } /* Spanish start */ html[lang="es"] .fullwidthslider .livedatabox .bottom_label label { font-size: 1.7rem !important; } html[lang="th"] .fullwidthslider .livedatabox .bottom_label label { font-size: 1.6rem !important; } html[lang="es"] .subscribe_btn input, html[lang="id"] .subscribe_btn input, html[lang="th"] .subscribe_btn input { padding: 1.1rem 10rem 1.3rem 0.6rem; font-size: 0.8rem; } html[lang="es"] .pgrid label, html[lang="pt"] .pgrid label, html[lang="id"] .pgrid label, html[lang="th"] .pgrid label, html[lang="ms"] .pgrid label, html[lang="tr"] .pgrid label { font-size: 24px; } html[lang="es"] .bgpm, html[lang="pt"] .bgpm, html[lang="id"] .bgpm, html[lang="th"] .bgpm, html[lang="ms"] .bgpm, html[lang="tr"] .bgpm { height: 44.563rem; } html[lang="es"] .navbar-light .navbar-nav .nav-link { font-size: 1.1rem; padding: 0; } html[lang="es"] .navbar-light .dropdown .dropdown-toggle { font-size: 0.8rem !important; } html[lang="es"] .mg_head i { width: 16px; } /* Megamenu slick baner  */ html[lang="es"] .mg_card { min-height: 235px; } html[lang="es"] .mg_card label { font-size: 1.4rem; } html[lang="es"] .mg_card p { font-size: 1rem; } /* html[lang='es'] .t_pamm .solidbtn { width: 173px; } */ #widget_exma_register .solidbtn { width: 100% !important; } /* trading instrument table start */ @media only screen and (min-width: 1540px) { html[lang="pt"] .maxw124 { max-width: 140px; } html[lang="id"] .live_table_data label { font-size: 17px; } html[lang="id"] .maxw124 { max-width: 147px; font-size: 15px; } html[lang="tr"] .live_table_data label { font-size: 20px; } html[lang="tr"] .maxw124 { max-width: 148px; font-size: 15px; padding: 10px; } } @media only screen and (max-width: 768px) { html[lang="es"] .maxw124, html[lang="pt"] .maxw124, html[lang="el"] .maxw124, html[lang="id"] .maxw124, html[lang="th"] .maxw124, html[lang="ms"] .maxw124, html[lang="tr"] .maxw124 { max-width: 135px !important; font-size: 12px !important; padding: 8px !important; } html[lang="es"] .live_table_data label, html[lang="pt"] .live_table_data label, html[lang="el"] .live_table_data label, html[lang="id"] .live_table_data label, html[lang="th"] .live_table_data label, html[lang="ms"] .live_table_data label, html[lang="tr"] .live_table_data label { font-size: 13px !important; } } /* About services start */ @media only screen and (min-width: 992px) { html[lang="pt"] .navbar-light .navbar-nav .nav-link, html[lang="ms"] .navbar-light .navbar-nav .nav-link, html[lang="tr"] .navbar-light .navbar-nav .nav-link { padding: 3px !important; } html[lang="es"] .mktp_box .card .card-header h3, html[lang="pt"] .mktp_box .card .card-header h3, html[lang="id"] .mktp_box .card .card-header h3, html[lang="th"] .mktp_box .card .card-header h3, html[lang="ms"] .mktp_box .card .card-header h3, html[lang="tr"] .mktp_box .card .card-header h3 { font-size: 1.4rem !important; } html[lang="es"] .mktp_box .card-header, html[lang="pt"] .mktp_box .card-header, html[lang="id"] .mktp_box .card-header, html[lang="th"] .mktp_box .card-header, html[lang="ms"] .mktp_box .card-header, html[lang="tr"] .mktp_box .card-header { min-height: 220px; } html[lang="es"] .mktp_box .card, html[lang="pt"] .mktp_box .card, html[lang="id"] .mktp_box .card, html[lang="th"] .mktp_box .card, html[lang="ms"] .mktp_box .card, html[lang="tr"] .mktp_box .card { min-height: 470px; } } /* slick slider  */ html[lang="es"] .swipeslider label { font-size: 1.5rem !important; } html[lang="el"] .swipeslider label { font-size: 1.1rem !important; } html[lang="th"] .swipeslider label { font-size: 1.3rem !important; } html[lang="el"] .swipeslider p, html[lang="th"] .swipeslider p { font-size: 15px !important; line-height: 20px !important; } html[lang="el"] .mt4_swipecard .swipeslider p { font-size: 13px !important; line-height: 18px !important; } @media only screen and (max-width: 1540.98px) { html[lang="es"] .swipeslider label { font-size: 1.1rem !important; } html[lang="el"] .swipeslider label, html[lang="th"] .swipeslider label { font-size: 0.9rem !important; } html[lang="el"] .swipeslider p html[lang="th"] .swipeslider p { font-size: 11px !important; line-height: 16px !important; } html[lang="el"] .mt4_swipecard .swipeslider p { font-size: 11px !important; line-height: 14px !important; } } @media only screen and (min-width: 768px) and (max-width: 1540px) { html[lang="es"] .subscribe_btn a, html[lang="id"] .subscribe_btn a, html[lang="th"] .subscribe_btn a { padding: 16px 19px; } html[lang="es"] .bgpm, html[lang="pt"] .bgpm, html[lang="id"] .bgpm, html[lang="th"] .bgpm, html[lang="ms"] .bgpm, html[lang="tr"] .bgpm { height: 36.563rem; } html[lang="es"] .navbar-light .navbar-nav .nav-link { font-size: 0.7rem; padding: 0 !important; } } @media only screen and (max-width: 767px) { html[lang="es"] .mktp_box .card .card-header h3, html[lang="pt"] .mktp_box .card .card-header h3, html[lang="id"] .mktp_box .card .card-header h3, html[lang="th"] .mktp_box .card .card-header h3, html[lang="ms"] .mktp_box .card .card-header h3, html[lang="tr"] .mktp_box .card .card-header h3 { font-size: 22px !important; line-height: 23px; } html[lang="es"] .bgpm, html[lang="pt"] .bgpm, html[lang="id"] .bgpm, html[lang="th"] .bgpm, html[lang="ms"] .bgpm, html[lang="tr"] .bgpm { height: auto !important; } html[lang="el"] .swipeslider p { line-height: 14px !important; font-size: 11px !important; } html[lang="th"] .swipeslider p { line-height: 16px !important; font-size: 14px !important; } html[lang="el"] .mt4_swipecard .swipeslider p { font-size: 11px !important; line-height: 14px !important; } /* Button start */ html[lang="es"] .esmbtn { width: 173px; } html[lang="pt"] .button, html[lang="id"] .button, html[lang="th"] .button, html[lang="ms"] .button, html[lang="tr"] .button, html[lang="es"] .button { width: 100% !important; } html[lang="es"] .ex_copy .button, html[lang="id"] .ex_copy .button, html[lang="pt"] .ex_copy .button, html[lang="th"] .ex_copy .button, html[lang="tr"] .ex_copy .button, html[lang="ms"] .ex_copy .button { width: 280px !important; } html[lang="es"] .pm_product, html[lang="en"] .pm_product, html[lang="pt"] .pm_product, html[lang="el"] .pm_product, html[lang="id"] .pm_product, html[lang="th"] .pm_product, html[lang="ms"] .pm_product, html[lang="tr"] .pm_product { padding-bottom: 30px; } } /* Homepage maximise your profits css start */ html[lang="th"] .xma-flex-tabs .exma-tabs-container .upper-tabs-cont .inner-flex-block label b { min-width: 290px; } html[lang="es"] .vertical-box { padding: 2.9rem 2rem 19.2rem 3rem; } html[lang="th"] .vertical-box { padding: 2.9rem 2rem 14.98rem 3rem; } html[lang="pt"] .vertical-box { padding: 2.9rem 2rem 15.3rem 3rem; } html[lang="el"] .vertical-box { padding: 2.9rem 2.5rem 13.8rem 3rem; } html[lang="ms"] .vertical-box { padding: 2.9rem 2rem 16.1rem 3rem; } html[lang="tr"] .vertical-box { padding: 2.9rem 2rem 16.1rem 3rem; } @media (max-width: 1199.98px) and (min-width: 991px) { html[lang="es"] .vertical-box { margin-top: 7.4rem; } } @media only screen and (min-width: 1025px) and (max-width: 1540px) { html[lang="es"] .vertical-box { padding: 2.9rem 1.9rem 10.8rem 1.9rem; } html[lang="th"] .vertical-box { padding: 1.9rem 2rem 10.4rem 3rem; } html[lang="pt"] .vertical-box { padding: 1.9rem 1.9rem 10.8rem 1.9rem; } html[lang="pt"] .exma-dup-bank.bgdmp { padding: 4.2rem 3rem 4.2rem 12rem; } html[lang="el"] .vertical-box { padding: 2.9rem 1rem 11rem 1rem; } html[lang="id"] .vertical-box { padding: 1.9rem 1rem 10.3rem 2rem; } html[lang="ms"] .vertical-box { padding: 1.8rem 1rem 9.6rem 1rem; } html[lang="tr"] .vertical-box { padding: 1.5rem 1rem 11.1rem 2rem; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { html[lang="es"] .vertical-box { padding: 2.9rem 2rem 6.5rem 3rem; } html[lang="th"] .vertical-box { padding: 2.9rem 2rem 9.5rem 3rem; } html[lang="pt"] .vertical-box { padding: 2.9rem 2rem 5rem 3rem; } html[lang="el"] .vertical-box { padding: 2.9rem 1rem 11.2rem 2rem; } html[lang="id"] .vertical-box { padding: 2.9rem 2rem 9.6rem 3rem; } html[lang="ms"] .vertical-box { padding: 1.9rem 1rem 9.5rem 1rem; } html[lang="tr"] .vertical-box { padding: 1.9rem 1rem 10.5rem 2rem; } } @media (max-width: 992px) { html[lang="es"] .vertical-box { padding: 2.9rem 1rem 13.5rem 2rem; } } @media only screen and (max-width: 768px) { html[lang="es"] .vertical-box { padding: 2.9rem 2rem 15rem 3rem; } html[lang="tr"] .vertical-box { padding: 2.9rem 2rem 11.5rem 3rem; } } @media only screen and (min-width: 1200px) and (max-width: 1300px) { .navbar-light .navbar-nav .nav-link { font-size: 0.9rem; } } @media (max-width: 1200px) and (min-width: 992px) { /* html[lang="es"] .exma-dup-bank.bgdmp { padding: 4.5rem 3rem 5.5rem 12rem; } */ html[lang="es"] .vertical-box { padding: 1.9rem 0.9rem 10.8rem 0.9rem; } } @media (max-width: 1199.98px) and (min-width: 992px) { html[lang="pt"] .vertical-box { margin-top: 4.9rem; } html[lang="en"] .vertical-box, html[lang="el"] .vertical-box, html[lang="id"] .vertical-box, html[lang="th"] .vertical-box, html[lang="ms"] .vertical-box, html[lang="tr"] .vertical-box { margin-top: 5rem; } html[lang="en"] .vertical-box { padding: 2.9rem 1rem 10.3rem 2rem; } } @media (max-width: 992px) and (min-width: 768px) { html[lang="pt"] .vertical-box { padding: 2.9rem 1rem 10rem 1rem; } html[lang="el"] .vertical-box { margin-top: 23.4em; } html[lang="id"] .vertical-box { padding: 2.9rem 1rem 12.6rem 2rem; } html[lang="th"] .vertical-box { padding: 2.9rem 1rem 14.3rem 2rem; } html[lang="ms"] .vertical-box { margin-top: 21.5em; } html[lang="tr"] .vertical-box, html[lang="en"] .vertical-box { margin-top: 20em; } } /* All Screen  */ /* Old css is perfect fine in different image */ @media only screen and (max-width: 1540px) { html[lang="es"] .button, html[lang="pt"] .button, html[lang="id"] .button, html[lang="th"] .button, html[lang="ms"] .button, html[lang="tr"] .button { width: auto; } html[lang="es"] .em_bottom_container h2, html[lang="pt"] .em_bottom_container h2, html[lang="id"] .em_bottom_container h2, html[lang="th"] .em_bottom_container h2, html[lang="ms"] .em_bottom_container h2, html[lang="tr"] .em_bottom_container h2 { font-size: 2.3rem !important; } } @media only screen and (min-width: 992px) and (max-width: 1540px) { html[lang="es"] .maxw124, html[lang="pt"] .maxw124, html[lang="id"] .maxw124, html[lang="th"] .maxw124, html[lang="ms"] .maxw124, html[lang="el"] .maxw124, html[lang="tr"] .maxw124 { min-width: 133px !important; width: fit-content !important; } .promotion_mbottom { margin-bottom: 160px; } } @media only screen and (max-width: 768px) { .promotion_mbottom { margin-bottom: 140px; } /* Homepage css funding slider_strip */ .strip_slider { top: 45rem !important; rotate: -6deg !important; scale: 1.2 !important; } .strip_slider2 { top: 47rem !important; left: 2rem !important; rotate: -20deg !important; scale: 1.2 !important; } /* for Greek only */ html[lang="el"] .strip_slider { top: 50.1rem !important; } html[lang="el"] .strip_slider2 { top: 52rem !important; left: 1rem !important; } .cardimg.p_bottom45 { padding-bottom: 29vh !important; } .em_bottom_container .strip_mobile_text h2.font-striped { font-size: 24px !important; } } /* @media only screen and (min-width: 576px) { Homepage css funding slider_strip html[lang="el"] .strip_slider { top: 52rem !important; } html[lang="el"] .strip_slider2 { top: 53rem !important; } } */ .footer_btn_bottom .second_pfont a { color: #4ba4db; } /*Back to top css*/ .back-to-top { position: fixed; bottom: 0; left: 14px; z-index: 999; width: 65px; } .back-bg { border-radius: 50%; width: 78px; height: 78px; background: transparent; margin-bottom: 20px; } .back-ol { border-radius: 50%; width: 74px; height: 74px; background: #506376; transition: all 0.5s ease-in-out; position: absolute; margin-top: 2px; margin-left: 2px; padding: 12px 14px; line-height: 15px; text-transform: uppercase; color: #fff; border: 8px solid rgba(0, 0, 0, 0.5); text-align: center; } .back-ol:hover { background: #384048; transition: all 0.5s ease-in-out; } a.back-to-top .bi { position: relative; top: 0; transition: all 0.5s ease-in-out; } .back-ol:hover .bi { top: -3px; transition: all 0.5s ease-in-out; } .back-ol a { position: relative; transition: all 0.5s ease-in-out; } @media (max-width: 767px) { /* .back-to-top { display: none !important; } */ .back-ol { width: 46px; height: 46px; font-size: 0; padding: 6px; } .back-bg { width: 50px; height: 50px; } .back-ol .bi { font-size: 14px; } .awardglobal-center { margin: auto; } } /*Back to top css ends*/ .form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label { color: #1d1d1b; } .readmore-booster .bi { font-size: 12px; margin-left: 4px; } .form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label { color: #1d1d1b; } .was-validated .form-control.password_validation:invalid, #exma_login input.form-control.password_validation:invalid { background-position: 85% center !important; } .needs-validation .password_validation.validator-valid:valid, #exma_login input.form-control.password_validation:valid { background-position: 85% center !important; } #widget_exma_register .password-visible::after { top: 0px; } /* Starttrading in 3 steps homepage check hide */ .section-content input[type="radio"]+label::after { transform: translateY(-50%) scale(0.55); } @media (max-width: 992px) { .vertical-box { padding: 2.9rem 1rem 13rem 2rem; } } /* Homepage Trading ac overview */ html[lang="es"] .xma-flex-tabs .exma-tabs-container .upper-tabs-cont .inner-flex-block label b sep, html[lang="pt"] .xma-flex-tabs .exma-tabs-container .upper-tabs-cont .inner-flex-block label b sep, html[lang="ms"] .xma-flex-tabs .exma-tabs-container .upper-tabs-cont .inner-flex-block label b sep, html[lang="tr"] .xma-flex-tabs .exma-tabs-container .upper-tabs-cont .inner-flex-block label b sep { right: -9px; } /*custom widget*/ button#btn-share img, button#btn-share { width: 80px; height: 80px; } button#btn-share:hover { transform: scale(1.1); } .widget-icons { position: fixed; right: 8px; bottom: 14px; z-index: 999; } .btn-widget { cursor: pointer; width: 50px; height: 50px; border-radius: 50px; padding: 0; border: 0; } .widget-icons .navbar-nav li { position: absolute; bottom: 17px; left: 17px; z-index: -1; transition: 0.2s all; } .widget-icons .navbar-nav.show li:nth-child(1) { bottom: 100px; } .widget-icons .navbar-nav.show li:nth-child(2) { bottom: 160px; } .widget-icons .navbar-nav.show li:nth-child(3) { bottom: 220px; } .slider_left_img .animateImg { display: none; } #signupcrousel .carousel-indicators { display: none !important; } .form-floating>.form-control.password_validation { padding-right: 40px; } .ex_product .em_bottom_container h3.font3rem { font-size: 3rem; } @media (min-width: 1540px) { .livetradecrypto .slick-track { width: 100% !important; display: flex; } .livetradecrypto .slick-track .col-lg-4 { width: 33% !important; } } /* Home trading mobile css */ .home-trading-sm .tab-content .nav-tabs { margin: 0; white-space: nowrap; width: 100%; display: inline-block; overflow-x: auto; overflow-y: hidden; } .home-trading-sm .tab-content .nav-tabs li { display: inline-block; } .ex_product.ex-contact .logincont .form-floating>textarea.form-control:not(:placeholder-shown)~label { display: block; } @media (max-width: 768px) { .xma-flex-tabs .nav-pills .nav-link:hover { background-color: #fff; border-left: 2px solid #000; color: var(--lightblack); } .xma-flex-tabs .nav-pills .nav-link:hover span { color: var(--lightblack); } .xma-flex-tabs .nav-pills .nav-link.active span { color: #fff; } .nav-link:hover img { transform: unset; transition: all 0.5s ease-in-out; } .xma-flex-tabs .nav-pills .nav-link.active { background-color: #4ba4db; border-left: 2px solid #4ba4db; } } .leverageMargin.ScrollPagesAccount { cursor: pointer; } /* Italian Language start */ /* Home Copytrading  */ @media only screen and (min-width: 1025px) and (max-width: 1540px) { html[lang="it"] .vertical-box { padding: 2.9rem 2rem 9.3rem 3rem; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { html[lang="it"] .vertical-box { padding: 2.9rem 2rem 4.6rem 3rem; } } html[lang="it"] .pgrid label { font-size: 24px; } html[lang="it"] ul.slider_bottom_bar li label { font-size: 1.5rem; } html[lang="it"] ul.slider_bottom_bar li p { font-size: 0.9rem; } html[lang="it"] .badge.openbadge { width: 190px; font-size: 14px; line-height: 200%; } html[lang="it"] .rs_accordian .nav-tabs li button { font-size: 0.9rem; } html[lang="it"] .promotionSlider ul.slick-dots { margin-top: -3px; } html[lang="it"] .promotionSlider .stepBox h3 { font-size: 15px !important; } html[lang="it"] .d_flexgrid .grid_one { width: 40rem !important; } html[lang="it"] .ex_fund .card_design .in_block .right_info label { font-size: 0.9rem !important; } html[lang="it"] .ex_flex_box .left_flex_overlay h5 { font-size: 2rem; } html[lang="it"] #exclusive-account h5 { width: 25%; font-size: 30px; } html[lang="it"] #standard-account h5 { width: 25%; font-size: 28px; } html[lang="it"] #standard-plus h5 { width: 23%; font-size: 30px; } html[lang="it"] #shares-account h5 { width: 25%; font-size: 30px; padding-right: 4rem; } html[lang="it"] .fullwidthslider .livedatabox .bottom_label label { font-size: 1.7rem !important; } html[lang="it"] .vertical-box { padding: 1.8rem 2rem 18.5rem 2.2rem; } html[lang="it"] .boosterBox .box h3 { font-size: 19px; } @media only screen and (max-width: 767px) { html[lang="it"] .button { width: 100% !important; } html[lang="it"] .bgpm { height: auto; } html[lang="it"] .pm_product { padding-bottom: 30px; } html[lang="it"] .ex_copy .button { width: 280px !important; } html[lang="it"] .extab .nav-tabs li button { font-size: 0.8rem !important; } html[lang="it"] .mktp_box .card .card-header h3 { font-size: 22px !important; line-height: 23px; } } @media (max-width: 1199.98px) and (min-width: 992px) { html[lang="it"] .vertical-box { margin-top: 5rem; } } @media only screen and (min-width: 1025px) and (max-width: 1540px) { html[lang="it"] .vertical-box { padding: 1.8rem 2rem 10.5rem 2.2rem; } html[lang="it"] .vertical-box { padding: 1.8rem 1rem 10.5rem 1.2rem; } } @media (min-width: 768px) and (max-width: 992px) { html[lang="it"] .vertical-box { padding: 1.8rem 1rem 12.2rem 1rem; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { html[lang="it"] .vertical-box { padding: 2rem 2rem 10.4rem 1rem; } } @media only screen and (max-width: 1540px) { html[lang="it"] .button { width: auto; } html[lang="it"] .badge.openbadge { line-height: 150%; } html[lang="it"] .em_bottom_container h2 { font-size: 2.3rem !important; } .ex-contact .form-floating .form-select { padding: 1.2rem 0.75rem 0.375rem 0.75rem; font-size: 15px; } html[lang="it"] .boosterBox .box h3 { font-size: 20px !important; } } @media only screen and (max-width: 768px) { html[lang="it"] .in_page .btn_actsec .button { width: 80% !important; } html[lang="it"] ul.slider_bottom_bar li p { font-size: 14px !important; } html[lang="it"] ul.slider_bottom_bar li label { font-size: 17px; } html[lang="it"] .ex_fund .card_design .in_block .right_info label { width: auto !important; padding: 0 5px; } html[lang="it"] .footer_top_block .social-url ul li a { padding: 10px !important; } html[lang="it"] #exclusive-account h5 { width: 100%; font-size: 30px; } html[lang="it"] #standard-account h5 { width: 100%; } html[lang="it"] #standard-plus h5 { width: 100%; } html[lang="it"] #shares-account h5 { width: 100%; } html[lang="it"] .in_page .left_flex_overlay ul label { font-size: 1.4rem !important; line-height: 25px; } html[lang="it"] .vertical-box { padding: 2.9rem 2rem 12rem 3rem; } html[lang="it"] .strip_slider { top: 49.4rem !important; } html[lang="it"] .strip_slider2 { top: 52rem !important; left: 1rem !important; } html[lang="it"] .in_page .btn_actsec .button { width: 80% !important; } .btn_actsec .button.button { width: 80% !important; } html[lang="it"] .vision_mission_tabs #myTab .nav-item .nav-link { font-size: 20px; } } @media only screen and (min-width: 1540px) { html[lang="it"] .mg_card p { font-size: 0.8rem; } html[lang="it"] .mg_card label { font-size: 1.3rem; line-height: 36px; } } @media only screen and (min-width: 992px) { html[lang="it"] .t_partner .em_rightdata p { font-size: 0.9rem !important; } html[lang="it"] .bgpm { height: 42.563rem; } html[lang="it"] .mktp_box .card-header { min-height: 220px; } html[lang="it"] .mktp_box .card .card-header h3 { font-size: 1.4rem !important; } html[lang="it"] .mktp_box .card { min-height: 470px; } } @media only screen and (max-width: 576px) { html[lang="it"] .em_bottom_container .expBoxTable h3 { font-size: 22px !important; } html[lang="it"] .promotionSlider ul.slick-dots { margin-top: -6px; } html[lang="it"] .promotionSlider .item .stepBox { min-height: 110px; padding: 10px 50px 10px 20px; } html[lang="it"] .ex_fund .card_design .in_block .bottom_body a { max-width: 200px !important; } html[lang="it"] .ex_fund .rflexactionbtn .button { width: 150px !important; font-size: 17px; } } .below_card.cardfn.dailyMktFull { background-image: url(https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/trading-centeral-single.svg); padding-left: 40%; display: flex; align-items: flex-start; justify-content: center; cursor: pointer; flex-direction: column; width: 100%; } .below_card.cardfn.dailyMktFull span { position: unset; font-size: 16px; } .below_card.cardfn.dailyMktFull label { font-size: 26px; margin-bottom: 5px; cursor: pointer; } html[lang="el"] .below_card.cardfn.dailyMktFull label { font-size: 20px; } #reverse_solicitation_poupup .modal-restricion { padding: 50px !important; } /* Trading instruments  */ .slick-slide img.darkaward { display: none; } .slick-slide.showaward img.lightaward { display: none; } .slick-slide.showaward img.darkaward { display: block; } .slick-slide:hover img.darkaward { display: block; } .showaward:hover .darkaward { display: block; } .showaward:hover .lightaward { display: none; } .showaward .lightaward { display: block; } .modifieddots.broker-instrumentslick .slick-dots li { padding: 0; width: 10px; height: 10px; } .broker-instrumentslick ul.slick-dots { text-align: center; margin-top: 10px; } .broker-instrumentslick li { margin-left: 0px !important; padding: 2rem; margin-bottom: 0px; } .broker-instrumentslick { margin: 0 !important; } .broker-instrumentslick li.showaward { border: 1px solid #c2c9d6; box-shadow: 0px 20px 10px -3px rgba(0, 0, 0, 0.1); } .broker-instrumentslick button.PrevArrow.slick-arrow { top: auto; bottom: -40px; position: absolute; background-color: #fff; border: 2px solid #828282; opacity: 0.3; border-radius: 4px; height: 38px; width: 38px; } .broker-instrumentslick button.NextArrow.slick-arrow { position: absolute; right: 0; bottom: -40px; background-color: #fff; border: 2px solid #828282; opacity: 0.3; border-radius: 4px; height: 38px; width: 38px; } .broker-instrumentslick i.bi.bi-chevron-left { color: #666666; } .broker-instrumentslick .slick-list { transform: scale(0.998); padding: 30px 0px; padding: 10px 0px; } .broker-instrumentslick li .insidegrid img { max-width: 100%; } .broker-instrumentslick button.slick-arrow.slick-disabled { border: 2px solid #a9a9a9; opacity: 0.2; cursor: default; } .broker-instrumentslick button.slick-arrow.slick-disabled .bi { color: #a9a9a9; } /* CFd stocks  */ .cursor-pointer-mrkt { cursor: pointer; } /*ig contest Instagram Modal*/ body.modal-open { padding-right: 0 !important; } .modal-igcontest { background: #26292d; max-width: 320px; border-radius: 10px; } #ig-contest-modal .modal-dialog { max-width: 320px; margin: auto; } #ig-contest-modal .modal-dialog .modal-content { border-radius: 13px; } .modalHeadImg { margin-top: -75px; margin-left: -10px; width: calc(100% + 20px); } .modalHeadImg img { width: 96%; } .igContestInfo { text-align: center; } .igInstaLink { column-gap: 5px; font-family: var(--primaryfamily); color: #4eb2f0; font-size: 25px; font-weight: 400; line-height: 110%; } .igContestInfo h2 { font-size: 76px; font-weight: 300; text-transform: uppercase; color: #fff; } .igContestInfo h3 { font-size: 73px; color: #fff; font-weight: 500; text-transform: uppercase; line-height: 82%; margin-top: -10px; } .igContestInfo h4 { background: #000; width: 230px; margin: auto; margin-top: 5px; height: 45px; line-height: 42px; font-size: 32px; color: #4eb2f0; border-radius: 4px; } .igContestInfo .igContestPrize { transform: scale(1.1); margin-top: -37px; margin-bottom: 25px; } .igContestInfo .button.solidbtn { width: 200px; margin: auto; font-size: 16px; font-family: "Barlow Semi Condensed"; line-height: 22px; height: 100%; display: flex; align-items: center; } .igContestInfo .button.solidbtn:hover { background: #4eb2f0; } .igContestInfo .btn-link { color: #fff; text-decoration: none; margin-top: 5px; font-size: 15px; } .igContestInfo .btn-link:hover { color: #4eb2f0; } .closeIgModal .btn-close { position: absolute; bottom: -50px; left: 50%; border: 1px solid #fff; width: 48px; height: 48px; border-radius: 100%; text-align: center; transform: translate(-50%, 20px); opacity: 1; color: #fff; background-image: none; display: flex; align-items: center; justify-content: center; } .closeIgModal .btn-close:hover { background: #4ba4db; } html[lang="el"] .igContestInfo h2, html[lang="el"] .igContestInfo h3, html[lang="el"] .igContestInfo h4, html[lang="el"] .igInstaLink { font-family: "Barlow Condensed"; } .input-spinner { position: absolute; top: 20px; right: 10px; width: 20px; height: 20px; border-width: 2px; color: #4ba4db !important; } .exm_reg .form-floating>#phone { padding-right: 40px; } .text-default.validation-text { font-size: 14px; text-align: right; width: 100%; display: inline-block; color: #4ba4db !important; } /* Model daylight saving */ .modal-daylight { background: #e6e6e6; max-width: 320px; border-radius: 10px; } #daylight-modal .modal-dialog { max-width: 320px; margin: auto; } #daylight-modal .modal-dialog .modal-content { border-radius: 13px; } .modalHeadDaylightImg { margin-top: -64px; margin-left: -10px; width: calc(100% + 20px); } .modalHeadDaylightImg img { width: 100%; } .daylightInfo { text-align: center; } .igInstaLink { column-gap: 5px; font-family: var(--primaryfamily); color: #4eb2f0; font-size: 22px; font-weight: 500; line-height: 180%; } .daylightInfo h2 { font-size: 46px; font-weight: 600; text-transform: none; color: #000; line-height: 110%; } .daylightInfo .DaynightSaving-contest { transform: scale(1.6); margin-top: 20px; margin-bottom: 37px; margin-left: 14px; } .daylightInfo .button.solidbtn { width: 200px; margin: auto; margin-bottom: 10px; font-size: 16px; font-family: "Barlow Semi Condensed"; line-height: 22px; height: 100%; display: flex; align-items: center; } .daylightInfo .button.solidbtn:hover { background: #4eb2f0; } .daylightInfo .btn-link { color: #fff; text-decoration: none; margin-top: 5px; font-size: 15px; } .daylightInfo .btn-link:hover { color: #4eb2f0; } .closeIgModal .btn-close { position: absolute; bottom: -50px; left: 50%; border: 1px solid #fff; width: 48px; height: 48px; border-radius: 100%; text-align: center; transform: translate(-50%, 20px); opacity: 1; color: #fff; background-image: none; display: flex; align-items: center; justify-content: center; } .closeIgModal .btn-close:hover { background: #4ba4db; } .prt_wh .copy-rform .exma_rs .dual_screen { padding: 2rem; top: -8rem; } @media (max-width: 992px) { .prt_wh .copy-rform .exma_rs .dual_screen { top: -2rem; } } /* Model daylight saving */ /* .modal-daylight { background: #e6e6e6; max-width: 320px; border-radius: 10px; } #daylight-modal .modal-dialog { max-width: 320px; margin: auto;} #daylight-modal .modal-dialog .modal-content { border-radius: 13px; } .modalHeadDaylightImg { margin-top: -64px; margin-left: -10px; width: calc(100% + 20px); } .modalHeadDaylightImg img { width: 100%; } .daylightInfo { text-align: center; } .igInstaLink { column-gap: 5px; font-family: var(--primaryfamily); color: #4EB2F0; font-size: 22px; font-weight: 500; line-height: 180%; } .daylightInfo h2 { font-size: 46px; font-weight: 600; text-transform: none;  color: #000; line-height: 110%; } .daylightInfo  .DaynightSaving-contest { transform: scale(1.6); margin-top: 20px; margin-bottom: 37px; margin-left: 14px; } .daylightInfo .button.solidbtn { width: 200px; margin: auto; margin-bottom: 10px; font-size: 16px; font-family: 'Barlow Semi Condensed'; line-height: 22px; height: 100%;display: flex; align-items: center; } .daylightInfo .button.solidbtn:hover{background: #4EB2F0;} .daylightInfo .btn-link { color: #fff; text-decoration: none; margin-top: 5px; font-size: 15px; } .daylightInfo .btn-link:hover{color: #4EB2F0;} .closeIgModal .btn-close { position: absolute; bottom: -50px; left: 50%; border: 1px solid #fff; width: 48px; height: 48px; border-radius: 100%; text-align: center; transform: translate(-50%, 20px); opacity: 1; color: #fff; background-image: none; display: flex; align-items: center; justify-content: center; } .closeIgModal .btn-close:hover { background: #4ba4db; } */ /* Model blackfriday */ /* .modal-blackfriday { background: #26292D; max-width: 320px; border-radius: 10px; } */ /* .modal-blackfriday { background: linear-gradient(to bottom, #4b4b4a, 40%, #000000); max-width: 320px; border-radius: 10px; } #blackfriday-modal .modal-dialog { max-width: 320px; margin: auto; height: 100%; } #blackfriday-modal .modal-dialog .modal-content { border-radius: 13px; box-shadow: 0 0 30px; } .modalHeadblackfridayImg { margin-top: -133px; margin-left: -16px; width: calc(100% + 49px); } .modalHeadblackfridayImg img { width: 100%; } .blackfridayInfo { text-align: center; } .igInstaLink { column-gap: 5px; font-family: var(--primaryfamily); color: #ffffff; font-size: 22px; font-weight: 500; line-height: 180%; } .blackfridayInfo h2 { font-size: 31px; font-weight: 600; text-transform: none; color: #ffffff; line-height: 110%; } .blackfridayInfo .DaynightSaving-contest { transform: scale(1.1); margin-top: 20px; margin-bottom: 30px; margin-left: -17px; max-height: 220px; } .blackfridayInfo .button.solidbtn { width: 200px; margin: auto; margin-bottom: 10px; font-size: 16px; font-family: "Barlow Semi Condensed"; line-height: 22px; height: 100%; display: flex; align-items: center; } .blackfridayInfo .button.solidbtn:hover { background: #4eb2f0; } .blackfridayInfo .btn-link { color: #ffffff; text-decoration: none; margin-top: 5px; font-size: 15px; } .blackfridayInfo .btn-link:hover { color: #4eb2f0; } .closeIgModal .btn-close { position: absolute; bottom: -50px; left: 50%; border: 1px solid #ffffff; width: 48px; height: 48px; border-radius: 100%; text-align: center; transform: translate(-50%, 20px); opacity: 1; color: #fff; background-image: none; display: flex; align-items: center; justify-content: center; } .closeIgModal .btn-close:hover { background: #4ba4db; } @media (min-width: 576px) and (max-width: 1540px) { .blackfridayInfo .DaynightSaving-contest { width: 60%; margin-bottom: -10px; } .blackfridayInfo h2 { font-size: 24px; } .modalHeadblackfridayImg { max-width: 90%; text-align: center; margin-left: 15px; } }  */ /* Register ISO  */ .inner-left-text label { line-height: 100% !important; } .inner-left-textiso label { margin-left: 32px !important; font-size: 25px !important; font-family: "Barlow Condensed" !important; line-height: 20px !important; } .inner-left-textiso p { margin-left: 32px !important; font-size: 20px !important; color: #ffffff !important; opacity: 1 !important; font-family: "Barlow Condensed" !important; line-height: 18px !important; } .signin_signup_left .signup-miniblock { column-gap: 10px; } .signin_signup_left .signup-miniblock .left-inner-image { max-width: 85px; } .signin_signup_left { padding: 6rem 4.1rem; max-width: 44rem; } .signin_signup_left { max-width: 57rem; } .isoLabel:before { content: ""; height: 1px; width: calc(100% + 68px); position: absolute; top: -34px; left: 0; background: #4b5973; left: -37px; z-index: 4; } .isoLabel { position: relative; } .signin_signup_left .signup-miniblock:last-child { border-bottom: 0; align-items: center; } .signin_signup_left .signup-miniblock.divident { border-image-source: linear-gradient(10deg, #4b5973 10%, rgba(216, 216, 216, 0) 100%); padding-bottom: 80px !important; } /* Homepage footer */ .isoLabel-homepage { position: relative; margin-top: 75px; align-items: center; } .isoLabel-homepage:before { content: ""; height: 1px; width: calc(100% + -12px); position: absolute; top: -30px; left: 0; opacity: 0.2; background: #878787; left: 5px; z-index: 4; } .inner-left-textmsecb p { margin-left: 32px; font-size: 20px; opacity: 0.7; line-height: 27px; color: #fff; } .left-inner-image-iso img { max-width: 100px; } /* Regulation */ .msecb-certificate .crtflexg { flex-direction: row-reverse; } .msecb-certificate .rcrtflexg { left: 0; right: auto; top: 34%; padding-right: 5rem; } .msecb-certificate .lcrtflexg { margin-right: 3rem; } .msecb-certificate { background-color: #f4f5f6; padding-bottom: 5rem; } .t_licence .lcrtflexg { width: 550px; margin-left: 0; margin-top: 6rem; margin-right: 0; } .t_licence .bgblend { padding: 3rem; } @media (max-width: 1540px) { .t_licence .lcrtflexg { width: 450px; } .inner-left-textiso label { font-size: 1.37rem; } .inner-left-textiso p { font-size: 0.87rem; } } @media (max-width: 992px) { .msecb-certificate .crtflexg { flex-direction: column-reverse; } .t_licence .lcrtflexg { margin-right: 0rem; margin-top: 0; margin-bottom: -8rem; } } @media (max-width: 768px) { .inner-left-textmsecb p { font-size: 15px; line-height: 22px; } .t_licence .rcrtflexg { padding: 30px; } .t_licence .rcrtflexg h2 { font-size: 2.4rem !important; } .t_licence .bgblend { padding: 0; } } @media (max-width: 576px) { .t_licence .rcrtflexg { padding: 0px; } .t_licence .rcrtflexg h2 { font-size: 2rem !important; } .t_licence .lcrtflexg { width: 390px; } } /* Model isoiec */ .modal-isoiec { background: #26292d; max-width: 326px; border-radius: 10px 10px 0px 0px; padding-bottom: 40px; } #isoiec-modal .modal-dialog { max-width: 326px; margin: auto; } #isoiec-modal .modal-dialog .modal-content { border-radius: 13px; } /* .modalHeadisoiecImg { margin-top: -66px; margin-left: 28px; width: calc(62% + 30px); margin-bottom: -50px; } */ .modalHeadisoiecImg { margin-top: -60px; min-width: 326px; margin-bottom: -50px; margin-left: -16px; } .modalHeadisoiecImg img { width: 100%; } .isoiecInfo { text-align: center; } .igInstaLink { column-gap: 5px; font-family: "Barlow Condensed"; color: #ffffff; font-size: 40px; font-weight: 500; line-height: 180%; } .isoiecInfo h2 { font-size: 21px; font-weight: 400; text-transform: none; color: #e1e1e1; line-height: 130%; font-family: "Barlow Semi Condensed"; } .isoiecInfo h2 span { font-weight: 600; letter-spacing: 2px; } .isoiecInfo .DaynightSaving-contest { transform: scale(1.1); margin-top: 20px; margin-bottom: 30px; margin-left: -17px; max-height: 220px; } .isoiecInfo .button.solidbtn { width: 200px; margin: auto; margin-bottom: 10px; font-size: 16px; font-family: "Barlow Semi Condensed"; line-height: 22px; height: 100%; display: flex; align-items: center; } .isoiecInfo .button.solidbtn:hover { background: #4eb2f0; } .isoiecInfo .btn-link { color: #ffffff; text-decoration: none; margin-top: 5px; font-size: 15px; } .isoiecInfo .btn-link:hover { color: #4eb2f0; } .closeIgModal .btn-close { position: absolute; bottom: -50px; left: 50%; border: 1px solid #ffffff; width: 48px; height: 48px; border-radius: 100%; text-align: center; transform: translate(-50%, 20px); opacity: 1; color: #fff; background-image: none; display: flex; align-items: center; justify-content: center; } .closeIgModal .btn-close:hover { background: #4ba4db; } .iso-bg .button { width: 220px; } .iso-bg { background-color: #2b2f34 !important; border: none; padding: 35px; border-radius: 0px 0px 10px 10px; justify-content: center; } html[lang="el"] .igInstaLink, html[lang="th"] .igInstaLink { font-size: 32px; } html[lang="id"] .igInstaLink, html[lang="tr"] .igInstaLink { font-size: 30px; } html[lang="ms"] .igInstaLink, html[lang="pt"] .igInstaLink { font-size: 36px; } /*css for contact us page after 2 fields addition*/ .banneroverflow { min-height: 90vh !important; } @media(min-width: 992px) { .ex_product .landing-banner-top { height:90vh } .ex_product .landing_block_wrapper { transform: translate(0,-59%) } } .modal-holiday { max-width: 326px; border-radius: 10px; } #holiday-modal .modal-dialog { max-width: 326px; margin: auto; } #holiday-modal .modal-dialog .modal-content { border-radius: 13px; box-shadow: 0 0 30px; } .modalHeadHolidayImg { margin-top: -64px; text-align: center; width: calc(100% + 20px); } .modalHeadHolidayImg img { width: 90px; height: auto; } .holidayInfo { text-align: center; } .hgInstaLink { column-gap: 5px; font-family: var(--secondryfamily); color: #4eb2f0; font-size: 22px; font-weight: 500; line-height: 180%; } .holidayInfo h2 { font-size: 40px; font-weight: 300; text-transform: none; color: #ffffff; line-height: 110%; } .holidayInfo h3 { font-size: 40px; font-weight: 500; text-transform: none; color: #ffffff; line-height: 110%; } .holidayInfo .HolidaySaving-contest { transform: scale(1.1); margin-top: 20px; margin-bottom: 15px; margin-left: 0px; } .holidayInfo .button.solidbtn { width: 200px; margin: auto; margin-bottom: 10px; font-size: 16px; font-family: var(--primaryfamily); line-height: 22px; height: 100%; display: flex; align-items: center; } .holidayInfo .button.solidbtn:hover { background: #4eb2f0; } .holidayInfo .btn-link { color: #fff; text-decoration: none; margin-top: 5px; font-size: 15px; } .holidayInfo .btn-link:hover { color: #4eb2f0; } .closeIgModal .btn-close { position: absolute; bottom: -50px; left: 50%; border: 1px solid #fff; width: 48px; height: 48px; border-radius: 100%; text-align: center; transform: translate(-50%, 20px); opacity: 1; color: #fff; background-image: none; display: flex; align-items: center; justify-content: center; } .closeIgModal .btn-close:hover { background: #4ba4db; } /* Holiday Trading Popup Languages  */ html[lang="el"] .holidayInfo h2 { font-size: 33px; font-weight: 300; text-transform: none; color: #ffffff; line-height: 120%; } html[lang="el"] .holidayInfo h3 { font-size: 33px; font-weight: 500; text-transform: none; color: #ffffff; line-height: 120%; } html[lang="el"] .holidayInfo .button.solidbtn { width: 220px; } html[lang="ar"] .holidayInfo h2 { font-size: 33px; font-weight: 300; text-transform: none; color: #ffffff; line-height: 120%; } html[lang="ar"] .holidayInfo h3 { font-size: 33px; font-weight: 500; text-transform: none; color: #ffffff; line-height: 120%; } html[lang="ar"] .holidayInfo .button.solidbtn { width: 220px; } html[lang="hi"] .holidayInfo h2 { font-size: 33px; font-weight: 300; text-transform: none; color: #ffffff; line-height: 120%; } html[lang="hi"] .holidayInfo h3 { font-size: 33px; font-weight: 500; text-transform: none; color: #ffffff; line-height: 120%; } html[lang="hi"] .holidayInfo .button.solidbtn { width: 220px; } /* Twitter SVG */ .footer_social_list svg { margin-top: -3px; } /* Twitter SVG */ .side_social .social-url i { padding-top: 0; } html[lang="ar"] .footer_top_block .social-url ul li a { padding: 8px 10px !important; display: inline-flex; align-items: center; justify-content: center; height: 40px; width: 40px; } html[lang="ar"] .footer_top_block { justify-content: space-between; } @media (max-width: 1541px) and (min-width: 992px) { html[lang="ar"] .footer_top_block .support_now_block .support_now_blocks:nth-child(2) { min-width: 44%; } html[lang="ar"] .footer_top_block .support_now_block .support_now_blocks { min-width: 30%; } html[lang="ar"] .footer_top_block .support_now_block .support_now_blocks .linebtn { left: 0; } } @media (max-width: 1199.99px) { .footer_top_block .support_now_block { width: 76%; } .footer_top_block .social-url { width: 24%; } .footer_top_block .social-url ul .footer_menu_heading { margin-right: 0; } } @media (max-width: 991.99px) { .footer_top_block .support_now_block { width: 60%; } .footer_top_block .social-url { width: 40%; } .footer_top_block .social-url ul li a { display: inline-block; width: 40px; height: 40px; padding: 7px; } .landing_slider .item .info .slider_left_img, .landing_slider .item .info .landing_slider_desc, .landing_slider .item .info .slider_left_img img { height: auto; } } @media (max-width: 767.99px) { .footer_top_block .support_now_block { width: 100%; } .footer_top_block .social-url { width: 100%; } .footer_top_block .social-url ul .footer_menu_heading { margin-right: 10px; } .card_split .card-body .em_leftdata { min-width: 60px; } .card_split .card-body .em_leftdata img { width: 60px !important; max-width: 60px !important; } .hp-tpart .m_hp_tpart img { width: auto; height: auto; } .funding-logos .logo-listing img { width: auto !important; height: auto !important; } .side-flex-social { position: relative; } .side_social { right: auto; left: 0; bottom: -8rem; text-align: center; margin: auto; padding-bottom: 2rem; width: 100%; } } @media (max-width: 576px) { .side_social { bottom: -8rem; } .side_social .social-url i { padding: 0 !important; } } html[lang="es"] .mail-mid-right a { font-size: 1rem; } @media (max-width: 1540.99px) { html[lang="es"] .mail-mid-right a { font-size: 0.8rem; } } /* FAQ EN new 2024 */ .faq_calluson .landing-mark { height: 542px; background-image: url(https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/leftside-bottom-mark-faq.png) !important; } .faq_calluson .landing-rightd-mark { height: 542px; background-image: url(https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/rightside-bottom-mark-faq.png) !important; } .apply_manually.faq_bottom_manual h5.card-title { font-family: "Barlow Semi Condensed"; font-style: normal; font-weight: 400; font-size: 18px !important; line-height: 100%; color: #4d4e55; margin-bottom: 0; } .apply_manually.faq_bottom_manual a { font-size: 22px; font-weight: 500; font-family: "Barlow Condensed"; } .prt_wh .em_img { height: auto; } .t_faqs .category-list .nav-pills .nav-link.active { box-shadow: 0px 17px 14.5px -15px rgba(0, 0, 0, 0.25); } .faq_calluson { z-index: 1; } @media only screen and (max-width: 1540px) { .apply_manually.faq_bottom_manual a { font-size: 17px; } } @media only screen and (min-width: 769px) and (max-width: 991px) { .apply_manually.faq_bottom_manual a { font-size: 15px; } } @media only screen and (min-width: 992px) { .faq_calluson { padding-bottom: 0rem; } .apply_manually.faq_bottom_manual { margin-top: -290px; } .t_faqs .em-card .card-body .em_leftdata { margin-right: 1rem; } .t_faqs .faq-search-pane .ab_tpsec { margin-top: -5px !important; } } @media only screen and (max-width: 767px) { .apply_manually.faq_bottom_manual h4 { font-size: 29px; } .t_faqs .minicard { flex-wrap: nowrap !important; flex-direction: column; align-items: self-start; } .apply_manually.faq_bottom_manual a { font-size: 20px; } .t_faqs .faq_bottom_manual .em_rightdata { position: relative; top: 8px; } .t_faqs .faq_bottom_manual { padding: 25px; } .faq_calluson { padding-top: 0rem !important; padding-bottom: 3rem !important; } .t_faqs .category-list .nav-pills .nav-link { white-space: nowrap; width: fit-content; } .t_faqs .faqtn-mb { display: flex; flex-direction: row !important; flex-wrap: nowrap; overflow: auto; column-gap: 10px; } .t_faqs .category-list .nav-pills .nav-link:before { display: none; } .t_faqs .faq-accordtionIframe { height: 200px; } .t_faqs .query_box button.accordion-button { font-size: 18px; } .t_faqs .accordion-body p { font-size: 16px !important; } .t_faqs .faq-srch-text h2 { font-size: 36px !important; } .t_faqs ::-webkit-scrollbar-thumb { background-color: #b8bcc5 !important; border-radius: 10px !important; } .t_faqs ::-webkit-scrollbar-track { background-color: #dddee1 !important; box-shadow: inset 0 0 5px #dddee1 !important; } .t_faqs ::-webkit-scrollbar { width: 10px !important; height: 10px !important; } } @media only screen and (max-width: 576px) { .t_faqs .em-card .card-body .em_leftdata { margin-right: 1rem; } .t_faqs .apply_manually p { max-width: 100%; } } /* FAQ Languages  */ @media only screen and (max-width: 992px) { html[lang="es"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 26px; } html[lang="pt"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 24px; } html[lang="el"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 26px; } html[lang="id"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 26px; } html[lang="th"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 23px; } html[lang="ms"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 26px; } html[lang="tr"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 26px; } html[lang="it"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 27px; } html[lang="ar"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 26px; } html[lang="hi"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 26px; } html[lang="es"] .t_faqs .apply_manually.faq_bottom_manual h5.card-title { font-size: 15px !important; } html[lang="pt"] .t_faqs .apply_manually.faq_bottom_manual h5.card-title { font-size: 16px !important; } html[lang="el"] .t_faqs .apply_manually.faq_bottom_manual h5.card-title { font-size: 16px !important; } html[lang="id"] .t_faqs .apply_manually.faq_bottom_manual h5.card-title { font-size: 16px !important; } html[lang="th"] .t_faqs .apply_manually.faq_bottom_manual h5.card-title { font-size: 16px !important; } html[lang="ms"] .t_faqs .apply_manually.faq_bottom_manual h5.card-title { font-size: 15px !important; } html[lang="tr"] .t_faqs .apply_manually.faq_bottom_manual h5.card-title { font-size: 16px !important; } html[lang="it"] .t_faqs .apply_manually.faq_bottom_manual h5.card-title { font-size: 15px !important; } html[lang="ar"] .t_faqs .apply_manually.faq_bottom_manual h5.card-title { font-size: 16px !important; } html[lang="hi"] .t_faqs .apply_manually.faq_bottom_manual h5.card-title { font-size: 16px !important; } html[lang="es"] .t_faqs .apply_manually.faq_bottom_manual p { font-size: 15px !important; } html[lang="pt"] .t_faqs .apply_manually.faq_bottom_manual p { font-size: 16px !important; } html[lang="el"] .t_faqs .apply_manually.faq_bottom_manual p { font-size: 15px !important; } html[lang="id"] .t_faqs .apply_manually.faq_bottom_manual p { font-size: 16px !important; } html[lang="th"] .t_faqs .apply_manually.faq_bottom_manual p { font-size: 15px !important; } html[lang="ms"] .t_faqs .apply_manually.faq_bottom_manual p { font-size: 15px !important; } html[lang="tr"] .t_faqs .apply_manually.faq_bottom_manual p { font-size: 16px !important; } html[lang="it"] .t_faqs .apply_manually.faq_bottom_manual p { font-size: 15px !important; } html[lang="ar"] .t_faqs .apply_manually.faq_bottom_manual p { font-size: 15px !important; } html[lang="hi"] .t_faqs .apply_manually.faq_bottom_manual p { font-size: 15px !important; } } @media only screen and (max-width: 576px) { html[lang="es"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 22px; } html[lang="pt"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 24px; } html[lang="el"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 24px; } html[lang="id"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 24px; } html[lang="th"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 24px; } html[lang="ms"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 24px; } html[lang="tr"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 24px; } html[lang="it"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 23px; } html[lang="ar"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 24px; } html[lang="hi"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 24px; } } /* FAQ Modal */ .modal-faq { background: #27292d; max-width: 1000px; border-radius: 10px; padding: 0; } #faq-modal .modal-dialog { max-width: 1000px; margin: auto; } #faq-modal .modal-dialog .modal-content { border-radius: 13px; box-shadow: 0 0 30px; } .closeIgModal .btn-close { position: absolute; bottom: -50px; left: 50%; border: 1px solid #fff; width: 48px; height: 48px; border-radius: 100%; text-align: center; transform: translate(-50%, 20px); opacity: 1; color: #fff; background-image: none; display: flex; align-items: center; justify-content: center; } .closeIgModal .btn-close:hover { background: #4ba4db; } .responsive-videofaq { position: relative; padding-bottom: 52.15%; padding-top: 25px; height: 0; } .faqnew-accordtionIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .faq-youtube-container { display: block; width: 100%; margin: 20px auto; background-color: #e0e1e4; border-radius: 12px; } .youtube-player { display: block; margin: 20px auto; padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block; } .faq-youtube-play-btn { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/faq-youtube-play-icon.png") no-repeat center center; background-size: 72px 72px; } .faq-youtube-container h5 { font-size: 20px; color: #17191b; padding: 10px; font-weight: 500; font-family: "Barlow Semi Condensed", sans-serif; } .faqnewbutton { margin: 0px 10px 10px 10px; position: relative; cursor: pointer; } .faq-youtube-container .faqnewbutton img { border-radius: 8px; } @media only screen and (max-width: 576px) { .faq-youtube-play-btn { background-size: 30px 30px; } .faq-youtube-container h5 { font-size: 16px; } } /* Homepage Copy and pamm Design revamp 10-02-2024  */ .t-fullwidth .ctdmphome { padding-left: 48px; padding-bottom: 28px; } .t-fullwidth .exma-dup-bank .more_capital img { scale: 1; position: absolute; bottom: 0px; width: 343px; height: auto; right: -15px; } html[lang="ar"] .t-fullwidth .exma-dup-bank .more_capital img { left: 0; right: auto; } .ctdmphome p { font-size: 17px; } .pmdpmhome p { font-size: 17px; } html[lang="ar"] .exma-dup-bank { padding: 3.7rem 3rem 3.5rem 3rem !important; } html[lang="ar"] .vertical-box .graph-circle.graph-circle { bottom: 15.9rem; } html[lang="ar"] .brick_container .landing-right-photo { left: -32%; right: auto; max-width: 52rem; max-height: 48rem; } @media only screen and (min-width: 1540px) and (max-width: 1820px) { html[lang="ar"] .brick_container .landing-right-photo { max-width: 34rem !important; max-height: 35rem !important; bottom: -173px !important; left: -10% !important; right: auto !important; } } @media only screen and (min-width: 1540px) and (max-width: 1640px) { .brick_container .landing-right-photo { max-width: 48rem !important; max-height: 45rem !important; bottom: -173px !important; right: -25% !important; } } @media (min-width: 1240px) and (max-width: 1540px) { html[lang="ar"] .brick_container .landing-right-photo { max-width: 20rem !important; max-height: 32rem !important; bottom: -123px !important; left: -19% !important; right: auto !important; } } @media (min-width: 1540px) { .brick_container .landing-right-photo { max-width: 52rem; max-height: 48rem; background-size: contain; bottom: -205px; right: -32%; } .brick_section .graph-person1 { width: 100%; height: 19.31rem; bottom: 0; left: 0; } .pmdpmhome .vertical-box { padding: 2.3rem 2rem 21.3rem 3rem; } .pmdpmhome .vertical-box .graph-circle { filter: grayscale(0.4); bottom: 18.9rem; right: 0; } .pmdpmhome .graph-circle { background-image: url(https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/graph-circle-pamm.svg); } html[lang="es"] .pmdpmhome .vertical-box { padding: 2.3rem 2rem 21.8rem 3rem; margin-top: 15.9rem; } html[lang="pt"] .pmdpmhome .vertical-box { padding: 2.3rem 2rem 21.8rem 3rem; margin-top: 14.1rem; } html[lang="el"] .pmdpmhome .vertical-box { padding: 2.3rem 2rem 21.8rem 3rem; margin-top: 17.3rem; } html[lang="id"] .pmdpmhome .vertical-box { padding: 2.3rem 2rem 21.8rem 3rem; margin-top: 9.6rem; } html[lang="th"] .pmdpmhome .vertical-box { padding: 2.3rem 2rem 21.8rem 3rem; margin-top: 9.6rem; } html[lang="ms"] .pmdpmhome .vertical-box { padding: 2.3rem 2rem 22.8rem 3rem; margin-top: 18.1rem; } html[lang="tr"] .pmdpmhome .vertical-box { padding: 2.3rem 2rem 22.8rem 3rem; margin-top: 15rem; } html[lang="it"] .pmdpmhome .vertical-box { padding: 2.3rem 2rem 21.8rem 3rem; margin-top: 13.7rem; } html[lang="hi"] .pmdpmhome .vertical-box { padding: 2.3rem 2rem 21.8rem 3rem; margin-top: 15.4rem; } html[lang="ar"] .pmdpmhome .vertical-box { padding: 2.3rem 2rem 21.8rem 3rem !important; margin-top: 12.2rem; } } @media (max-width: 1540px) { .brick_container .landing-right-photo { right: -59%; max-width: 24rem; max-height: 34rem; bottom: -116px; width: 56rem; min-width: 56rem; } .pmdpmhome .vertical-box { padding: 1.9rem 1rem 17rem 2rem !important; } .pmdpmhome .vertical-box .graph-circle { bottom: 15.9rem; filter: grayscale(0.4); } .brick_section .graph-person1 { height: 11.31rem; width: 100%; height: 17.31rem; bottom: 0; } .t-fullwidth .exma-dup-bank .more_capital img { width: 280px; } html[lang="es"] .pmdpmhome .vertical-box { padding: 1.9rem 1rem 17.7rem 2rem !important; margin-top: 9.9em; } html[lang="pt"] .pmdpmhome .vertical-box { padding: 1.9rem 1rem 19.7rem 2rem !important; margin-top: 6.4em; } html[lang="el"] .pmdpmhome .vertical-box { padding: 1.9rem 1rem 19.7rem 2rem !important; margin-top: 10.6em; } html[lang="id"] .pmdpmhome .vertical-box { padding: 1.9rem 1rem 19.7rem 2rem !important; margin-top: 2.5em; } html[lang="th"] .pmdpmhome .vertical-box { padding: 1.9rem 1rem 19.7rem 2rem !important; margin-top: 2.5em; } html[lang="ms"] .pmdpmhome .vertical-box { padding: 1.9rem 1rem 19.7rem 2rem !important; margin-top: 6.3em; } html[lang="tr"] .pmdpmhome .vertical-box { padding: 1.9rem 1rem 19.7rem 2rem !important; margin-top: 8.8em; } html[lang="it"] .pmdpmhome .vertical-box { padding: 1.9rem 1rem 19.7rem 2rem !important; margin-top: 2.4em; } html[lang="hi"] .pmdpmhome .vertical-box { padding: 1.9rem 1rem 19.7rem 2rem !important; margin-top: 2.7em; } html[lang="ar"] .pmdpmhome .vertical-box { padding: 1.9rem 1rem 19.7rem 2rem !important; margin-top: 7.9em; } } @media only screen and (min-width: 992px) and (max-width: 1540px) { html[lang="pt"] .exma-dup-bank.bgdmp { padding: 4.2rem 3rem 4.2rem 3rem; } } @media (max-width: 1199.98px) and (min-width: 991px) { html[lang="es"] .pmdpmhome .vertical-box { margin-top: 10.6rem; } html[lang="pt"] .pmdpmhome .vertical-box { margin-top: 6.8rem; } html[lang="el"] .pmdpmhome .vertical-box { margin-top: 11.4rem; } html[lang="id"] .pmdpmhome .vertical-box { margin-top: 2.7rem; } html[lang="th"] .pmdpmhome .vertical-box { margin-top: 2.7rem; } html[lang="ms"] .pmdpmhome .vertical-box { margin-top: 6.8rem; } html[lang="tr"] .pmdpmhome .vertical-box { margin-top: 9.4rem; } html[lang="it"] .pmdpmhome .vertical-box { margin-top: 2.6rem; } html[lang="hi"] .pmdpmhome .vertical-box { margin-top: 2.7rem; } html[lang="ar"] .pmdpmhome .vertical-box { margin-top: 8.5rem; } } @media (max-width: 992px) and (min-width: 768px) { .pmdpmhome .vertical-box { margin-top: 31.6em !important; } html[lang="es"] .pmdpmhome .vertical-box { margin-top: 23.9em !important; } html[lang="pt"] .pmdpmhome .vertical-box { margin-top: 19.9em !important; } html[lang="el"] .pmdpmhome .vertical-box { margin-top: 31.5em !important; } html[lang="id"] .pmdpmhome .vertical-box { margin-top: 19.9em !important; } html[lang="th"] .pmdpmhome .vertical-box { margin-top: 21.5em !important; } html[lang="ms"] .pmdpmhome .vertical-box { margin-top: 25.5em !important; } html[lang="tr"] .pmdpmhome .vertical-box { margin-top: 24em !important; } html[lang="it"] .pmdpmhome .vertical-box { margin-top: 19.9em !important; } html[lang="hi"] .pmdpmhome .vertical-box { margin-top: 20.6em !important; } html[lang="ar"] .pmdpmhome .vertical-box { margin-top: 24.6em !important; } } @media only screen and (min-width: 890px) and (max-width: 992px) { .brick_container .landing-right-photo { height: 280px !important; bottom: -8% !important; left: 75% !important; } html[lang="ar"] .brick_container .landing-right-photo { left: -10% !important; right: auto; max-width: 48rem; max-height: 22rem; bottom: -7% !important; } } @media only screen and (min-width: 768px) and (max-width: 890px) { .brick_container .landing-right-photo { height: 322px !important; bottom: -9% !important; left: 62% !important; } html[lang="ar"] .brick_container .landing-right-photo { height: 317px !important; bottom: -10% !important; left: -5% !important; right: auto !important; right: auto !important; } } @media (max-width: 992px) { .t-fullwidth .exma-dup-bank .more_capital img { height: auto !important; width: 300px !important; padding-bottom: 45px; position: unset; scale: 1.3; } .brick_container .landing-right-photo { height: 270px; bottom: 50px; left: 76%; } .pmdpmhome .vertical-box { padding: 1.9rem 1rem 16.8rem 2rem !important; } } @media (max-width: 1240px) and (min-width: 992px) { .brick_container .landing-right-photo { right: -62%; max-width: 20rem; max-height: 24rem; bottom: -91px; } html[lang="ar"] .brick_container .landing-right-photo { left: -5%; max-width: 20rem; max-height: 24rem; bottom: -98px; right: auto; } } @media (max-width: 768px) { .t-fullwidth .ctdmphome { padding-left: 30px; } html[lang="es"] .pmdpmhome .vertical-box, html[lang="pt"] .pmdpmhome .vertical-box, html[lang="el"] .pmdpmhome .vertical-box, html[lang="id"] .pmdpmhome .vertical-box, html[lang="th"] .pmdpmhome .vertical-box, html[lang="ms"] .pmdpmhome .vertical-box, html[lang="tr"] .pmdpmhome .vertical-box, html[lang="it"] .pmdpmhome .vertical-box, html[lang="hi"] .pmdpmhome .vertical-box, html[lang="ar"] .pmdpmhome .vertical-box { margin-top: 40px !important; } } @media (max-width: 576px) { .t-fullwidth .exma-dup-bank .more_capital img { bottom: 0; padding-top: 15px; } .brick_section .graph-person1 { bottom: 0; height: 16.9rem; } .pmdpmhome .vertical-box { padding: 1.9rem 1rem 17rem 2rem !important; } .t-fullwidth .exma-dup-bank .more_capital img { padding-bottom: 0; } html[lang="es"] .pmdpmhome .vertical-box, html[lang="pt"] .pmdpmhome .vertical-box, html[lang="el"] .pmdpmhome .vertical-box, html[lang="id"] .pmdpmhome .vertical-box, html[lang="th"] .pmdpmhome .vertical-box, html[lang="ms"] .pmdpmhome .vertical-box, html[lang="tr"] .pmdpmhome .vertical-box, html[lang="it"] .pmdpmhome .vertical-box, html[lang="hi"] .pmdpmhome .vertical-box, html[lang="ar"] .pmdpmhome .vertical-box { padding: 1.9rem 1rem 17rem 2rem !important; } } /* Trading Central */ /* 29-02-2024 */ .t_central .rvwhitegrid .t_center img { max-width: 47rem; padding-bottom: 190px; } html[lang="ar"] .t_central .bottom_fxs label { font-size: 1.8rem; padding: 1rem; } @media (min-width: 1540px) { .t_central .rvwhitegrid .t_center { right: 66px; left: auto; } html[lang="es"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li { font-size: 1.2rem !important; } html[lang="pt"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li { font-size: 1.2rem !important; line-height: 25px; } html[lang="id"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li { font-size: 1.1rem !important; } html[lang="ms"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li { font-size: 1.1rem !important; } html[lang="it"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li { font-size: 1.2rem !important; } html[lang="ar"] .t_central .rvwhitegrid .t_center { left: 110px; right: auto; } html[lang="ar"] .t_central .rvwhitegrid .mt_4_product { padding-right: 2rem; } } @media (max-width: 1540px) { .t_central .rvwhitegrid .t_center img { max-width: 35rem !important; padding-bottom: 135px; } html[lang="el"] .t_central .rvwhitegrid .t_center img { padding-bottom: 230px; } html[lang="es"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li { font-size: 1rem !important; } html[lang="pt"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li { font-size: 1.02rem !important; } html[lang="el"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li { font-size: 1.1rem !important; } html[lang="id"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li { font-size: 1rem !important; } html[lang="ms"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li { font-size: 1rem !important; } html[lang="tr"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li { font-size: 1rem !important; } html[lang="it"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li { font-size: 1rem !important; } html[lang="ar"] .t_central .rvwhitegrid .t_center { left: 80px; right: auto; } html[lang="el"] .t_central .bottom_fxs label { font-size: 1rem; } html[lang="el"] .t_central .rvwhitegrid .t_center { top: 94px; } } @media (max-width: 992px) { .t_central .bottom_fxs { position: unset !important; } .t_central .rvwhitegrid .t_center img { padding-bottom: 0; } html[lang="el"] .t_central .rvwhitegrid .t_center img { padding-bottom: 94px; } html[lang="ar"] .t_central .rvwhitegrid .t_center { left: 0; right: auto; } html[lang="ar"] .t_central .bottom_fxs label { font-size: 1.2rem; } } @media (max-width: 768px) { .t_central .rvwhitegrid .t_center img { padding-bottom: 0; width: 100%; } .t_central .rflexactionbtn { padding-bottom: 50px; } .t_central .rvwhitegrid .mt_4_product { padding-left: 0; } .t_central .bottom_fxs label { padding: 0.2rem; font-size: 15px; } html[lang="el"] .t_central .bottom_fxs label { font-size: 0.7rem; } html[lang="id"] .t_central .bottom_fxs label { padding: 0.4rem; font-size: 18px; } html[lang="th"] .t_central .bottom_fxs label { font-size: 14px; } html[lang="ms"] .t_central .bottom_fxs label { padding: 0.6rem; font-size: 17px; } html[lang="tr"] .t_central .bottom_fxs label { padding: 0.5rem; font-size: 17px; } html[lang="it"] .t_central .bottom_fxs label { font-size: 16px; } html[lang="ar"] .t_central .bottom_fxs label { font-size: 13px !important; text-align: center; } } @media (max-width: 400px) { .t_central .bottom_fxs label { padding: 0.4rem !important; font-size: 14px !important; } } /*NEW UPI India Popup*/ .modal-upiNetBanking { background: #000; max-width: 326px; border-radius: 10px; padding: 30px 0; } #upiNetBanking-modal .modal-dialog { max-width: 326px; margin: auto; } #upiNetBanking-modal .modal-dialog .modal-content { border-radius: 13px; box-shadow: 0 0 30px; } .upiNetBanking { text-align: center; } .hgInstaLink { column-gap: 5px; font-family: var(--secondryfamily); color: #4eb2f0; font-size: 22px; font-weight: 500; line-height: 180%; } .upiNetBanking h2 { font-size: 40px; font-weight: 300; text-transform: none; color: #ffffff; line-height: 110%; } .upiNetBanking h3 { font-size: 40px; font-weight: 500; text-transform: none; color: #ffffff; line-height: 110%; } .upiNetBanking .button.solidbtn { width: 200px; margin: auto; margin-bottom: 10px; font-size: 18px; font-family: var(--primaryfamily); line-height: 22px; height: 100%; display: flex; align-items: center; padding-bottom: 13px; padding-top: 8px; } .upiNetBanking .button.solidbtn:hover { background: #4eb2f0; } .closeIgModal .btn-close { position: absolute; bottom: -50px; left: 50%; border: 1px solid #fff; width: 48px; height: 48px; border-radius: 100%; text-align: center; transform: translate(-50%, 20px); opacity: 1; color: #fff; background-image: none; display: flex; align-items: center; justify-content: center; } .closeIgModal .btn-close:hover { background: #4ba4db; } .upiInfo { margin-bottom: -70px; position: relative; } .upiRedirect { position: relative; margin-top: -70px; } @media (max-width: 768px) { .upiNetBanking .button.solidbtn { padding-top: 8px; padding-bottom: 12px; } } /* Model daylight saving */ .modal-daylight { background-image: linear-gradient(to bottom, #bccad8, transparent); max-width: 320px; border-radius: 10px; } #daylight-modal .modal-dialog { max-width: 320px; margin: auto; } #daylight-modal .modal-dialog .modal-content { border-radius: 13px; } .modalHeadDaylightImg { margin-top: -94px; margin-left: -5px; width: calc(100% + 10px); margin-bottom: 20px; } .modalHeadDaylightImg img { width: 100%; } .daylightInfo { text-align: center; } .igInstaLink { column-gap: 5px; font-family: var(--secondryfamily); color: #4ba4db; font-size: 22px; font-weight: 500; line-height: 140%; } .daylightInfo h2 { font-size: 36px; font-weight: 600; text-transform: none; color: #000; line-height: 110%; margin-bottom: 10px; } .daylightInfo h3 { font-size: 36px; font-weight: 400; text-transform: none; color: #000; line-height: 110%; } .daylightInfo .DaynightSaving-contest { transform: scale(1.25); margin-top: 20px; margin-bottom: 37px; margin-left: -15px; } .daylightInfo .button.solidbtn { width: 200px; margin: auto; margin-bottom: 10px; font-size: 16px; font-family: "Barlow Semi Condensed"; line-height: 22px; height: 100%; display: flex; align-items: center; } .daylightInfo .button.solidbtn:hover { background: #4eb2f0; } .daylightInfo .btn-link { color: #fff; text-decoration: none; margin-top: 5px; font-size: 15px; } .daylightInfo .btn-link:hover { color: #4ba4db; } .closeIgModal .btn-close { position: absolute; bottom: -50px; left: 50%; border: 1px solid #fff; width: 48px; height: 48px; border-radius: 100%; text-align: center; transform: translate(-50%, 20px); opacity: 1; color: #fff; background-image: none; display: flex; align-items: center; justify-content: center; } .closeIgModal .btn-close:hover { background: #4ba4db; } /*vps hosting homepage renew*/ @media (min-width: 1541px) { .vpsServices .copyformflex .copyformflexl { width: 32rem; } .vpsServices .copyformflex .copyformflexr { width: 36rem; } } .vpsServices .copyloginbody .copyformflexl p { font-size: 14px; color: rgba(255, 255, 255, 0.7) !important; max-width: 80%; margin-top: 10px; } .vpsServices .em_bottom_container .minicard .card-body p { font-size: 18px !important; color: #fff !important; opacity: 1; max-width: 100% !important; } .vpsServices .em_bottom_container .minicard .card-body { margin-right: 2px; margin-bottom: 0; } .vpsBenefits li { position: relative; padding-left: 30px; font-size: 18px; color: #fff; margin-bottom: 10px; } .vpsBenefits li:before { content: ""; background: url(https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/vps-bullet-list.svg) no-repeat left center; position: absolute; left: 0; width: 22px; height: 22px; top: 2px; } .vpsBenefits { margin-bottom: 30px; } .vps-system-info h2 { margin-bottom: 20px; } .t_vpshosting .solidbtn { min-width: 177px; } .vertical_list .em-card .card-body .em_leftdata .em_img img { width: 60px; height: auto; } @media (max-width: 1540.99px) { .vpsServices .copyloginbody { padding: 2.5rem 3.2rem; } .vpsServices .copyformflex .copyformflexr { width: 30rem; } .vpsServices .copyformflex .copyformflexl { width: 25rem; } .vpsServices .em_bottom_container .minicard .card-body p { font-size: 15px !important; } .vpsServices .copyloginbody .copyformflexl p { font-size: 14px !important; max-width: 100%; } #widget_exma_register span.select2-selection { height: 47px; } .select-manual .select2-selection__rendered { height: 46px; } .vpsServices .copy-rform .dual_screen { padding: 3rem 2rem; } .vpsServices .em_bottom_container .minicard .card-body { margin-top: 0; padding-right: 0 !important; } } @media (max-width: 992px) { .vpsServices .copyformflex .copyformflexl { width: 100%; } .vpsServices .copyformflex { display: block; } .vpsServices .copyformflex .copyformflexr { width: 100%; } .vpsServices .copy-rform { top: 0; } .vpsServices .logincont { width: 100%; margin: auto; margin-top: 3rem; } .vpsServices .copy-rform .dual_screen { top: 0; left: 0; position: relative; width: 100%; max-width: 100% !important; } .vpsServices .copy-rform::before { display: none; } .vpsServices .formmaxhead h2, .vpsServices .formmaxhead p { max-width: 100%; } .vpsServices .copyloginbody .copyformflexl p { font-size: 16px !important; max-width: 100%; } .vpsServices .em_bottom_container .minicard .card-body { max-width: 80%; } .vps_hosting_plans { background-size: cover; background-position: left center; } .em-card .card-body .em_leftdata { display: block; } .vpsServices { padding-top: 4rem !important; padding-bottom: 4rem !important; } .t_vpshosting .vps-hosting-freeMkt { padding-top: 3rem; } } @media (max-width: 767px) { .vps-system-info .img-mob-vps { margin-top: 50px; } .vps-system-info .img-mob-vps .img-mob img { max-height: 430px; height: auto; } .t_vpshosting .vps-configuration { padding-bottom: 3rem !important; } .vps-system-info .img-mob-vps, .img-mob-vps:before { bottom: 50px; top: auto; } .vps-system-info .img-mob-vps { height: auto !important; } .vps-system-info .img-mob-vps:before { height: 300px; max-height: 400px; } } @media (max-width: 576px) { .vpsServices .copyloginbody { padding: 2rem 1.5rem; } .vpsServices .copy-rform .dual_screen { padding: 2rem 1.5rem; } } /* Languages vps hosting homepage renew*/ html[lang="ar"] .t_vpshosting .ab_tpsec h2 { font-size: 2.2rem; line-height: 60px; } html[lang="ar"] .vpsBenefits li:before { right: 0; } html[lang="ar"] .vpsBenefits li { padding-right: 30px; } @media (min-width: 992px) { html[lang="es"] .vpsServices .em_bottom_container .minicard .card-body p, html[lang="pt"] .vpsServices .em_bottom_container .minicard .card-body p, html[lang="id"] .vpsServices .em_bottom_container .minicard .card-body p, html[lang="th"] .vpsServices .em_bottom_container .minicard .card-body p, html[lang="ms"] .vpsServices .em_bottom_container .minicard .card-body p, html[lang="tr"] .vpsServices .em_bottom_container .minicard .card-body p, html[lang="it"] .vpsServices .em_bottom_container .minicard .card-body p, html[lang="ar"] .vpsServices .em_bottom_container .minicard .card-body p, html[lang="hi"] .vpsServices .em_bottom_container .minicard .card-body p { font-size: 16px !important; max-width: 90% !important; } html[lang="el"] .vpsServices .em_bottom_container .minicard .card-body p { font-size: 14px !important; max-width: 85% !important; } } @media (min-width: 1540px) { html[lang="id"] .t_vpshosting .em_bottom_container .whitebtn { min-width: fit-content; } html[lang="ar"] .vpsServices .em_bottom_container .copyloginbody { padding-right: 40px !important; } } @media (max-width: 1540.99px) { html[lang="ar"] .vpsServices .em_bottom_container .copyloginbody { padding-right: 30px; } } @media (max-width: 992px) { html[lang="ar"] .vpsServices .em_bottom_container .copyloginbody { padding: 3.5rem 3.2rem; } } @media (max-width: 768px) { html[lang="ar"] .vpsServices .em_bottom_container .copyloginbody { padding: 1.6rem; } } /*verify login 2fa*/ .goBacktopage { position: absolute; top: 40px; } .goBacktopage .button.linebtn { height: 50px; width: 115px; text-align: center; font-size: 22px; font-family: var(--primaryfamily); border-left: 0 !important; border-top-left-radius: 0; border-bottom-left-radius: 0; box-shadow: 0 0 0 1px #d0d2d5 inset; } .goBacktopage .button.linebtn:hover { box-shadow: 0 0 1px #4ba4db inset; } #verify_login p { color: #383c43; margin-bottom: 10px; } #verify_login h2 { margin-bottom: 0px; } #verify_login .form-check-input[type="checkbox"] { border-color: #ddd !important; } .verifyLoginCred .signupfooter { text-align: left; } .verifyLoginCred .signupfooter p { margin-bottom: 0; color: #383c43; font-family: var(--secondryfamily); font-weight: 400; } .verifyLoginCred .signupfooter label { font-weight: 400; } .verifyLoginCred .signupfooter p a { color: var(--blue); text-decoration: underline; } .verifyLoginCred .signupfooter { margin-top: 20px; } @media (max-width: 576px) { .verifyLoginCred { padding: 120px 20px; } } /* product pages highlight text */ .visible-textex:hover { color: #4ba4db; } .visible-textex { color: #4ba4db; display: inline; } /* Optimiation attributes */ @media (max-width: 1540px) { .w-auto-lg { width: auto; height: auto; } } /* Optimiation attributes */ /* Footer As featured at */ @media (max-width: 768px) { .m_hp_tpart ul li:nth-child(1), .m_hp_tpart ul li:nth-child(2), .m_hp_tpart ul li:nth-child(3), .m_hp_tpart ul li:nth-child(4) { width: 30%; max-width: 30%; } } /* market pages icons */ .one_ricon .em_leftdata .em_img img { width: auto !important; } /* market pages icons */ /*verify login 2fa*/ .goBacktopage { position: absolute; top: 40px; } .goBacktopage .button.linebtn { height: 50px; width: 115px; text-align: center; font-size: 22px; font-family: var(--primaryfamily); border-left: 0 !important; border-top-left-radius: 0; border-bottom-left-radius: 0; box-shadow: 0 0 0 1px #D0D2D5 inset; } .goBacktopage .button.linebtn:hover { box-shadow: 0 0 1px #4ba4db inset; } #verify_login p { color: #383C43; margin-bottom: 10px; } #verify_login h2 { margin-bottom: 0px; } #verify_login .form-check-input[type="checkbox"] { border-color: #ddd !important; } .verifyLoginCred .signupfooter { text-align: left; } .verifyLoginCred .signupfooter p { margin-bottom: 0; color: #383C43; font-family: var(--secondryfamily); font-weight: 400; } .verifyLoginCred .signupfooter label { font-weight: 400; } .verifyLoginCred .signupfooter p a { color: var(--blue); text-decoration: underline; } .verifyLoginCred .signupfooter { margin-top: 20px; } #code-error { font-size: 14px; color: #dc3545; font-weight: 400; } #code-error:empty { display: none !important; } .verifyLoginCred .form-control { margin: 0 !important; } #authentication-subheading { margin-bottom: 0; } .verifyLoginCred .right-form h2 { margin-bottom: 0; } @media(max-width:576px) { .verifyLoginCred { padding: 120px 20px; } } /* product pages highlight text */ .visible-textex:hover { color: #4ba4db; } .visible-textex { color: #4ba4db; display: inline; } /* market pages icons */ .one_ricon .em_leftdata .em_img img { width: auto !important; } /* market pages icons */ /*update Header*/ .header_container { max-width: 1170px; } .mega-menu .innermega { max-width: 1170px; } .navbar-light .navbar-nav .nav-link { font-weight: 500; } .topMenu .col-6>ul { display: flex; align-items: center; column-gap: 27px; height: 20px; } .topMenu.navbar-light .dropdown .dropdown-toggle { padding: 0 0; } .topMenu li.dropdown.display-web-view { min-width: auto; } header.main_header { padding: 0; } .topMenu { padding: 16px 0; background: #0F1113; height: 52px; } .topMenu ul li { position: relative; } .topMenu ul li a { color: #fff; font-size: 14px; font-family: var(--secondryfamily); text-transform: uppercase; letter-spacing: 0.2px; } .topMenu ul li:first-child:after { content: ''; position: absolute; right: -13px; top: 50%; width: 1px; height: 14px; background: #33383D; transform: translateY(-45%); } .topMenu ul li:last-child:after { display: none; } .topMenu ul li { line-height: 100%; } .topMenu.navbar-light .nav-link:hover, .topMenu.navbar-light .nav-link:focus, .topMenu.navbar-light .nav-link.show, .topMenu.navbar-light .nav-link:hover i, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:hover i { color: #00A7E1; } .topMenu.navbar-light .nav-link:hover svg path, .topMenu.navbar-light .nav-link.active svg path { stroke: #00A7E1; } .topMenu ul li .mg_head i { top: -1px; } .navbar { padding: 20px 0; height: 88px; } .mega-menu { top: 8.6rem; background: #0f1113; } .nav-link.show::after { top: 8.6rem !important; } .topMenu.navbar-light .custome-menu::before { background-color: #0f1113; } .topMenu.navbar-light .custome-menu { right: 0 !important; } .mega-menu .innermega .leftmega_section { max-width: 100%; padding-right: 0; padding-top: 0; margin-top: 60px; height: 100%; padding-bottom: 0; } .navbar-light .navbar-nav .nav-link { font-size: 18px; letter-spacing: 0.2px; } /* .mg_head i { font-size: 8px; } */ .nav-item .dropdown-menu[data-bs-popper] { top: 120%; } .header_btn .button { height: 42px; padding: 12px 20px; } .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead, .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl { font-size: 22px; font-weight: 500; height: 30px; border-bottom: 0; padding: 0; border-left: 4px solid #2A2E33; padding-left: 17px; margin-bottom: 32px; line-height: 110%; color: #fff; letter-spacing: 0.2px; font-family: var(--primaryfamily); } .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead i { top: -3px; } .mega-menu .innermega .leftmega_section .mega_list .mg_box a { padding-left: 19px; font-size: 20px; color: #e6e6e6; border-left: 3px solid transparent; line-height: 40px; font-weight: 500; font-family: var(--primaryfamily); } .mega-menu .innermega .leftmega_section .mega_list .mg_box a:hover { padding-left: 17px; } .mega-menu .innermega .leftmega_section .mega_list .mg_box a:not(.mg_mainhead):hover, .mega-menu .innermega .leftmega_section .mega_list .mg_box a.active { padding-left: 19px; border-left: 3px solid; font-weight: 500; } .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl { padding-left: 17px !important; color: #A5AEBB; font-weight: 500; } .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl:hover { padding-left: 17px !important; color: #A5AEBB !important; } .mega-menu .innermega { flex-direction: column; justify-content: space-between; } .mg_blog { margin-top: 0; } .headerNews { padding: 30px 0; position: relative; border-top: 1px solid #17191C; } .mg_blog .product_article_section .card-body { margin: 0 50px 0 0; } .mg_blog .product_article_section .card-body { display: flex; column-gap: 10px; } .product_article_section .card-body .em_rightdata h5 { color: #fff; font-family: var(--secondryfamily); font-weight: 500; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; } .mg_blog .product_article_section .common-link-em { display: flex; align-items: center; justify-content: space-between; width: 100%; padding-left: 10px; } .product_article_section .card-body .em_rightdata { padding-right: 0; position: relative; } .mg_blog .product_article_section .common-link-em span { color: #fff; font-weight: 400; font-family: var(--secondryfamily); font-size: 14px; } .mg_blog .product_article_section .card-body::after { display: none; } .product_article_section ul.slick-dots { text-align: center; margin-top: 20px; } .headerNews .commonhead { margin-bottom: 10px; } .viewMarketNews { position: absolute; top: 40%; right: 0; } .headerNews .commonhead a:hover { color: #4ba4db; } .headerNews .commonhead a { font-size: 22px; } .headerNews .commonhead a .bi { font-size: 15px; } .custome-menu .mg_mainhead { font-size: 22px; font-family: var(--primaryfamily); } .custome-menu a { font-size: 20px; margin-bottom: 1rem; font-family: var(--primaryfamily); } .mgdropmenu { min-width: 310px; } .mgdropmenu .mg_mainhead i { top: -3px; } .mega-menu .innermega .leftmega_section .mega_list { border-left: 1px solid rgba(26, 29, 32, 0.7); } .mg_head.active, .mg_head.active .bi, .nav-item .active, .mega-menu .innermega .leftmega_section .mega_list .mg_box a:hover, .mega-menu .innermega .leftmega_section .mega_list .mg_box a.active, .nav-item.mg_mclick.active>a { color: #00A7E1 !important } .mg_mclick.active:after, .mg_head:has(.active) .mg_mclick:after, .mg_mclick:has(.mg_head.active):after { content: ''; width: 100%; height: 2px; background: #00a7e1; bottom: -20px; position: absolute; } .topMenu ul li ul a { text-transform: capitalize; font-size: 16px; margin-bottom: 8px; } .topMenu ul ul li:first-child:after { display: none; } .custome-menu a.mg_mainhead:after { content: ''; width: 4px; height: 80%; background: #2A2E33; bottom: 10px; position: absolute; left: -20px; } .custome-menu a.mg_mainhead.active:after, .custome-menu a.mg_mainhead:hover:after { background: #00a7e1; } .custome-menu a:not(.mg_mainhead):hover:after, .custome-menu a:not(.mg_mainhead).active:after { content: ''; width: 4px; height: 100%; background: #00a7e1; bottom: 0px; position: absolute; left: -20px; } .custome-menu a { position: relative } .topMenu .mg_mclick.active:after, .topMenu .mg_head:has(.active) .mg_mclick:after, .topMenu .mg_mclick:has(.mg_head.active):after { display: none; } .mg_mainhead:hover { border-color: #00A7E1 !important; } .custome-menu .mg_mainhead:hover { border-color: #1c2125 !important; } .mg_blog .product_article_section .common-link-em span.readmoretxt, .mg_blog .product_article_section .card-body:hover h5 { color: #4ba4db; } .product_article_section .card-body img { height: 99px; object-fit: cover; } .product_article_section .card-body .em_rightdata h5 { font-size: 18px !important; font-weight: 400 !important; } .mega-menu .innermega .leftmega_section .mega_list .mg_box { padding-right: 1rem; } .footer_top_block .social-url ul li a { background: #2c3136; display: inline-flex; align-items: center; justify-content: center; height: 40px; width: 40px; } @media(max-width:1540px) { .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead, .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl, .custome-menu .mg_mainhead { font-size: 20px; } .mega-menu .innermega .leftmega_section .mega_list .mg_box a, .custome-menu a { font-size: 18px; } .mg_mclick.active .mega-menu { height: 83%; } .header_btn .button { width: fit-content; min-width: 120px } } @media(max-width:1200px) { .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead, .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl, .custome-menu .mg_mainhead { font-size: 18px; } .header_mgmenu .nav-item { margin: 0 7px !important; } .navbar-light .navbar-nav .nav-link { font-size: 16px; } } @media(max-width:991.98px) { .mega-menu { top: 0; } .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead, .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl, .custome-menu .mg_mainhead { font-size: 18px; } .mega-menu .innermega .leftmega_section .mega_list .mg_box a, .custome-menu a { font-size: 18px; margin-bottom: 0; } .mega-menu .innermega .leftmega_section { flex-wrap: wrap; flex: 50%; box-sizing: border-box; } .mega-menu .innermega .leftmega_section .mega_list { width: 50%; margin-bottom: 30px; } .mg_mclick.active:after, .mg_head:has(.active) .mg_mclick:after, .mg_mclick:has(.mg_head.active):after { display: none; } .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead i { top: 0px; } .custome-menu { margin-bottom: 20px; } .navbar-collapse { top: 70px; } .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead, .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl { margin-bottom: 10px; } .mega-menu .innermega .leftmega_section { margin-top: 20px; } .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead, .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl { line-height: 30px; } .mg_head.active, .mg_head.active .bi, .nav-item .active, .mega-menu .innermega .leftmega_section .mega_list .mg_box a:hover, .mega-menu .innermega .leftmega_section .mega_list .mg_box a.active, .nav-item.mg_mclick.active>a, a.nav-link.mg_head.active { border-color: #00A7E1; } .mega-menu .innermega .leftmega_section .mega_list .mg_box a:not(.mg_mainhead).active, .custome-menu a:not(.mg_mainhead).active { background-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.10) 100%); padding-left: 30px !important; } .navbar-light .mobile_language_drop_down .dropdown .dropdown-toggle { background: #383C43; border-radius: 4px; } .navbar-light .navbar-nav .nav-link, html[lang="es"] .navbar-light .navbar-nav .nav-link { font-size: 24px; font-weight: 400; } .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead, .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl { font-size: 22px; margin-bottom: 30px; padding-left: 13px !important; border-width: 3px; } .mega-menu .innermega .leftmega_section .mega_list .mg_box a:not(.mg_mainhead):hover, .mega-menu .innermega .leftmega_section .mega_list .mg_box a.active { padding-left: 30px !important; } .mega-menu .innermega .leftmega_section .mega_list .mg_box a { padding-left: 15px; font-size: 22px; font-weight: 400; font-family: 'Barlow Semi Condensed'; margin-bottom: 10px; } .mega-menu .innermega .leftmega_section .mega_list { margin-bottom: 60px; } .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.active { background: transparent !important; padding-left: 15px !important; } .mg_mclick.active .mg_head:before, .mg_mclick.active .mg_head:before, .mg_mclick .mg_head.active:before { content: ''; width: 3px; height: 30px; position: absolute; left: 0; background: #00a7e1; top: 16px; } .mg_mclick .mg_head.active { padding-left: 15px !important; } .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead, .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl { border-left: 0; } .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.active { border-left: 0; } .navbar-collapse.show { height: 90%; } .mg_mclick.active .nav-link.mg_head { padding-left: 15px !important; } .custome-menu a.mg_mainhead:after { display: none; } .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead, .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl, .custome-menu .mg_mainhead, .custome-menu a { font-size: 22px; padding-left: 15px !important; } .mg_mclick.active .nav-link.mg_head { padding-left: 15px !important; } .custome-menu a.mg_mainhead:after { display: none; } .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead, .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl, .custome-menu .mg_mainhead, .custome-menu a { font-size: 22px; padding-left: 15px !important; margin-bottom: 20px; } .custome-menu a:not(.mg_mainhead):hover:after, .custome-menu a:not(.mg_mainhead).active:after { left: 0; } html[lang="es"] .navbar-light .dropdown .dropdown-toggle { font-size: 1rem !important; } .langdrop a { margin-bottom: 0; font-size: 18px; } } @media(max-width:768px) { .mega-menu .innermega .leftmega_section .mega_list { width: 100%; } .navbar-collapse.show { height: 90%; } } @media(max-width:576px) { .header_btn .button { width: fit-content; min-width: 220px } .navbar-brand lottie-player { width: 140px !important; } } /*news section Home page*/ .newsBlock { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; } .insgihtsection { margin-bottom: 0 !important; } .right_news_anchor { position: unset; font-size: 18px !important; } .right_news_anchor a { font-size: 15px; font-family: var(--secondryfamily); font-weight: 500; margin-top: 5px; } .insgihtsection { align-items: baseline; position: relative; } .newsInfoHome { height: 100%; padding: 20px 40px 20px 20px; display: flex; align-items: center; position: relative; flex-direction: column; justify-content: center; } .insgihtsection:before { content: ''; background: rgba(0, 0, 0, 0.7); position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .insgihtsection label { padding: 0; position: unset; } .newsInfoHome { transform: translateY(100%); transition: all 0.5s ease-in-out; } .newsInfoHome p { font-size: 14px; font-family: var(--secondryfamily); color: #fff; line-height: 130%; margin-top: 10px; } .botton_news_section.insgihtsection { position: relative; overflow: hidden; transition: all 0.5s ease-in-out; } .botton_news_section.insgihtsection:hover { transition: all 0.5s ease-in-out; } .botton_news_section.insgihtsection:hover .newsInfoHome { transform: translateY(0); transition: all 0.5s ease-in-out; background: rgba(29, 54, 170, 0.5); } p.newsHead { position: absolute; top: 50%; transform: translateY(-50%); padding: 20px; color: #fff; font-size: 22px; height: 100%; line-height: 130%; font-family: var(--primaryfamily); transition: all 0.5s ease-in-out; display: flex; align-items: center; } .botton_news_section.insgihtsection:hover .newsHead { transition: all 0.5s ease-in-out; transform: translateY(-140%); } .subscribe_btn input { padding: 1rem 9.5rem 1rem 1rem; font-size: 16px; } .subscribe_btn a { height: 58px; display: flex; align-items: center; justify-content: center; line-height: 100%; column-gap: 2px; width: 140px; font-size: 16px; } .newspetterbox .unihdtext { font-size: 22px; } .article_box { height: 100%; } .newsFeatureImg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; filter: blur(3px) grayscale(1); } .botton_news_section.insgihtsection:hover .newsFeatureImg { filter: blur(0px) grayscale(0); } .subscribe_btn .blog_subscribr_msg, .subscribe_btn #subscribe_email-error { position: absolute; font-size: 13px; font-weight: 400; color: #f00; } .subscribe_btn .spinner-border-sm { position: absolute; left: 8px; } .arrowTopRight { position: absolute; right: 0; top: 0px; width: 40px; height: 40px; background: #3242bb; z-index: 9; border-radius: 0px 0 0 4px; display: flex; align-items: center; justify-content: center; } #email-error { color: #f00; font-weight: 400; } .newsGridHome { display: flex; column-gap: 20px; } .newsGridHome>div { width: 50%; } .recentPostGrid .newsGridSingle { height: 100%; border: 0; background: transparent; transition: all 0.5s ease-in-out; } .recentPostGrid .newsGridSingle .featureImg { height: 270px; border-radius: 5px 5px 0 0; overflow: hidden; } .recentPostGrid .newsGridSingle:hover .featureImg img { scale: 1.1; transition: all 0.5s ease-in-out; } .recentPostGrid .newsGridSingle img { transition: all 0.5s ease-in-out; } .recentPostGrid .newsGridSingle .featureImg img { height: 100%; object-fit: cover; width: 100% !important; } .recentPostGrid { border-radius: 5px; overflow: hidden; background: #f1f4f8; } .recentPostGrid .newsGridSingle .newsInfo { padding: 10px 20px; } .recentPostGrid .newsGridSingle .blogViewsCalendar span { align-items: center; display: flex; column-gap: 5px; font-size: 13px; font-family: var(--secondryfamily); color: #7D7D7D; line-height: 16px; } .recentPostGrid .newsGridSingle .blogViewsCalendar span img { width: 16px; } .recentPostGrid .newsGridSingle .blogViewsCalendar { margin-bottom: 10px; } .recentPostGrid .newsGridSingle .newsInfo h4 { color: #1D1D1B; line-height: 130%; font-weight: 500; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; } .recentPostGrid .newsGridSingle:hover .newsInfo h4 { color: #4ba4db } .recentPostGrid .newsGridSingle .newsInfo .readMore { color: #4ba4db; font-size: 14px !important; } .recentPostGrid .newsGridSingle:hover .newsInfo .readMore { text-decoration: underline; } .recentPostThumb .imgThumbnail img { height: 120px; object-fit: cover; } .recentPostTiles .recentPostThumb:not(:last-child) { margin-bottom: 30px; } .recentPostTiles .recentPostThumb { border: 0; transition: all 0.5s ease-in-out; } .recentPostTiles .recentPostThumb .card-body { height: 120px; } .recentPostTiles .recentPostThumb .card-body .card-title { margin-bottom: 15px; font-size: 22px; color: #1D1D1B; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; } .newsGridHome .recentPostThumb .blogViewsCalendar { display: flex; align-items: center; justify-content: space-between; column-gap: 10px; font-size: 14px; line-height: 160%; margin-bottom: 0; } .newsGridHome .recentPostThumb .blogViewsCalendar span { display: flex; align-items: center; column-gap: 5px; color: #595959; } .newsGridHome .recentPostThumb .blogViewsCalendar span.readMore { color: #4ba4db; text-decoration: underline; font-size: 14px; } .newsGridHome .recentPostTiles .recentPostThumb:hover .imgThumbnail img { scale: 1.1; transition: all 0.5s ease-in-out; } .recentPostTiles .recentPostThumb img { transition: all 0.5s ease-in-out; } .recentPostTiles .recentPostThumb .imgThumbnail { overflow: hidden; border-radius: 5px; transition: all 0.5s ease-in-out; } .recentPostTiles .recentPostThumb:hover .card-title { color: rgba(75, 164, 219, 0.8) } .recentPostTiles .recentPostThumb .imgThumbnail img { width: 100%; } html[lang="ar"] .recentPostTiles .recentPostThumb .card-body .card-title { line-height: 130%; font-size: 20px; } html[lang="ar"] .recentPostThumb .blogViewsCalendar span { font-size: 14px; } html[lang="ar"] .subscribe_btn .blog_subscribr_msg, html[lang="ar"] .subscribe_btn #subscribe_email-error { text-align: right !important; line-height: 160%; height: 100%; font-size: 12px !important; } @media(max-width:1540px) { .recentPostGrid .newsGridSingle .featureImg { height: 230px; } .recentPostTiles .recentPostThumb:not(:last-child) { margin-bottom: 10px; } .recentPostTiles .recentPostThumb .card-body .card-title { font-size: 20px; } .recentPostGrid .newsGridSingle .newsInfo h4 { font-size: 22px; } } @media(max-width:1541px) and (min-width:992px) { .article_box { padding-right: 0; } .subscribe_btn a { padding: 10px; width: 120px; } .subscribe_btn input { padding-right: 8rem; } } @media(max-width:992px) { .newsBlock { display: block; } .botton_news_section.insgihtsection { margin: 0 5px; } .newsBlock ul.slick-dots { text-align: center; } .dailyMarketHome .commonhead { display: flex; align-items: center; justify-content: space-between; } .common-link-sm { font-size: 15px; font-family: var(--secondryfamily); font-weight: 500; margin-top: 5px; color: #4ba4db; } p.newsHead { display: none; } .newsInfoHome { transform: translateY(0); text-align: left; background: rgba(29, 54, 170, 0.5); ; align-items: flex-start; } .newsInfoHome label { text-align: left; font-size: 22px !important; } } @media(max-width:768px) { .newsGridHome { flex-direction: column; row-gap: 20px; } .newsGridHome>div { width: 100%; } .recentPostGrid .newsGridSingle .featureImg img { width: 100%; } html[lang="ar"] .subscribe_btn input { height: 58px; } html[lang="ar"] .article_box.overartbx { padding-right: 0; padding-left: 0; } } @media(max-width:576px) { .newsBlock { grid-template-columns: 1fr; } } #subscribe_form .form-control.error, #subscribe_form_mobile .form-control.error, .validator-error { border-color: #dc3545; } /* login timercount */ .timer-counter-logiin { margin: 10px 0 5px 0; font-weight: 500; font-size: 1.12rem; color: #1d1d1b; font-family: var(--secondryfamily); } #timer-countlg { margin-left: 5px; color: #4ba4db; } /* Rangerove Modal 30-04-2024 */ .modal-body.modal-holiday { max-width: 326px; border-radius: 10px; padding: 0; } #rangeRoverPopup .modal-dialog { max-width: 326px; margin: auto; } #rangeRoverPopup .modal-dialog .modal-content { border-radius: 13px; box-shadow: 0 0 30px; background: none; border: none; background: url(https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/range-poup-bg-rover-bg.png) no-repeat 0 0px #101214; } .modalHeadHolidayImg1 { text-align: center; } .modalHeadHolidayImg1 img { width: 275px; position: absolute; top: -78px; left: 50%; margin-left: -143px; } .rangeRoverInfo { text-align: center; padding: 0 0px; /* background: #101214; */ border-radius: 0 0 13px 13px; padding-bottom: 30px; position: relative; /* top: -10px; */ padding: 105px 0 0 0; } .hgInstaLink { column-gap: 5px; font-family: var(--secondryfamily); color: #4eb2f0; font-size: 22px; font-weight: 500; line-height: 180%; } .rangeRoverInfo h2 { font-size: 28px; font-family: "Barlow Semi Condensed" !important; font-weight: 400; text-transform: none; color: #ffffff; margin: 8px 0 15px 0; } .rangeRover .HolidaySaving-contest { width: 90%; } .rangeRover .rang-rover-poupup.button.solidbtn { width: 190px !important; margin: auto; font-size: 16px; font-family: var(--primaryfamily); line-height: 22px; height: 100%; display: flex; align-items: center; margin-top: 12px; } .rangeRover .button.solidbtn:hover { background: #4eb2f0; } .rangeRover .btn-link { color: #fff; text-decoration: none; margin-top: 5px; font-size: 15px; } .rangeRover .btn-link:hover { color: #4eb2f0; } .closeIgModal .btn-close { position: absolute; bottom: -45px; left: 50%; border: 1px solid #fff; width: 40px; height: 40px; border-radius: 100%; text-align: center; transform: translate(-50%, 20px); opacity: 1; color: #fff; background-image: none; display: flex; align-items: center; justify-content: center; } .closeIgModal .btn-close:hover { background: #4ba4db; } p.tc a { color: #fff; font-family: "Barlow Condensed"; font-size: 13px; font-style: normal; font-weight: 400; } .rangRover3 { font-size: 91px; font-family: "Barlow Semi Condensed" !important; position: relative; font-weight: 700; line-height: normal; text-transform: uppercase; color: #9cfcff; line-height: 110%; font-style: italic; transform: translateX(-12px); } html[lang="id"] .rangRover3, html[lang="gr"] .rangRover3, html[lang="ar"] .rangRover3 { transform: translateX(0); } .rangRover3::before { position: absolute; top: 0; left: 91px; font-family: "Barlow Semi Condensed"; content: "WIN"; font-weight: 500; text-shadow: 0px 0px 16.447px #00ace1; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #24f9ff; color: transparent; } .rangeRover4 { font-family: "Barlow Semi Condensed" !important; font-size: 52px; font-weight: 700; position: relative; color: #00c3ff; text-transform: uppercase; } .rangeRover4::before { position: absolute; top: 0; left: 18px; content: "Range Rover"; font-weight: 500; text-shadow: 0px 0px 16.447px #00ace1; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #00e4fe; color: transparent; } .bgImg { position: relative; } .bgImg::after { content: ""; width: 83px; background: url(../uploads/rover-text-shdow-left.png) no-repeat; position: absolute; height: 58px; left: 0px; top: 23px; } .bgImg::before { content: ""; width: 83px; background: url(../uploads/rover-text-shdow-right.png) no-repeat; position: absolute; height: 58px; right: 0; top: 23px; } /* arabic language CSS */ html[lang="ar"] .rangRover3 { font-size: 75px; } html[lang="ar"] .rangRover3::before { content: "اربح­"; left: 92px; top: 0px; font-size: 75px; font-weight: 700; } html[lang="ar"] .rangeRover4 { font-size: 55px; } html[lang="ar"] .rangeRover4::before { content: "رانج روفر"; left: 72px; font-weight: 700; } /* Gr language CSS */ html[lang="el"] .bgImg::after, html[lang="el"] .bgImg::before { background: none; } html[lang="el"] .rangRover3 { font-size: 53px; font-family: var(--primaryfamily) !important; } html[lang="el"] .rangRover3::before { content: "ΚΕΡΔΙΣΤΕ"; left: 38px; top: 0px; /* font-size: 53px; */ font-weight: 500; font-family: var(--primaryfamily) !important; } html[lang="el"] .rangeRover4 { font-size: 38px; font-family: var(--primaryfamily) !important; } html[lang="el"] .rangeRover4::before { content: "ένα Range Rover"; left: 0; font-weight: 700; font-family: var(--primaryfamily); } html[lang="el"] .rangeRoverInfo h2 { font-size: 27px; } html[lang="el"] .rang-rover-poupup.button { padding: 0.5rem 1.43rem; font-size: 0.87rem; width: 190px; } /* Indo language CSS */ html[lang="id"] .bgImg::after, html[lang="id"] .bgImg::before { background: none; } html[lang="id"] .rangRover3 { font-size: 55px; } html[lang="id"] .rangRover3::before { content: "Menangkan"; left: 24px; top: 0px; /* font-size: 45px; */ font-weight: 500; } html[lang="id"] .rangeRover4 { font-size: 55px; } html[lang="id"] .rangeRover4 { font-size: 40px; } html[lang="id"] .rangeRover4::before { content: "Range Rover"; left: 51px; } html[lang="id"] .rang-rover-poupup.button { padding: 0.5rem 1.43rem; font-size: 0.87rem; width: 190px; margin-bottom: 20px; } /* Italian language CSS */ html[lang="it"] .bgImg::after, html[lang="it"] .bgImg::before { background: none; } html[lang="it"] .rangRover3 { font-size: 75px; } html[lang="it"] .rangRover3::before { content: "VINCI"; left: 84px; top: 0px; font-weight: 500; } html[lang="it"] .rangeRover4::before { content: "Range Rover"; left: 18px; } @media (max-width: 1540.98px) { .rang-rover-poupup.button { width: 190px !important; } } @media(max-width:992px) { .rangRover3::before, .rangeRover4::before { display: none; } #rangeRoverPopup .rang-rover-poupup.button { width: 200px !important; } } .microIntract_rover { position: absolute; top: 0; left: 50%; transform: translateX(-50%); } html[lang="el"] .microIntract_rover { left: 42%; } @media(max-width:1540px) { html[lang="el"] .microIntract_rover { left: 32%; } } @media(max-width:992px) { .microIntract_rover { display: none } } /* Pamm Iframe CTA */ .t_pamm .flexhead .lflexheading { width: 96%; } .t_pamm .landing_block_wrapper .button.linebtn { width: auto; } .t_pamm .landing_block_wrapper .button.solidbtn { width: 200px; margin-right: 10px; } @media(min-width:991px) and (max-width:1540px) { html[lang="el"] .t_pamm .landing_block_wrapper .button.solidbtn { width: 292px; margin-right: 10px; margin-bottom: 10px; } html[lang="tr"] .t_pamm .landing_block_wrapper .button.solidbtn { width: 242px; margin-right: 10px; margin-bottom: 10px; } html[lang="hi"] .t_pamm .landing_block_wrapper .button.solidbtn { width: 253px; margin-right: 10px; margin-bottom: 10px; } html[lang="pt"] .t_pamm .landing_block_wrapper .button.solidbtn { width: 254px; margin-right: 10px; margin-bottom: 10px; } } @media(max-width:768px) { .t_pamm .landing_block_wrapper .button.solidbtn, .t_pamm .landing_block_wrapper .button.linebtn { width: 100%; max-width: 300px; margin-right: 0; margin-bottom: 10px; } } @media(max-width:576px) { html[lang="el"] .t_pamm .landing_block_wrapper .button.solidbtn, .t_pamm .landing_block_wrapper .button.linebtn { padding: 10px; } } /* Languages */ html[lang="ar"] .t_pamm .solidbtn { margin-left: 10px; } @media(max-width:768px) { .t_pamm #iframePamm .nomarginb { padding-bottom: 10px; } .t_pamm #iframePamm .second_pfont { margin-bottom: 0; } html[lang="ar"] .t_pamm .solidbtn { margin-left: 0; } } /* 25-06-2024 Added tiktok icon */ .footer_top_block .social-url ul li a:nth-child(6):hover { background: #000000 !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; transition: unset; } @media (max-width: 1540px) { .footer_top_block .social-url ul .footer_menu_heading { margin-right: 0; } html[lang='hi'] .footer_top_block .social-url ul .footer_menu_heading { margin-bottom: 5px !important; } } @media (max-width: 1199.99px) { .footer_top_block .social-url { width: 28%; } .footer_top_block .support_now_block { width: 72%; } html[lang="el"] .footer_top_block .support_now_block { width: 70%; } html[lang="el"] .footer_top_block .social-url { width: 30%; } html[lang="hi"] .footer_top_block .support_now_block { width: 70%; } html[lang="hi"] .footer_top_block .social-url { width: 30%; } } @media (min-width: 1540px) { html[lang="tr"] .footer_top_block .social-url ul .footer_menu_heading { margin-right: 3px; } html[lang="el"] .footer_top_block .social-url ul .footer_menu_heading { margin-right: 0rem; } html[lang="th"] .footer_top_block .social-url ul .footer_menu_heading { margin-right: 10px; } html[lang="hi"] .footer_top_block .social-url ul .footer_menu_heading { margin-right: 0px; } } @media(min-width:991.98px) and (max-width:1540px) { html[lang="tr"] .footer_top_block .support_now_block .support_now_blocks .linebtn { left: -30px; } html[lang="ar"] .footer_top_block .support_now_block { width: 55%; } html[lang="ar"] .footer_top_block .social-url { width: 45%; } html[lang="ar"] .footer_top_block .support_now_block .support_now_blocks { min-width: 22%; } } @media (max-width: 991.99px) { .footer_top_block .support_now_block { width: 58%; } .footer_top_block .social-url { width: 42%; } html[lang="el"] .footer_top_block .support_now_block { width: 58%; } html[lang="el"] .footer_top_block .social-url { width: 42%; } html[lang='el'] .footer_top_block .social-url ul li { height: unset !important; margin-bottom: 5px; } html[lang="hi"] .footer_top_block .support_now_block { width: 58%; } html[lang="hi"] .footer_top_block .social-url { width: 42%; } } @media(min-width:768px) and (max-width:991.98px) { .footer_top_block .social-url ul .footer_menu_heading { margin-right: 6px; } } @media (max-width: 767.99px) { .footer_top_block .support_now_block { width: 100%; } .footer_top_block .social-url { width: 100%; } .footer_top_block .social-url ul .footer_menu_heading { margin-right: 10px; margin-bottom: 5px; } html[lang="el"] .footer_top_block .support_now_block { width: 100%; } html[lang='el'] .footer_top_block .social-url { width: 100%; } html[lang="hi"] .footer_top_block .support_now_block { width: 100%; } html[lang='hi'] .footer_top_block .social-url { width: 100% !important; } } /* 25-06-2024 Added tiktok icon */ /*to add exclusive funded link*/ .topMenu ul li:not(:last-child):after { content: ''; position: absolute; right: -13px; top: 50%; width: 1px; height: 14px; background: #33383D; transform: translateY(-45%); } .topMenu ul.langdrop li:not(:last-child):after { display: none; } /*updated lang drop down menu*/ @media(min-width:992px) { .topMenu.navbar-light .custome-menu.langdrop { background: #262a2c; width: 540px; display: none; grid-template-columns: 1fr 1fr 1fr; gap: 10px; } .topMenu.navbar-light .custome-menu.langdrop.show { display: grid; } .topMenu.navbar-light .custome-menu.langdrop::before { background: #4BA4DB; width: 70px; border: 0; height: 3px; transform: rotate(0deg); top: 0; right: 0; } } @media(max-width:991.98px) { .mobile_language_drop_down .dropdown-menu { max-width: 540px; grid-template-columns: 1fr 1fr 1fr; width: 100%; min-width: 500px; } .mobile_language_drop_down .dropdown-menu.show { display: grid; } } @media(max-width:576.98px) { .mobile_language_drop_down .dropdown-menu { grid-template-columns: 1fr 1fr; min-width: 300px; } .mobile_language_drop_down .dropdown-menu.show { display: grid; } html[lang="ar"] .navbar-light .navbar-nav.mobile_language_drop_down .dropdown-menu { right: auto; left: 0 !important; } html[lang="ar"] .navbar-light .navbar-nav.mobile_language_drop_down .dropdown-menu a, html[lang="el"] .navbar-light .navbar-nav.mobile_language_drop_down .dropdown-menu a { font-size: 16px; } html[lang="el"] .navbar-light .navbar-nav.mobile_language_drop_down .dropdown-menu li { margin: 0; } html[lang="hi"] .navbar-light .navbar-nav.mobile_language_drop_down .dropdown-menu a { font-size: 16px; } html[lang="cn"] .navbar-light .navbar-nav.mobile_language_drop_down li a { font-size: 16px; } html[lang="tw"] .navbar-light .navbar-nav.mobile_language_drop_down li a { font-size: 16px; } html[lang="en"] .navbar-light .navbar-nav.mobile_language_drop_down li a { font-size: 17px; } } /* Vietnamese Css */ html[lang="vi"] .big_number.big_number_vi { font-size: 60px !important; margin-bottom: 15px !important; } html[lang="vi"] .em_bottom_container h2, .ex_product .em_bottom_container h3 { font-size: 2.9rem; } html[lang="vi"] .ex_product .landing_slider .landing_slider_desc h1, .ex_product .landing_slider .landing_slider_desc h2, .ex_product .landing_slider .landing_slider_desc h3 { font-size: 3.8rem; } html[lang='vi'] .ex_flex_box .left_flex_overlay h5 { font-size: 2.2rem; line-height: 106%; } html[lang="vi"] #exclusive-account h5 { width: 27%; font-size: 37px; } html[lang="vi"] #standard-account h5 { width: 27%; font-size: 37px; } html[lang="vi"] #standard-plus h5 { width: 27%; font-size: 37px; } html[lang="vi"] #cent-account h5 { width: 27%; font-size: 38px; padding-right: 3rem; } html[lang="vi"] #shares-account h5 { width: 27%; font-size: 32px; padding-right: 4rem; } html[lang='vi'] .trd_tool .ex_flex_box .left_flex_overlay h5 { font-size: 1.8rem; } html[lang="vi"] .ex_fund .card_design .in_block .right_info label { font-size: 0.9rem !important; } html[lang="vi"] .ex_copy .flexhead .lflexheading h2 { font-size: 2.7rem; } html[lang='vi'] .t_pamm .pm_brick .bgpm li:not(:first-child) { font-size: 1.1rem !important; } html[lang="vi"] .footer_top_block .support_now_block .support_now_blocks .linebtn { position: relative; left: -42px; width: 175px; } html[lang='vi'] .mail-mid-right a { font-size: 1.1rem; } html[lang="vi"] .xma-flex-tabs .exma-tabs-container .upper-tabs-cont .inner-flex-block label b sep { right: -8px; } html[lang="vi"] .exTableTrade tr td small { line-height: 130%; } html[lang="vi"] .registerMarginBox .boosterHighlights h2 { font-size: 2.7rem; } html[lang='vi'] .boosterBox .box { padding: 20px; } html[lang="vi"] .boosterBox .box h3 { font-size: 21px !important; line-height: 130%; } html[lang="vi"] .boosterBox .box p { font-size: 18px; margin-top: 2px; } html[lang="vi"] .t_about .vision_mission_tabs #myTab .nav-item .nav-link { font-size: 22px; } html[lang="vi"] .promotionSlider .stepBox h3 { font-size: 17px !important; } html[lang='vi'] .promotionSlider .item .stepBox { min-height: 120px; } html[lang='vi'] .exm_reg .inner-left-textiso p { line-height: 24px !important; } html[lang="vi"] .faq-header h2 { padding-bottom: 5px; } html[lang="vi"] .goBacktopage .button.linebtn { width: 125px; font-size: 21px; } @media(min-width:1540px) { html[lang="vi"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li { font-size: 1.3rem !important; } html[lang='vi'] .t_pamm .bgpm h3 { font-size: 1.9rem !important; } html[lang="vi"] .t_pamm .pgrid label { font-size: 30px; } html[lang="vi"] .t_pamm .bgpm { height: 40rem; } html[lang="vi"] .t_partner .mt_4_product .brick_section ul li:first-child { line-height: 30px; } html[lang="vi"] .t_partner .intfl .lactivebx ul li label { font-size: 1.3rem; } html[lang="vi"] .t_partner .em_bottom_container h2, .ex_product .em_bottom_container h3 { font-size: 2.8rem; } html[lang="vi"] .pmdpmhome .vertical-box { padding: 2.3rem 2rem 21.8rem 3rem; margin-top: 9rem; } html[lang='vi'] .promoHighlights { padding-bottom: 43px; } html[lang="vi"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 36px; } html[lang="vi"] .landing-page .faqList h5 { font-size: 20px; } html[lang="vi"] .landing-page .faqList p { font-size: 17px; min-height: 80px; } html[lang="vi"] .footer_top_block .social-url ul .footer_menu_heading { margin-right: 0px; } } @media (max-width: 1600px) { html[lang='vi'] .boosterBox .box { padding: 20px 10px; } html[lang='vi'] .boosterBox .box h3 { font-size: 20px !important; line-height: 140%; } html[lang='vi'] .footer_top_block .social-url ul .footer_menu_heading { margin-bottom: 5px !important; } } @media only screen and (max-width: 1540px) { html[lang="vi"] .in_page .ex_flex_box .left_flex_overlay ul label { line-height: 30px; font-size: 1.5rem; } html[lang="vi"] .in_page .ex_flex_box .left_flex_overlay h5 { font-size: 1.9rem; } html[lang="vi"] .in_page .ex_flex_box .left_flex_overlay ul p { font-size: 1rem !important; } html[lang="vi"] .t_central .rvwhitegrid .t_center img { padding-bottom: 230px; } html[lang="vi"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li { font-size: 1.2rem !important; } html[lang="vi"] .t_central .rvwhitegrid .t_center { top: 94px; } html[lang="vi"] .t_pamm .pm_brick .bgpm h3 { font-size: 1.5rem !important; } html[lang="vi"] .t_pamm .pgrid label { font-size: 1.1rem; } html[lang="vi"] .t_partner .em_bottom_container .minicard .card-body h5 { font-size: 1rem !important; } html[lang="vi"] .pmdpmhome .vertical-box { padding: 1.9rem 1rem 17.7rem 2rem !important; margin-top: 2.5em; } html[lang='vi'] .footer_top_block .support_now_block .support_now_blocks .linebtn { left: 0; } html[lang="vi"] .below_card.cardfn.dailyMktFull label { font-size: 22px; } html[lang='vi'] .promoHighlights { padding-bottom: 0px; } html[lang="vi"] .landing-page .faqList p { min-height: 80px; } /* html[lang="vi"] .button { width: auto; } */ html[lang="vi"] .landing_slider .button { min-width: 220px; } } @media (max-width: 1299px) { html[lang="vi"] .ex_product .landing_slider .landing_slider_desc h1, .ex_product .landing_slider .landing_slider_desc h2, .ex_product .landing_slider .landing_slider_desc h3 { font-size: 2.8rem; } html[lang="vi"] #exclusive-account h5 { width: 30%; font-size: 26px; } html[lang="vi"] #standard-account h5 { width: 27%; font-size: 26px; } html[lang="vi"] #standard-plus h5 { width: 30%; font-size: 26px; } html[lang="vi"] #cent-account h5 { width: 30%; font-size: 26px; } html[lang="vi"] #shares-account h5 { padding-right: 1rem; font-size: 26px; } } @media (max-width: 1199.98px) and (min-width: 991px) { html[lang="vi"] .pmdpmhome .vertical-box { margin-top: 2.7rem; } } @media (min-width: 768px) and (max-width: 992px) { html[lang="vi"] .pmdpmhome .vertical-box { margin-top: 27.8em !important; } } @media(min-width:992px) { html[lang='vi'] .vpsServices .em_bottom_container .minicard .card-body p { font-size: 16px !important; max-width: 90% !important; } html[lang="vi"] .t_partner .partnerWithUs .card-body.one_ricon { min-height: 220px; } html[lang="vi"] .more-options a { padding: 90px 60px 0px 40px; } html[lang="vi"] .t_about .mktp_box .card { min-height: 440px; } html[lang="vi"] .t_about .mktp_box .card .card-header h3 { font-size: 1.4rem !important; min-height: 64px; } } @media(max-width:992px) { html[lang="vi"] .t_central .rvwhitegrid .t_center img { padding-bottom: 93px; } html[lang='vi'] .promoHighlights { padding-bottom: 100px; } html[lang="vi"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 36px; } html[lang="vi"] .landing-page .faqList p { min-height: 0; } } @media(min-width:768px) and (max-width:1540px) { html[lang="vi"] .t_pamm .bgpm { height: 32rem; } } @media only screen and (max-width: 768px) { html[lang="vi"] #exclusive-account h5 { width: 100%; font-size: 30px; line-height: 10px; } html[lang="vi"] #standard-account h5 { width: 100%; font-size: 30px; line-height: 10px; } html[lang="vi"] #standard-plus h5 { width: 100%; font-size: 30px; line-height: 10px; } html[lang="vi"] #cent-account h5 { width: 100%; font-size: 30px; line-height: 10px; } html[lang="vi"] #shares-account h5 { width: 100%; font-size: 30px; line-height: 10px; } html[lang="vi"] .ex_fund .card_design .in_block .right_info label { width: auto !important; padding: 0 5px; } html[lang="vi"] .t_central .bottom_fxs label { padding: 0.4rem; font-size: 18px; } html[lang="vi"] .t_central .rvwhitegrid .t_center { top: 20px; } html[lang="vi"] .t_central .rvwhitegrid .t_center img { padding-bottom: 19px; } html[lang="vi"] .ex_copy .button { width: 220px !important; font-size: 15px; } html[lang="vi"] ul.slider_bottom_bar li label { font-size: 17px; } html[lang="vi"] ul.slider_bottom_bar li p { font-size: 14px !important; } html[lang='vi'] .xma-flex-tabs .exma-tabs-container .upper-tabs-cont h5 { font-size: 1.5rem; } html[lang="vi"] .mxh_btmn .margint5r .h_box p { font-size: 16px !important; } html[lang="vi"] .t_about .vision_mission_tabs #myTab .nav-item .nav-link { font-size: 15px; } /* html[lang="vi"] .button { width: 100%; } */ } @media (max-width: 576px) { html[lang="vi"] .big_number.big_number_vi { font-size: 40px !important; margin-bottom: 13px !important; } html[lang="vi"] .t_pamm .pgrid label { font-size: 1.1rem !important; } html[lang="vi"] .pmdpmhome .vertical-box { padding: 1.9rem 1rem 14.8rem 2rem !important; } html[lang="vi"] .promotionSlider { margin-top: -35px } html[lang='vi'] .t_licence .exdownprev a { width: 100%; } html[lang='en'] .t_licence .exdownprev a { width: 100%; } html[lang="vi"] .mxh_btmn .margint5r .h_box p { font-size: 20px !important; } html[lang="vi"] .t_about .mktp_box .card .card-header h3 { font-size: 20px !important; } html[lang='vi'] .boosterBox .box { padding: 35px; } html[lang='vi'] .boosterBox .box h3 { font-size: 22px !important; line-height: 120%; } html[lang='vi'] .promoHighlights { padding-bottom: 1px; } html[lang='vi'] .promotionSlider .item .stepBox { min-height: 115px; } html[lang="vi"] .promotionSlider ul.slick-dots { margin-top: -6px; } html[lang="vi"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 24px; } } @media (min-width: 410px) and (max-width: 430px) { html[lang="vi"] .promotionSlider { margin-left: calc(100% / 2) !important; transform: translateX(-50%); } } /* Funded Modal 12-07-2024 */ #fundedPopup .modal-body { max-width: 380px; border-radius: 10px; padding: 0; } #fundedPopup .modal-dialog { max-width: 380px; margin: auto; } #fundedPopup .modal-dialog .modal-content { border-radius: 9px; background: none; border: none; background: linear-gradient(to bottom, #191F24 0%, #191F24 0%) padding-box, linear-gradient(to top, #2D3B43 0%, #51778A 169%, #648CA0 143%) border-box; border: 1px solid transparent; } .modalHeadfundedImg1 { text-align: center; } .modalHeadfundedImg1 img { border-radius: 9px 9px 0 0; } .fundedInfo { text-align: center; padding: 0 0px; /* background: #101214; */ border-radius: 0 0 13px 13px; padding-bottom: 30px; position: relative; /* top: -10px; */ padding: 0; } .fundedInfo p span { color: #394957; margin: 0 6px; } .fundedInfo p.fundedPoints { font-size: 20px; color: #fff; margin-top: -25px; margin-bottom: 30px; } .termsApply { font-size: 16px; margin-bottom: 40px; color: #fff; font-family: 'Barlow Semi Condensed'; } .hgInstaLink { column-gap: 5px; font-family: var(--secondryfamily); color: #4eb2f0; font-size: 22px; font-weight: 500; line-height: 180%; } .fundedInfo h2 { font-size: 28px; font-family: "Barlow Semi Condensed" !important; font-weight: 400; text-transform: none; color: #ffffff; margin: 8px 0 15px 0; } .funded .fundedSaving-contest { width: 90%; } .funded .rang-rover-poupup.button.solidbtn { width: 190px !important; margin: auto; font-size: 16px; font-family: var(--primaryfamily); line-height: 22px; height: 100%; display: flex; align-items: center; margin-top: 12px; } .funded .button.solidbtn:hover { background: #4eb2f0; } .funded .btn-link { color: #fff; text-decoration: none; margin-top: 5px; font-size: 15px; } .funded .btn-link:hover { color: #4eb2f0; } .closeIgModal .btn-close { position: absolute; bottom: -45px; left: 50%; border: 1px solid #fff; width: 40px; height: 40px; border-radius: 100%; text-align: center; transform: translate(-50%, 20px); opacity: 1; color: #fff; background-image: none; display: flex; align-items: center; justify-content: center; } .closeIgModal .btn-close:hover { background: #4ba4db; } p.tc a { color: #fff; font-family: "Barlow Condensed"; font-size: 13px; font-style: normal; font-weight: 400; } .rangRover3 { font-size: 91px; font-family: "Barlow Semi Condensed" !important; position: relative; font-weight: 700; line-height: normal; text-transform: uppercase; color: #9cfcff; line-height: 110%; font-style: italic; transform: translateX(-12px); } html[lang="id"] .rangRover3, html[lang="gr"] .rangRover3, html[lang="ar"] .rangRover3 { transform: translateX(0); } .rangRover3::before { position: absolute; top: 0; left: 91px; font-family: "Barlow Semi Condensed"; content: "WIN"; font-weight: 500; text-shadow: 0px 0px 16.447px #00ace1; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #24f9ff; color: transparent; } .funded4 { font-family: "Barlow Semi Condensed" !important; font-size: 52px; font-weight: 700; position: relative; color: #00c3ff; text-transform: uppercase; } .funded4::before { position: absolute; top: 0; left: 18px; content: "Range Rover"; font-weight: 500; text-shadow: 0px 0px 16.447px #00ace1; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #00e4fe; color: transparent; } .bgImg { position: relative; } .bgImg::after { content: ""; width: 83px; background: url(../uploads/rover-text-shdow-left.png) no-repeat; position: absolute; height: 58px; left: 0px; top: 23px; } .bgImg::before { content: ""; width: 83px; background: url(../uploads/rover-text-shdow-right.png) no-repeat; position: absolute; height: 58px; right: 0; top: 23px; } .popupCtas { display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 15px; } .popupCtas .watchavideo { color: #29ABE2; font-size: 20px; margin-bottom: 10px; display: flex; font-family: 'Barlow Condensed'; font-weight: 400; transition: all 0.5s ease-in-out } .popupCtas .watchavideo:hover { color: #fff; transition: all 0.2s ease-in-out } .popupCtas .watchavideo:hover svg path { fill: #fff; stroke: #fff; transition: all 0.2s ease-in-out } .popupCtas .button.linebtn { font-size: 26px; width: auto; width: 234px; display: flex; align-items: center; justify-content: center; font-weight: 500; line-height: 100%; color: #00A7E1; padding: 12px 0 15px; border: 1px solid #00A7E1; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2); } .popupCtas .button.linebtn:hover { color: #fff; } @media(max-width:576px) { #fundedPopup .modal-dialog { max-width: 350px; padding-right: 0; } #fundedPopup { padding-right: 0 !important; } } /*spriteimage css home*/ .spriteImgHome { background: url('https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/sprite-icons-home-min.svg'); } .card_split.cardSprite .em_leftdata { position: relative; } .card_split.cardSprite .em_rightdata p { min-height: auto; } .card_split.cardSprite .em_img { width: 70px !important; height: 70px; background-position: -19px -15px; } .card_split.cardSprite .icon-spot-metals { background-position: -107px -20px; content: ''; } .card_split.cardSprite .icon-commodities { background-position: -197px -16px; content: ''; } .card_split.cardSprite .icon-indices { background-position: -287px -17px; } .card_split.cardSprite .icon-cfd-stocks { background-position: -19px -96px; content: ''; } .card_split.cardSprite .icon-cryptos { background-position: -108px -97px; content: ''; } .card_split.cardSprite .icon-equities { background-position: -195px -98px; content: ''; } .card_split.cardSprite .icon-cfd-etf { background-position: -285px -99px; content: ''; } /*section 2*/ /*section 2*/ .ovr_rtimg .em_img { width: 50px; height: 50px; } .icon50sprite .em_img { width: 50px !important; height: 50px !important; background-position: -29px -195px; } .icon50sprite .em_img.iconsprite-innovative { background-position: -95px -192px; } .icon50sprite .em_img.iconsprite-reputable { background-position: -148px -192px; } .icon50sprite .em_img.iconsprite-regulated { background-position: -212px -192px; } /*tabs*/ .spritehometabs .nav-link { display: flex !important; align-items: center !important; } .spriteImgHome.excAccpill { background-position: -376px -20px; } .active .spriteImgHome.excAccpill { background-position: -436px -22px; } .spriteImgHome.stdAccpill { background-position: -496px -17px; } .active .spriteImgHome.stdAccpill { background-position: -558px -19px; } .spriteImgHome.stdplusAccpill { background-position: -377px -90px; } .active .spriteImgHome.stdplusAccpill { background-position: -442px -88px; } .spriteImgHome.centAccpill { background-position: -506px -90px; } .active .spriteImgHome.centAccpill { background-position: -567px -90px; } .spriteImgHome.sharesAccpill { background-position: -375px -164px; } .active .spriteImgHome.sharesAccpill { background-position: -443px -161px; } .spritehometabs .spriteImgHome { width: 52px; height: 52px; margin-left: 0 !important; } /*app download icons*/ .appdownloadIcons { width: 24px; height: 30px; margin: auto; } .windowiconsprite { background-position: -179px 80px; } .maciconsprite { background-position: -99px 80px; } .iosiconsprite { background-position: -64px 80px; } .androidiconsprite { background-position: -27px 80px; } .webiconsprite { background-position: -134px 80px; width: 34px; } @media(max-width:576px) { html[lang="en"] .scroll_bar_box .app_download .app_inner_download { padding: 15px 7px 5px 7px; } } /*partner section*/ .partner_in .partnerIcons { width: 60px; height: 60px; display: block; } .partner_in .promoteiconsprite { background-position: -296px -195px; } .partner_in .earniconsprite { background-position: -225px -263px; } .partner_in .trackconsprite { background-position: -303px -263px; } .dolloriconsprite { width: 43px; height: 50px; background-position: 130px -162px; } .tradingIcons { width: 44px; height: 44px; } .paymenticonsprite { background-position: 206px -231px; } .paymentOptionCards { align-items: center; gap: 5px; } .depositiconsprite { background-position: 54px -225px; } .zerocommiconsprite { background-position: 154px -225px; } .fundsecurityiconsprite { background-position: 106px -225px; } .financialGoalsIcons { width: 50px; height: 50px; display: block; } .financialGoals { align-items: center; } .experticonsprite { background-position: 71px -155px; } .withdrawtimeiconsprite { background-position: 210px -226px; } .regulatediconsprite { background-position: 266px -282px; } .negbaliconsprite { background-position: 208px -288px; } .educationiconsprite { background-position: 152px -286px; } .lenguagesupporticonsprite { background-position: 97px -280px; } .singleitem .item { display: none; } .singleitem .item:first-child { display: block; } .slick-initialized.singleitem .item, .slick-initialized.singleitem .item:first-child { display: block; } /* Trading Instruments Slider Fade in */ .broker-instrumentslick:not(.slick-initialized) { display: none; } .slick-slide:hover img.lightaward { display: none; } .ti-fade-in { animation: ti-fade-in 1s ease-in; } @keyframes ti-fade-in { 0% { transform: translateY(20px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @media (max-width: 767.98px) { .right_em_imgcont.pt7.mpimgbig { right: 0; top: 2rem; left: 0; } } /* Trading booster & about new  */ .global-award-new { padding: 15px;  } .award-new-list { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 0; padding-top: 50px; width: 100%; text-align: center; padding-left: 340px; } @media (max-width: 1540px) { .award-new-list { grid-template-columns: repeat(4, calc(100% / 4));  } } @media (max-width: 991px) { .award-new-list{ padding-left: 0;} } @media (max-width: 576px) { .award-new-list{ grid-template-columns: repeat(3, calc(100% / 3));   } .global-award-new { padding: 10px;  } }
/* Model daylight saving */.modal-daylight { background: #E2E3E4; max-width: 320px; border-radius: 10px; } #daylight-modal .modal-dialog { max-width: 320px; margin: auto; } #daylight-modal .modal-dialog .modal-content { border-radius: 13px; } .modalHeadDaylightImg { margin-top: -70px; margin-left: -5px; width: calc(100% + 10px); margin-bottom: 10px; } .modalHeadDaylightImg img { width: 100%; } .daylightInfo { text-align: center; } .igInstaLink { column-gap: 5px; font-family: var(--secondryfamily); color: #4BA4DB; font-size: 22px; font-weight: 500; line-height: 140%; margin-bottom: 5px; } .daylightInfo h2 { font-size: 47px; font-weight: 600; text-transform: none; color: #000; line-height: 110%; margin-bottom: 2px; } .daylightInfo h3 { font-size: 36px; font-weight: 400; text-transform: none; color: #000; line-height: 110%; } .daylightInfo .DaynightSaving-contest { transform: scale(1.25); margin-top: 20px; margin-bottom: 25px; margin-left: -15px; } .daylightInfo .button.solidbtn { width: 200px; margin: auto; margin-bottom: 10px; font-size: 16px; font-family: 'Barlow Semi Condensed'; line-height: 22px; height: 100%; display: flex; align-items: center; } .daylightInfo .button.solidbtn:hover { background: #4EB2F0; } .daylightInfo .btn-link { color: #fff; text-decoration: none; margin-top: 5px; font-size: 15px; } .daylightInfo .btn-link:hover { color: #4BA4DB; } .closeIgModal .btn-close { position: absolute; bottom: -50px; left: 50%; border: 1px solid #fff; width: 48px; height: 48px; border-radius: 100%; text-align: center; transform: translate(-50%, 20px); opacity: 1; color: #fff; background-image: none; display: flex; align-items: center; justify-content: center; } .closeIgModal .btn-close:hover { background: #4ba4db; } html[lang="pt"] .igInstaLink, html[lang="id"] .igInstaLink, html[lang="th"] .igInstaLink, html[lang="ms"] .igInstaLink { font-size: 24px; } html[lang="el"] .igInstaLink, html[lang="tr"] .igInstaLink { font-size: 22px; } html[lang="hi"] .igInstaLink, html[lang="cn"] .igInstaLink, html[lang="tw"] .igInstaLink, html[lang="ko"] .igInstaLink, html[lang="jp"] .igInstaLink { font-size: 19px !important; } html[lang="hi"] .daylightInfo h2, html[lang="cn"] .daylightInfo h2,  html[lang="tw"] .daylightInfo h2, html[lang="ko"] .daylightInfo h2, html[lang="jp"] .daylightInfo h2 { font-size: 32px !important; } html[lang="ar"] .daylightInfo h2 { font-size: 32px; font-weight: 700; } html[lang="el"] .daylightInfo h2 { font-size: 32px; } /* Model daylight saving */

/*trading instruments*/
.instrumentsIconSprite{background: url(../../../exc-prodp.s3.eu-west-2.amazonaws.com/uploads/trade-instruments-sprite.png);width: 92px; height: 50px; margin: auto;}
.spriteIconeurusd{background-position: -10px -85px;}
.spriteIconusdjpy{background-position: -100px -85px;}
.spriteIcongbpusd{background-position: -191px -85px;}
.spriteIconusdchf{background-position: -280px -85px;}

.spriteIcongold { background-position: -285px -20px; width: 70px; }
.spriteIconsilver { background-position: -355px -20px; width: 70px; }


.spriteIconwti { background-position: -424px -20px; width: 70px; }
.spriteIconcrude { background-position: -495px -20px; width: 70px; }
.spriteIconnaturalgas { background-position: -568px -20px; width: 70px; }

.spriteIconnasdaq { background-position: -8px -151px; width: 70px; }
.spriteIconsandp { background-position: -149px -151px; width: 70px; }
.spriteIcondowjohn { background-position: -79px -151px; width: 70px; }
.spriteIconnifty { background-position: -217px -151px; width: 70px; }

.spriteIconapple { background-position: -366px -85px; width: 70px; }
.spriteIconamazon { background-position: -433px -85px; width: 70px; }
.spriteIconmicrosoft { background-position: -504px -85px; width: 70px; }
.spriteIcontesla { background-position: -573px -85px; width: 70px; }
.spriteIconcitygrp { background-position: -288px -151px; width: 70px; }
.spriteIconchegg { background-position: -357px -151px; width: 70px; }

.spriteIconbitcoin {background-position: -7px -21px;width: 70px;}
.spriteIconethereum {background-position: -80px -20px;width: 70px;}
.spriteIconlitcoin { background-position: -148px -20px; width: 70px; }
.spriteIconripple { background-position: -219px -20px; width: 70px; }

.spriteIcongoldUS { background-position: -426px -150px; }
.spriteIconsilverUS { background-position: -518px -150px; }
.spriteIconusoUS { background-position: -12px -218px; }
.spriteIconungUS { background-position: -106px -218px; }