/* ===== Primary Styles ======= Can Goktas / @cangokt =============================== */ @charset "UTF-8"; /* * Tools *******************/ html {/* -webkit-font-smoothing: antialiased; */position: relative;min-height: 100%;} html { -ms-touch-action: manipulation; touch-action: manipulation; ; } body {} body>.animsition{padding: 190px 0 0; } body { font-family: 'Open Sans', sans-serif; } /* Bootstrap Modal Scrollbar Push Fix */ .modal {overflow-y: auto;} .modal-open {overflow: auto;} /* Boostrap Hamburger Menu Animation */ .navbar-toggle {border: none;background: transparent !important;} .navbar-toggle:hover {background: transparent !important;} .navbar-toggle .icon-bar {width: 22px;-webkit-transition: all 0.2s;transition: all 0.2s;} .navbar-toggle .top-bar {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform-origin: 10% 10%;-ms-transform-origin: 10% 10%;transform-origin: 10% 10%;} .navbar-toggle .middle-bar {opacity: 0;filter: alpha(opacity=0);} .navbar-toggle .bottom-bar {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transform-origin: 10% 90%;-ms-transform-origin: 10% 90%;transform-origin: 10% 90%;} .navbar-toggle.collapsed .top-bar {-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);} .navbar-toggle.collapsed .middle-bar {opacity: 1;filter: alpha(opacity=100);} .navbar-toggle.collapsed .bottom-bar {-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);} header{-webkit-transition: all .3s ease;transition: all .3s ease;z-index: 9;background: -webkit-linear-gradient(224deg, #017789 0%, #0091A7 98%);background: linear-gradient(-134deg, #017789 0%, #0091A7 98%);height: 130px;z-index: 9999;position: fixed;top: 0;left: 0;width: 100%;} header.slim{height: 70px;background: -webkit-linear-gradient(224deg, #017789 0%, #0091A7 98%) !important;background: linear-gradient(-134deg, #017789 0%, #0091A7 98%) !important;box-shadow: 0 -4px 0px 4px #edeff0,0 2px 4px 0 rgba(0,0,0,0.2);} header.slim .navbar-brand{margin: 20px 0 0 0;width: 120px;} header.slim .navbar-brand>img{width:120px;height: 33px;} header.slim .navbar-nav>li>a:after{top: auto;bottom: 5px;height: 3px;} header.slim .navbar-nav{margin: 15px 0 10px;} header.slim .navbar-nav.user{margin: 5px 0 20px;} header.slim .navbar-nav.user h4{font-size: 18px;} header.slim .navbar-nav.user h5{font-size: 12px;} header.transparent{background: transparent;} header.transparent.slim{background: none;} header .navbar{background-color: transparent;border: none;margin: 0 auto;} header .navbar-brand{-webkit-transition: all .3s ease;transition: all .3s ease;padding: 0;margin: 45px 0 0 0;float: left;text-indent: -9999px;height: auto;width: 160px;} header .navbar-brand h1{margin: 0;opacity: 0;filter: alpha(opacity=0);margin-top: -39px;} header .navbar-brand>img{width:160px;-webkit-transition: all .3s ease;transition: all .3s ease;} header .navbar-nav{-webkit-transition: all .3s ease;transition: all .3s ease;margin-top: 50px;margin-bottom: 40px;} header .navbar-nav>li{margin-left: 30px;} header .navbar-nav>li.active{} header .navbar-nav>li>a{color: #fff !important;font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight:700;padding: 10px 7px;} header .navbar-nav>li>a:after {position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;background: rgba(255, 255, 255, 1);content: '';opacity: 0;filter: alpha(opacity=0);-webkit-transition: opacity 0.3s, top 0.3s, -webkit-transform 0.3s;transition: opacity 0.3s, top 0.3s, -webkit-transform 0.3s;transition: opacity 0.3s, top 0.3s, transform 0.3s;-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);} header .navbar-nav>li:hover a:after, header .navbar-nav>li:hover a:after, header .navbar-nav>li.active a:after {opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);} header .navbar-nav>li.active>a, header .navbar-nav>li:hover>a{background-color: transparent !important;position: relative;} header .navbar-nav>li.login-btn{} header .navbar-nav>li.login-btn a{-webkit-transition: all .3s ease;transition: all .3s ease;padding: 10px 30px;background-color: #43D1AF !important;border-radius: 50px;color: rgba(0, 0, 0, .5) !important;} header .navbar-nav>li.login-btn a:hover{background-color: #43D1AF;color: #fff !important;} header .navbar-nav>li.signup-btn{margin-left: 20px;} header .navbar-nav>li.signup-btn a{-webkit-transition: all .3s ease;transition: all .3s ease;background-color: #FF9649 !important;padding: 10px 30px;border-radius: 50px;color: rgba(0, 0, 0, .5) !important;} header .navbar-nav>li.signup-btn a:hover{background-color: #FF9649;color: #fff !important;} header .navbar-nav>li.login-btn:hover a:after, header .navbar-nav>li.signup-btn:hover a:after{display: none;} header .navbar-nav.user{-webkit-transition: all .3s ease;transition: all .3s ease;text-align: right;margin: 40px 0 40px;} header .navbar-nav.user li:hover a:after{display: none;} header .navbar-nav.user h4{-webkit-transition: all .3s ease;transition: all .3s ease;margin: 0 0 5px 0;float: left;width: 80%;font-size: 20px;font-family: 'Open Sans', sans-serif;font-weight: 600;} header .navbar-nav.user h5{-webkit-transition: all .3s ease;transition: all .3s ease;float: left;width: 80%;color: #80C8D3;font-family: 'Open Sans', sans-serif;font-weight: 600;margin: 0;} header .navbar-nav.user img{float: right;margin: -20px 0 0 0;border: 3px solid #fff;border-radius: 50px;background-color: #fff;} header .navbar-left{margin-left: 40px;} header .navbar-left li{margin-left: 65px;} footer{background-color: #242424;padding: 60px 0 50px;position: absolute;left: 0;bottom: 0;width: 100%;} footer .logo{margin: 20px 0 0px 0;display: inline-block;} footer .logo img{width: 145px;} footer .bkm-logo{width: 82px;height: 62px;display: inline-block;margin: 0px 35px -10px 0;position: relative;} footer .bkm-logo img{position: absolute;top: 0;left: 0;} footer .bkm-logo img:last-child{opacity: 0;-webkit-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;} footer .bkm-logo:hover img:last-child{opacity: 1;} footer .copyright{font-size: 16px;color: #9A9A9A;font-family: 'Open Sans', sans-serif;display: block;margin: 25px 0 0 0;} footer .copyright strong{font-family: 'Open Sans', sans-serif;font-weight:700;} footer .store-links{margin: 35px 0 0 0px;} footer .store-links a{float: left;width: 133px;} footer .store-links a img{} footer .store-links .app-store-btn{margin-right: 13px;} footer .store-links .play-store-btn{} footer nav{} footer nav a{font-family: 'Open Sans', sans-serif;font-weight:700;color: #909090 !important;margin-bottom: 20px;line-height: 19px;display: block;float: right;clear: right;text-decoration: none;} footer nav a:hover{color: #909090;text-decoration: none;} .fancybox-overlay{z-index: 9999} .text-left{text-align: left !important} .text-right{text-align: right !important} .section-headline{font-size: 40px;color: #006C79;font-family: 'Open Sans', sans-serif;font-weight: 300;text-align: center;margin: 0 0 15px;line-height: 1.5;} .section-headline.with-border{color: #727272;text-align: left;border-bottom: 2px solid #E3E3E3;padding-bottom: 25px;position: relative;} .section-headline .section-progress{position: absolute;top: 0;right: 0;} .section-headline .section-progress a{width: 64px;height: 64px;border: 3px solid #E3E3E3;display: inline-block;text-align: center;border-radius: 50px;text-decoration: none;color: #E3E3E3;font-size: 26px;padding: 10px 0 0 0;} .section-headline .section-progress a.active{border-color: #006C79;color: #006C79;} .bottom-separator{width: 200px;height: 2px;background-color: #E9E9E9;margin: 0 auto;display: inline-block;} .fancybox-close{background: url('../images/close-ico.svg') no-repeat center center;right: -65px;top: -22px;width: 45px;height: 44px;background-size: 50%;border: 2px solid #fff;border-radius: 50%;padding: 10px;} .fancybox-title{visibility: hidden !important;display: none !important;} .fadein-after-load, .fadein-after-load-delay{/*display: none*/} .page-wrapper{padding: 205px 0 267px;} .animsition-overlay-slide{background: transparent;} /* * Layout *******************/ .back-to-top{} .back-to-top .button-holder{} .back-to-top #back-to-top-btn{position: fixed;right: 100px;top: 130px;z-index: 9;width: 40px;height: 40px;} section.bg-dark{background-color: #F0F0F0;} section.bg-light{background-color: #FFF;} header{-webkit-transition: all .3s ease;transition: all .3s ease;z-index: 9;background: -webkit-linear-gradient(224deg, #017789 0%, #0091A7 98%);background: linear-gradient(-134deg, #017789 0%, #0091A7 98%);height: 130px;z-index: 9999;position: fixed;top: 0;left: 0;width: 100%;} header.slim{height: 70px;background: -webkit-linear-gradient(224deg, #017789 0%, #0091A7 98%) !important;background: linear-gradient(-134deg, #017789 0%, #0091A7 98%) !important;box-shadow: 0 -4px 0px 4px #edeff0,0 2px 4px 0 rgba(0,0,0,0.2);} header.slim .navbar-brand{margin: 20px 0 0 0;width: 120px;} header.slim .navbar-brand>img{width:120px;height: 33px;} header.slim .navbar-nav>li>a:after{top: auto;bottom: 5px;height: 3px;} header.slim .navbar-nav{margin: 15px 0 10px;} header.slim .navbar-nav.user{margin: 5px 0 20px;} header.slim .navbar-nav.user h4{font-size: 18px;} header.slim .navbar-nav.user h5{font-size: 12px;} header.transparent{background: transparent;} header.transparent.slim{background: none;} header .navbar{background-color: transparent;border: none;margin: 0 auto;} header .navbar-brand{-webkit-transition: all .3s ease;transition: all .3s ease;padding: 0;margin: 45px 0 0 0;float: left;text-indent: -9999px;height: auto;width: 160px;} header .navbar-brand h1{margin: 0;opacity: 0;filter: alpha(opacity=0);margin-top: -39px;} header .navbar-brand>img{width:160px;-webkit-transition: all .3s ease;transition: all .3s ease;} header .navbar-nav{-webkit-transition: all .3s ease;transition: all .3s ease;margin-top: 50px;margin-bottom: 40px;} header .navbar-nav>li{margin-left: 30px;} header .navbar-nav>li.active{} header .navbar-nav>li>a{color: #fff !important;font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight:700;padding: 10px 7px;} header .navbar-nav>li>a:after {position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;background: rgba(255, 255, 255, 1);content: '';opacity: 0;filter: alpha(opacity=0);-webkit-transition: opacity 0.3s, top 0.3s, -webkit-transform 0.3s;transition: opacity 0.3s, top 0.3s, -webkit-transform 0.3s;transition: opacity 0.3s, top 0.3s, transform 0.3s;-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);} header .navbar-nav>li:hover a:after, header .navbar-nav>li:hover a:after, header .navbar-nav>li.active a:after {opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);} header .navbar-nav>li.active>a, header .navbar-nav>li:hover>a{background-color: transparent !important;position: relative;} header .navbar-nav>li.login-btn{} header .navbar-nav>li.login-btn a{-webkit-transition: all .3s ease;transition: all .3s ease;padding: 10px 30px;background-color: #43D1AF !important;border-radius: 50px;color: rgba(0, 0, 0, .5) !important;} header .navbar-nav>li.login-btn a:hover{background-color: #43D1AF;color: #fff !important;} header .navbar-nav>li.signup-btn{margin-left: 20px;} header .navbar-nav>li.signup-btn a{-webkit-transition: all .3s ease;transition: all .3s ease;background-color: #FF9649 !important;padding: 10px 30px;border-radius: 50px;color: rgba(0, 0, 0, .5) !important;} header .navbar-nav>li.signup-btn a:hover{background-color: #FF9649;color: #fff !important;} header .navbar-nav>li.login-btn:hover a:after, header .navbar-nav>li.signup-btn:hover a:after{display: none;} header .navbar-nav.user{-webkit-transition: all .3s ease;transition: all .3s ease;text-align: right;margin: 40px 0 40px;} header .navbar-nav.user li:hover a:after{display: none;} header .navbar-nav.user h4{-webkit-transition: all .3s ease;transition: all .3s ease;margin: 0 0 5px 0;float: left;width: 80%;font-size: 20px;font-family: 'Open Sans', sans-serif;font-weight: 600;} header .navbar-nav.user h5{-webkit-transition: all .3s ease;transition: all .3s ease;float: left;width: 80%;color: #80C8D3;font-family: 'Open Sans', sans-serif;font-weight: 600;margin: 0;} header .navbar-nav.user img{float: right;margin: -20px 0 0 0;border: 3px solid #fff;border-radius: 50px;background-color: #fff;} header .navbar-left{margin-left: 40px;} header .navbar-left li{margin-left: 65px;} .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{max-height: none;} .hero-bg{background-image: -webkit-linear-gradient(270deg, #006C79 0%, #00BDD4 100%);background-image: linear-gradient(-180deg, #006C79 0%, #00BDD4 100%);width: 100%;height: 660px;position: absolute;top: 0;left: 0;z-index: 1;/* max-height: 85vh; */} .hero-info{z-index: 9;position: relative;text-align: center;margin: -70px 0 30px;height: 680px;top: 0;left: 0;width: 100%;padding: 00px 0 0px 0;/* max-height: 82vh; */} .hero-info h2{font-size: 48px;color: #fff;font-family: 'Open Sans', sans-serif;font-weight: 300;margin: 5px 0 10px;-webkit-animation-delay: .25s;animation-delay: .25s;} .hero-info h3{color: #fff;font-size: 16px;font-family: 'Open Sans', sans-serif;font-weight: 600;margin: 20px 0 5px;line-height: 21px;-webkit-animation-delay: .8s;animation-delay: .8s;} .hero-info .intro-devices{position: relative;margin-top: 25px;} .hero-info .intro-video-btn{position: absolute;top: 95px;left: 50%;color: #fff;font-family: 'Open Sans', sans-serif;font-weight:700;text-align: center;font-size: 14px;line-height: 19px;text-decoration: none;margin-left: -70px;} .hero-info .intro-video-btn i{width: 96px;height: 96px;display: block;background-color: rgba(0, 0, 0, .36);border-radius: 50%;border: 2px solid rgba(255, 255, 255, .7);position: relative;margin: 0 auto 30px;} .hero-info .intro-video-btn i img{position: absolute;top: 50%;left: 50%;margin-top: -12px;margin-left: -8px;} .hero-info .intro-devices .intro-macbook{margin: 0 auto;max-width: 740px;height: auto;/* width: 67% !important; */} .hero-info .intro-devices .intro-iphone{position: absolute;right: 120px;/* bottom: -16px; */height: auto;width: 17%;top: 95px;z-index: 9;} .hero-info .scroll-baby-scroll{display: inline-block;padding: 25px;margin: 0;position: absolute;left: 50%;margin-left: -31px;-webkit-animation: arrow-bounce 2s infinite; animation: arrow-bounce 2s infinite;top: 600px;} .hero-info .scroll-baby-scroll img{} .hero-info .highlighted-carousel{position: absolute;top: 26px;left: 270px;width: 601px;} .hero-info .highlighted-carousel .owl-dots{position: absolute;left: 0;bottom: -19px;width: 100%;text-align: center;} .hero-info .highlighted-carousel .owl-dot{border: 2px solid #00BDD6;width: 10px;height: 10px;border-radius: 50%;margin: 0 5px;display: inline-block;} .hero-info .highlighted-carousel .owl-dot.active{background: #00BDD6;} .hero-info .highlighted-carousel .item{height: 377px;} .hero-info .highlighted-carousel .highlighted-cover{width: 100%;height: 100% !important;} .hero-info .highlighted-carousel .highlighted-video{display: block;width: 100%;height: 100%;} .hero-info .highlighted-carousel .play-btn-holder{width: 110px;height: 110px;display: block;background-color: rgba(0, 0, 0, .36);border-radius: 50%;border: 2px solid rgba(255, 255, 255, .7);position: absolute;top: 50%;left: 50%;margin-top: -48px;margin-left: -48px;} .hero-info .highlighted-carousel .play-btn{width: 35px;margin: 0 auto;padding-top: 30px;} .hero-info .highlighted-carousel iframe{width: 100%;height: 100%;} .hero-info .highlighted-carousel .item-video{} .hero-info .highlighted-carousel .owl-video-tn{background-size:cover;} .hero-info .highlighted-carousel .owl-video-play-icon{background: rgba(0, 0, 0, .5) url("owl.video.play.png") no-repeat;border-radius: 50%;} .hero-download{text-align: center;margin: 0 0px 120px 0;} .hero-download .bottom-separator{text-align: center;} .hero-download h4{color: #B6B6B6;text-align: center;font-family: 'Open Sans', sans-serif;font-weight: 600;margin: 30px 0 45px;} .hero-download .store-btns{text-align: center;width: 450px;margin: 0 auto;} .hero-download .store-btns a{display: inline-block;margin-bottom: 20px;width: 200px;} .hero-download .store-btns .app-store-btn{float: left;} .hero-download .store-btns .play-store-btn{float: right;} .hero-info .bottom-separator{} .intro-boxes{padding: 0 0 50px 0;margin: 20px 0 0 0;} .intro-boxes .intro-box{padding: 0 40px;} .intro-boxes .intro-box .intro-circle{height: 212px;margin: -5px auto -20px;} .intro-boxes .intro-box .intro-circle img{margin: 0 auto;position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .intro-boxes .intro-box h4{text-align: center;font-size: 18px;font-family: 'Open Sans', sans-serif;font-weight:700;color: #696969;margin: 10px 0 0px;position: relative;} .intro-boxes .intro-box h4:after{position: absolute;content: '';width: 200px;height: 2px;background-color: #E9E9E9;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);bottom: -15px;} .intro-boxes .intro-box p{text-align: center;font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 600;color: #565656;padding: 0 30px;} .wide-info-area{padding: 115px 0 100px;} .wide-info-area.dark{background-color: #F6F6F6;} .wide-info-area.light{} .wide-info-area h4{-webkit-transition: all .3s ease;transition: all .3s ease;font-size: 30px;font-family: 'Open Sans', sans-serif;color: #008292;margin-top: 0;display: inline-block;border-bottom: 2px solid #E9E9E9;padding-bottom: 5px;margin: 10px 0 30px;} .wide-info-area h4 a{color: inherit;text-decoration: none;} .wide-info-area h4:hover{border-color: #008292;} .wide-info-area p{font-size: 16px;font-family: 'Open Sans', sans-serif;font-weight: 600;color: #6A6A6A;line-height: 30px;} .wide-info-area ul{font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 600;color: #00A0B4;padding: 0;list-style: none;margin: 35px 0;} .wide-info-area ul li{background: url('../images/li-img.svg') no-repeat 0px 3px;padding-left: 30px;margin: 0 0 30px 0;line-height: 24px;} .wide-info-area.light ul li{background-image: url('../images/li-img-dark.svg');} .wide-info-area img{padding: 35px 0;margin: 0 auto;} .intro-available-banks{padding: 80px 0 80px;text-align: center;} .intro-available-banks .section-headline{margin: 0 0 60px 0;} .intro-available-banks .bottom-separator{} .intro-available-banks .banks{margin: 70px auto 20px;width: 990px;max-width: 95%;text-align: left;} .intro-available-banks .banks .bank{width: 14.65%;height: 140px;background-color: #F0F0F0;border-radius: 10px;margin: 0 2% 20px 0;display: inline-block;padding: 0 15px;} .intro-available-banks .banks .bank:nth-child(6n){margin-right:0;} .intro-available-banks .banks .bank img{margin: 0 auto;position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .intro-add-card{text-align: center;padding: 100px 0 40px;} .intro-add-card .section-headline{margin: 0 0 40px 0;} .intro-add-card .bottom-separator{} .intro-add-card p{font-size: 16px;color: #565656;font-family: 'Open Sans', sans-serif;width: 60%;margin: 50px auto;line-height: 30px;} .intro-add-card .add-card-btn{cursor: pointer;-webkit-transition: all .25s ease;transition: all .25s ease;width: 460px;height: 80px;display: inline-block;background-color: #FF9649;border-radius: 50px;font-size: 20px;color: #fff;font-family: 'Open Sans', sans-serif;font-weight:700;text-decoration: none;max-width: 90%;border: none;position: absolute;bottom: 38px;left: 50%;margin-left: -230px;} .intro-add-card .add-card-btn:hover{background-color: #F57D24;} .add-card{border-radius: 20px;width: 630px;height: 355px;margin: 0 auto 80px;border: 3px solid #017789;position: relative;max-width: 90%; background-image: -webkit-linear-gradient(354deg, #017789 -2%, #0091A7 50%); background-image: linear-gradient(96deg, #017789 -2%, #0091A7 50%);display: block;} .add-card .lock-ico{position: absolute;right: 30px;top: 30px;} .add-card .wave-ico{position: absolute;right: 43px;top: 70px;width: 45px;height: 52px;} .add-card .chip-ico{width: 69px;height: 65px;position: absolute;left: 43px;top: 70px;} .add-card .card-form{position: absolute;bottom: 155px;padding: 0 30px;width: 100%;font-family: 'OCRAExtended';} .add-card .card-input{border-radius: 6px;width: 110px;height: 60px;border: none;font-size: 36px;text-align: left;padding: 0 0 0 10px;} .add-card .card-input::-webkit-input-placeholder { color:#E6E6E6; } .add-card .card-input::-moz-placeholder { color:#E6E6E6; } .add-card .card-input:-ms-input-placeholder { color:#E6E6E6; } .add-card .card-inputinput:-moz-placeholder { color:#E6E6E6; } .add-card .card-input.first-input{margin-right: 20px;float: left;} .add-card .card-input.second-input{width: 65px;float: left;} .add-card .card-input.third-input{float: right;} .add-card .first-numbers{left: 245px;bottom: 5px;} .add-card .second-numbers{left: 335px;bottom: 5px;} .add-card .first-numbers, .add-card .second-numbers{font-size: 36px;color: #fff;vertical-align: bottom;position: absolute;} .add-card .first-info, .add-card .second-info{position: absolute;bottom: -70px;font-size: 24px;color: rgba(255, 255, 255, .6);display: none;} .add-card .first-info{left: 40px;} .add-card .second-info{right: 45px;} .add-card .card-num-placeholder{font-size: 36px;color: #fff;font-family: 'OCRAExtended';position: absolute;left: 0;bottom: 140px;width: 100%;} .social-icons{text-align: center;} .social-icons .social-icons-holder{display: inline-block;margin: 90px 0 60px;width: 100%;} .social-icons a{-webkit-transition: all .25s ease;transition: all .25s ease;display: inline-block;border: 2px solid #E2E2E2;width: 80px;height: 50px;border-radius: 50px;margin-right: 35px;} .social-icons a img{margin: 0 auto;position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .social-icons a img:last-of-type{display: none;} .social-icons a:hover{background-color: #006C79; border-color: #005964;} .social-icons a:hover img{display: none;} .social-icons a:hover img:last-of-type{display: block;} .social-icons .tw:hover{background-color: #55ACEE;border-color: #55ACEE;} .social-icons .fb:hover{background-color: #3B5998;border-color: #3B5998;} .social-icons .gp:hover{background-color: #DC4E41;border-color: #DC4E41;} .social-icons .ig:hover{background-color: #3F729B;border-color: #3F729B;} .social-icons .yt:hover{background-color: #CD201F;border-color: #CD201F;} footer{background-color: #242424;padding: 60px 0 50px;position: absolute;left: 0;bottom: 0;width: 100%;} footer .logo{margin: 20px 0 0px 0;display: inline-block;} footer .logo img{width: 145px;} footer .bkm-logo{width: 82px;height: 62px;display: inline-block;margin: 0px 35px -10px 0;position: relative;} footer .bkm-logo img{position: absolute;top: 0;left: 0;} footer .bkm-logo img:last-child{opacity: 0;-webkit-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;} footer .bkm-logo:hover img:last-child{opacity: 1;} footer .copyright{font-size: 16px;color: #9A9A9A;font-family: 'Open Sans', sans-serif;display: block;margin: 25px 0 0 0;} footer .copyright strong{font-family: 'Open Sans', sans-serif;font-weight:700;} footer .store-links{margin: 35px 0 0 0px;} footer .store-links a{float: left;width: 133px;} footer .store-links a img{} footer .store-links .app-store-btn{margin-right: 13px;} footer .store-links .play-store-btn{} footer nav{} footer nav a{font-family: 'Open Sans', sans-serif;font-weight:700;color: #909090 !important;margin-bottom: 20px;line-height: 19px;display: block;float: right;clear: right;text-decoration: none;} footer nav a:hover{color: #909090;text-decoration: none;} .offers.main-page{background: #F6F6F6;margin: 0;padding: 80px 0 80px;overflow: hidden;} .offers.main-page .offer-list-carousel-holder{margin: 85px 0 55px;} .offers{text-align: center;margin: -45px 0 0 0;} .offers .back-to-offers{width: 250px;padding-top: 18px;height: 60px;background-color: #006C79;border: none;border-radius: 40px;display: inline-block;margin: -15px 0 60px 0;color: #fff;font-family: 'Open Sans', sans-serif;font-weight: 600;font-size: 17px;text-decoration: none;} .offers-section.headline{} .offers .offer-info{position: relative;margin: 30px 0 110px;overflow: hidden;} .offers .offer-info.offer-single{margin-bottom: 70px;} .offers .offer-info-carousel{} .offers .offer-info-carousel .item{} .offers .offer-info.offer-single .offer-summary{} .offers .offer-info-carousel .offer-summary{background-color: #F6F6F6;width: 100%;display: inline-block;overflow: hidden;} .offers .offer-info-carousel .offer-cover{width: 66.6%;float: left;} .offers .offer-info-carousel .summary-box{float: left;padding: 65px 30px 0 50px;text-align: left;} .offers .offer-info-carousel .summary-box .logo{width: auto;margin-bottom: 40px;} .offers .offer-info-carousel .summary-box p{font-size: 30px;color: #555555;font-family: 'Open Sans', sans-serif;font-weight: 300;} .offers .offer-info-carousel .summary-box p strong{display: block;font-family: 'Open Sans', sans-serif;font-weight: 600;color: #006C79;} .offers .offer-info-carousel .offer-dates{font-size: 16px;color: #006C79;font-family: 'Open Sans', sans-serif;font-weight: 600;text-align: left;padding-left: 25px;} .offers .offer-info-carousel .offer-terms{display: none;} .offers .offer-info.offer-single .offer-terms{display: block;margin: 30px 0 0 0;font-size: 14px; color: #6B6B6B; text-align: left; font-family: 'Open Sans', sans-serif; line-height: 29px; padding-left: 5px;} .offers .offer-info.offer-single .offer-terms .info-img{width: 100%;} .offers .offer-info.offer-single .offer-terms img{width: auto;} .offers .offer-info-carousel .offer-terms ul{padding-left: 20px;} .offers .offer-info-carousel .offer-terms ul li, .offers .offer-info-carousel .offer-terms p{/* padding-left: 5px; */} .offers .offer-info-carousel .offer-link{text-align: left;display: block;color: #006C79;width: 100%;font-family: 'Open Sans', sans-serif;font-weight: 600;text-decoration: none;padding-left: 0px;margin: 15px 0 0;} .offers .offer-info-carousel .offer-link img{width: auto;float: left;margin: 3px 10px 0 0;} .offers .offer-list-carousel-holder{position: relative;margin-top: 25px;} .offer-list-carousel-holder .carousel-controls{position: absolute;width: 100%;height: 100%;} .offer-list-carousel-holder .carousel-controls a{width: 50px;height: 50px;background-color: #006C79;display: block;left: -70px;z-index: 9998;position: absolute;border-radius: 50px;top: 50%;margin-top: -25px;} .offer-list-carousel-holder .carousel-controls a img{margin: 0 auto;position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .offer-list-carousel-holder .carousel-controls a:nth-child(2){left: auto;right: -70px;} .offer-list-carousel.left-aligned .owl-stage {left: -37.8% !important;} .offers .offer-list-carousel{} .offers .offer-list-carousel .item{background-color: #F0F0F0;border-radius: 6px;height: 240px;} .offers .offer-list-carousel .owl-item.center .item{box-shadow: inset 0px 0px 0px 2px rgba(0, 108, 121, .5);} .offers.main-page .offer-list-carousel .item{box-shadow: inset 0px 0px 0px 2px rgba(0, 108, 121, .5);} .offers .offer-list-carousel .carousel-sync-area{padding-top: 15px;height: 235px;cursor: pointer;} .offers .offer-list-carousel .item>a{text-decoration: none;} .offers .offer-list-carousel .offer-brand{background-color: #fff;border-radius: 6px;height: 95px;margin: 0 15px;} .offers .offer-list-carousel .offer-brand img{width: auto;margin: 0px auto;max-width: 85%;max-height: 90%;position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .offers .offer-list-carousel h4{font-size: 14px;color: #787878;font-family: 'Open Sans', sans-serif;font-weight: 600;margin: 20px 0 0;text-decoration: none !important;padding: 0 15px;line-height: 1.3;} .offers .offer-list-carousel .share{width: 60px;height: 30px;background-color: #006C79;display: inline-block;border-radius: 6px;position: absolute;bottom: 15px;z-index: 9999;} .offers .offer-list-carousel .share img{width: auto;margin: 0 auto;position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .offers .offer-list-carousel .share.fb{left: 50%;margin-left: -67px;} .offers .offer-list-carousel .share.tw{right: 50%;margin-right: -67px;} .offers .offer-list-carousel .offer-details-btn{width: 120px;height: 35px;background-color: #006C79;display: inline-block;border-radius: 6px;z-index: 9999;margin-top: -50px;position: absolute;left: 50%;margin-left: -60px;padding: 8px 0 0 0;color: #fff;font-family: 'Open Sans', sans-serif;font-weight: 600;} .offers .offer-summary .share{width: 60px;height: 30px;background-color: #006C79;display: inline-block;border-radius: 6px;position: absolute;bottom: -55px;z-index: 9999;} .offers .offer-summary .share img{width: auto;margin: 0 auto;position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .offers .offer-summary .share.fb{left: 38%;margin-left: -67px;} .offers .offer-summary .share.tw{right: 61%;margin-right: -67px;} .available-companies{text-align: center;background-color: #F0F0F0;padding: 95px 0 120px;} .available-companies .bottom-separator{background-color: #DEDEDE;} .available-companies .section-headline{margin: 0 0 50px;} .available-companies .rounded-select{margin: 85px 0 25px;} .available-companies .cornered-select{} .available-companies .companies{padding: 0 40px;margin: 100px 0 0 0;text-align: center;} .available-companies .company{width: 155px;height: 132px;border-radius: 8px;margin: 0 20px 20px 0;display: inline-block; text-align: center;text-decoration: none;} .available-companies .company .logo-holder{background: #fff;width: 155px;height: 98px;display: inline-block;border-radius: 8px;} .available-companies.bg-light .company .logo-holder{background: #F0F0F0;} .available-companies.bg-dark .company .logo-holder{background: #fff;} .available-companies .company h5{font-size: 14px;color: #626262;font-family: 'Open Sans', sans-serif;font-weight: 600;margin: 15px 0 0 0;} .available-companies .company img{margin: 0 auto;position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .available-companies .companies-holder{/* position: relative; */} .available-companies .companies.onMobile{display: none;} .available-companies .company.dn{display:none;} .rounded-select .switch-ios.switch-toggle a{background-color: #fff;border-radius: 50px;height: 52px;top: 4px;left: 4px;} .rounded-select .switch-ios.switch-toggle{width: 400px;max-width: 90%;height: 60px;margin: 0 auto;border: none;box-shadow: none;background-color: #006C79;border-radius: 50px;padding: 10px !important;} .rounded-select .switch-ios input:checked + label{color: #006C79;} .rounded-select .switch-ios.switch-toggle label{color: rgba(255, 255, 255, .5);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .rounded-select .switch-toggle input:last-of-type:checked ~ a{left: 49%;} .rounded-select label, .rounded-select a {outline: none !important;font-family: 'Open Sans', sans-serif;font-weight: 600;} .rounded-select label:hover{cursor: pointer;} .select2-container--default .select2-selection--single{border-radius: 4px;border: 2px solid #E0E0E0;height: 63px;display: table;text-align: center;width: 100%;outline: none;} .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 18px;color: #7E736A;font-family: 'Open Sans', sans-serif;font-weight: 600;line-height: 25px;height: 100%;vertical-align: middle;display: table-cell;width: 100%;float: none;margin: 0 auto;text-align: center;padding: 0;} .select2-container{width: 480px !important;max-width: 90%;outline: none;z-index: 9;} .select2-container--default .select2-selection--single .select2-selection__arrow b{border: none;background: url('../images/arrow-bottom@2x.png') no-repeat center center;width: 16px;height: 10px;background-size: cover;margin: 0;margin-top: -5px;margin-left: -8px;} .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{background: url('../images/arrow-up@2x.png') no-repeat center center;background-size: cover;border: none;} .select2-container--default .select2-selection--single .select2-selection__arrow{height: 100%;top: 0;right: 0;width: 65px;} .select2-search--dropdown{display: none;} .select2-results__option{text-align: center;font-size: 15px;color: #7E736A;font-family: 'Open Sans', sans-serif;font-weight: 600;line-height: 49px;vertical-align: middle;border-bottom: 1px solid #E0E0E0;padding: 5px 0;} .select2-dropdown{border: 2px solid #E0E0E0;top: 0px;} .select2-container--default .select2-results>.select2-results__options{max-height: 300px;} .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#006C79;color:#fff;} .select2-container--default .select2-results__option[aria-selected=true]{background-color:#006C79;color:#fff;} .select2-container:after{position: absolute;content:'';bottom: -10px;width: 95%;height: 12px;background: #fff;z-index: 999;border: 2px solid #E0E0E0;/* border-top: none; */border-radius: 4px;border-top-left-radius: 0px;border-top-right-radius: 0;left: 0; right: 0; margin: 0 auto;} .available-banks{text-align: center;padding: 115px 0 50px;} .available-banks .section-headline{margin: 0 0 60px;} .available-banks h5{font-size: 16px;color: #DEDDDD;font-family: 'Open Sans', sans-serif;font-weight: 600;margin: 70px 0 15px;} .available-banks .cornered-select{} .available-banks .rounded-select{margin: 40px 0 80px;} .available-banks .bank-info-holder{position: relative;height: 350px;} .available-banks .bank-info{padding: 0 110px;position: absolute;top: 0;left: 0;width: 100%;} .available-banks .bank-box{display: inline-block;width: 410px;height: 330px;border-radius: 14px;border: 3px solid #F0F0F0;margin-right: 60px;padding: 45px 55px;} .available-banks .bank-box.dn{display: none;} .available-banks .banks-shopping, .available-banks .banks-transfer{width: 100%;} .available-banks .bank-box:last-child{margin-right: 0;} .available-banks .bank-box h4{position: relative;margin: 0;padding-bottom: 10px;font-family: 'Open Sans', sans-serif;font-weight: 600;} .available-banks .bank-box h4:after{position: absolute;content: '';width: 100%;height: 3px;background-color: #F0F0F0;left: 0;bottom: 0;} .available-banks .bank-box .info-box{display: inline-block;margin: 55px 75px 0 0;} .available-banks .bank-box .info-box img{margin: 0 auto;} .available-banks .bank-box .info-box h5{margin: 20px 0 0;font-size: 18px;color: #545454;} .available-banks .bank-box .info-box:last-child{margin-right: 0;} .faq{text-align: center;padding: 0 0 80px 0;} .faq .faq-container{margin: 0 80px;display: inline-block;} .faq .section-headline{font-size: 48px;} .faq .bottom-separator{} .faq .rounded-select{margin: 30px 0 85px;} .faq .questions{} .faq .questions.shops{display: none;} .faq .questions .question{} .faq h4.section-headline{text-align: left;color: #008292;font-size: 30px;display: block;margin: 0 0 45px;font-family: 'Open Sans', sans-serif;} .faq h4.section-headline span{position: relative;padding: 0 0 10px;display: inline-block;max-width: 85%;} .faq h4.section-headline span:after{position: absolute;content: '';width: 100%;height: 2px;background-color: #E9E9E9;left: 0;bottom: 0;} .faq .panel-group{margin-top: -15px;} .faq .panel{border: none;box-shadow: none;padding: 0 10px 0 0;} .faq .panel{display: none;} .faq .panel.card-owner_faq{display: block;} .faq .panel.shops_shopping{display: block;} .faq .faq-container.shops{display: none;} .panel-group .panel+.panel{margin-top: 40px;} .faq .panel-heading{padding: 0;background-color: transparent;border: none;box-shadow: none;} .faq .panel-heading .panel-title{} .faq .panel-heading .panel-title a{display: block;color: #00A0B4;font-size: 16px;border: none;box-shadow: none;text-align: left;padding: 10px 15px 0 32px;position: relative;text-decoration: none !important;font-family: 'Open Sans', sans-serif;font-weight: 600;line-height: 1.5;} .faq .plus-ico{position: absolute;left: 7px;top: 17px;-webkit-transition: all .3s ease;transition: all .3s ease;} .faq .plus-ico.opened{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .faq .panel-collapse{} .faq .panel-body{border: none !important;text-align: left;font-family: 'Open Sans', sans-serif;font-size: 14px;color: #626262;padding: 15px 15px 0 33px;line-height: 1.5;} .faq .categories{} .faq .categories .category{-webkit-transition: all .2s ease;transition: all .2s ease;width: 167px;float: left;height: 115px;text-align: center;position: relative;border-radius: 4px;border: 2px solid #E3E3E3;display: inline-block;margin: 0 20px 20px 0;} .faq .categories .category img{margin: 0 auto;} .faq .categories .category.membership img{margin-top: 20px;} .faq .categories .category.shopping img{margin-top: 20px;} .faq .categories .category.problems img{margin-top: 15px;} .faq .categories .category.faq img{margin-top: 24px;} .faq .categories .category.sending-money img{margin-top: 20px;} .faq .categories .category.others img{margin-top: 32px;} .faq .categories .category h5{position: absolute;bottom: 14px;color: #626262;font-size: 14px;text-align: center;width: 100%;margin: 0;padding: 0px 5px;font-family: 'Open Sans', sans-serif;font-weight: 600;line-height: 19px;} .faq .categories .category:hover, .faq .categories .category.active{background-color: #006C79;border-color: #005964;} .faq .categories .category:hover h5, .faq .categories .category.active h5{color: #fff;} .faq .categories .category img:nth-of-type(2){display: none;} .faq .categories .category:hover img, .faq .categories .category.active img{display: none;} .faq .categories .category:hover img:nth-of-type(2), .faq .categories .category.active img:nth-of-type(2){display: block;} .faq .categories .category-holder.shops{/* display: none; */} .faq .categories .category-holder{width: 100%;} .support{text-align: center;} .support .section-headline{font-size: 48px;} .support .bottom-separator{margin: 0 auto 30px;} .support p{font-family: 'Open Sans', sans-serif;font-size: 18px;color: #555555;margin: 0 0 50px 0;text-align: center;padding: 0px 230px;} .support p a{color: #555555;text-decoration: none !important;} .support p strong{font-family: 'Open Sans', sans-serif;font-weight: 600;display: block;} .blog-posts{text-align: center;position: relative;} .blog-posts .section-headline{} .blog-posts .cornered-select{margin: 45px 0 120px;} .blog-post{width: 920px;max-width: 90%;margin: 110px auto 55px;padding: 0 40px;clear: both;position: relative;color: #3E3E3E; text-align: left; font-size: 16px; font-family: 'Open Sans', sans-serif; line-height: 2;} .blog-post{} .blog-post.short{display: inline-block;margin: 0 auto 55px;} .blog-post.short:after{content: '';height: 2px;position: absolute;background-color: #DEDEDE;bottom: 0;left: 0;width: 100%;} .blog-post.short:last-of-type:after{display: none;} .blog-post h5{text-align: left;font-size: 30px;color: #333239;font-family: 'Open Sans', sans-serif;font-weight: 600;padding-right: 20px;position: relative;margin: 0px 25px 35px 10px;} .blog-post h5 a{color: #333239;text-decoration: none;} .blog-post h5 img{position: absolute;right: 95px;top: 9px;} .blog-post h5 .date{font-size: 14px;color: #878787;position: absolute;right: 0;top: 10px;} .blog-post .post-thumbnail{margin: 0 0 40px;border-radius: 6px;} .blog-post p, .blog-post ul, .blog-post ol{color: #3E3E3E;text-align: left;font-size: 16px;font-family: 'Open Sans', sans-serif;margin: 0 0 25px 0;line-height: 2;} .blog-post.short p{font-style: italic;} .blog-post .read-more{color: #0091A7;font-family: 'Open Sans', sans-serif;font-weight: 600;display: block;float: left;clear: left;text-decoration: none;margin: 50px 0 0;} .blog-post .tags{display: inline-block;float: left;clear: left;margin: 30px 0 30px;max-width: 70%;height: auto;} .blog-post .tag{text-decoration: none;color: #878787;font-size: 14px;padding: 15px 25px;border: 2px solid #E3E3E3;border-radius: 50px;margin-right: 15px;font-family: 'Open Sans', sans-serif;background-color: #fff;display: block;float: left;margin-bottom: 20px;} .blog-post .tag.hidden-tag{display: none;} .blog-post .tag.tag-collapse{padding: 15px 20px;border-radius: 50px;} .blog-post .share-post{display: block;float: right;clear: right;margin: 34px 0;} .blog-post .share-post a{border: 2px solid #E2E2E2;width: 45px;height: 45px;display: inline-block;border-radius: 50%;margin: 0 0 0 10px;} .blog-post .share-post a img{margin: 0 auto;position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .blog-post .comments{display: inline-block;position: relative;} .blog-post .comments:before{position: absolute;content: '';top: 0;left: -45px;width: 115%;background-color: #DEDEDE;height: 2px;} .blog-post .comments h4{float: left;color: #0091A7;margin: 40px 0 15px;border-bottom: 2px solid #DEDEDE;padding: 0 10px 15px 0;font-size: 24px;font-family: 'Open Sans', sans-serif;max-width: 90%;} .blog-post .comment{margin: 0 0 25px 0;padding-right: 10%;float: left;width: 100%;} .blog-post .comment h6{text-align: left;color: #878787;font-size: 16px;font-family: 'Open Sans', sans-serif;font-weight: 600;} .blog-post .comment p{color: #565656;font-size: 14px;} .blog-post .new-comment{margin: 10px 0 0 0;} .blog-post .new-comment label{width: 100%;float: left;text-align: left;font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 600;color: #006C79;max-width: 90%;} .blog-post .new-comment .custom-input{display: block;border: 2px solid #E3E3E3;height: 60px;width: 420px;border-radius: 4px;margin: 10px 0 15px;padding: 0 0 0 20px;max-width: 90%;} .blog-post .new-comment button{background-color: #1DC69D;color: #fff;width: 220px;height: 60px;border-radius: 50px;border: none;font-family: 'Open Sans', sans-serif;font-weight: 600;font-size: 20px;float: left;margin: 10px 0 90px 0;} .blog-post .new-comment textarea{display: block;border: 2px solid #E3E3E3;height: 140px;width: 420px;border-radius: 4px;margin: 10px 0 15px;resize: none;padding: 20px;max-width: 90%;color: #6B6B6B;} .blog-posts .bottom-separator.bottom-aligned{position: absolute;bottom: 0;left: 50%;margin-left: -100px;} .blog-post .author{display: inline-block;border-radius: 5px;border: 1px solid #E3E3E3;padding: 20px 30px;margin-bottom: 50px;} .blog-post .author-info{display: inline-block;} .blog-post .author-avatar{float: left;} .blog-post .author-avatar img{width: 70px;height: 70px;border-radius: 50%;border: 2px solid #E3E3E3;} .blog-post .author-title{float: left;margin-left: 20px;} .blog-post .author-title h4{font-size: 14px;color: #878787;font-family: 'Open Sans', sans-serif;font-weight: 600;margin: 16px 0 10px 0px;} .blog-post .author-title h5{font-size: 12px;color: #878787;font-family: 'Open Sans', sans-serif;margin: 0;padding: 0;} .blog-post .author-details{display: inline-block;margin-top: 20px;} .blog-post .author-details p{color: #626262;line-height: 36px;position: relative;margin: 0 0 55px 90px;} .blog-post .author-details p:before{background: url('../images/quote-mark-start.png') no-repeat center center;background-size: 22px;width: 22px;height: 17px;position:absolute;content:'';top: -22px;left: 0;} .blog-post .author-details p:after{background: url('../images/quote-mark-end.png') no-repeat center center;background-size: 22px;width: 22px;height: 17px;position:absolute;content:'';bottom: -22px;right: 0;} .login, .signup{margin: 0 0 60vh;} .custom-input{width: 420px;height: 60px;border-radius: 4px;border: 2px solid #E3E3E3;font-size: 14px;color: #6B6B6B;font-family: 'Open Sans', sans-serif;font-weight: 600;padding-left: 25px;margin: 5px 0 15px;display: block;max-width: 90%;} .form-info{display: block;font-family: 'Open Sans', sans-serif;font-weight: 600;font-size: 14px;color: #6B6B6B;margin: 0 0 35px 0;} .form-info a{color: #A4A4A4;text-decoration: underline;} input[type=checkbox].custom-input + label{color: #6B6B6B;font-family: 'Open Sans', sans-serif;font-weight: 600;position: relative;padding: 7px 0 0 40px;} input[type=checkbox].custom-input { display:none; } input[type=checkbox].custom-input + label:before {display: inline-block;} input[type=checkbox].custom-input + label:hover{cursor: pointer;} input[type=checkbox].custom-input + label:before { content: ''; background-color: #EBEBEB; width: 30px; height: 30px; border-radius: 4px; position: absolute; left: 0; top: 0;} input[type=checkbox].custom-input:checked + label:before { content: '';background: #006C79 url('../images/checkbox-tick.png') no-repeat center center; background-size: 18px;} input[type=radio].custom-input + label{color: #6B6B6B;font-family: 'Open Sans', sans-serif;font-weight: 600;position: relative;width: 160px;height: 60px;border-radius: 4px;border: 2px solid #EBEBEB;padding: 20px 0 0 15px;display: inline-block;margin: 0 20px 20px 0;} input[type=radio].custom-input { display:none; } input[type=radio].custom-input + label:before {display: inline-block;} input[type=radio].custom-input + label:hover{cursor: pointer;} input[type=radio].custom-input + label:before { content: ''; background-color: #EBEBEB; width: 30px; height: 30px; border-radius: 4px; position: absolute; right: 20px; top: 13px;} input[type=radio].custom-input:checked + label{border-color: #006C79;} input[type=radio].custom-input:checked + label:before { content: '';background: #006C79 url('../images/checkbox-tick.png') no-repeat center center; background-size: 18px;} .login .login-btn{-webkit-transition: all .25s ease;transition: all .25s ease;width: 220px;height: 60px;background-color: #1DC69D;border: none;border-radius: 40px;display: block;margin: 30px 0 0;color: #fff;font-family: 'Open Sans', sans-serif;font-weight: 600;font-size: 20px;} .login .login-btn:hover, .signup .signup-btn:hover{background-color: #2AB593;} .signup label{color: #006C79;font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 600;display: block;} .signup .signup-btn{-webkit-transition: all .25s ease;transition: all .25s ease;background-color: #1DC69D;width: 220px;height: 60px;border: none;border-radius: 50px;color: #fff;font-size: 20px;font-family: 'Open Sans', sans-serif;font-weight: 600;} .signup .card-input-holder{width: 420px;height: 60px;border-radius: 4px;border: 2px solid #E3E3E3;position: relative;margin: 0 0 15px 0;} .signup .card-input-holder .card-input{width: 25%;height: 100%;margin: 0;float: left;border: none;border-right: 2px solid #E3E3E3;font-size: 24px;color: #6B6B6B;padding: 0 0 0 20px;font-family: 'Open Sans', sans-serif;} .signup .card-input-holder .card-input:nth-of-type(1){} .signup .card-input-holder .card-input:nth-of-type(2){} .signup .card-input-holder .card-input:nth-of-type(3){position: absolute;right: -2px;} .signup .card-input-holder .card-input:nth-of-type(4){border-right: 2px solid #E3E3E3;} .signup .card-input-holder .card-mask{position: absolute;top: 10px;left: 160px;font-size: 24px;color: #6B6B6B;} .signup .card-input-holder .card-mask:nth-of-type(2){left: 235px;} .signup .custom-input.short{width: 105px;font-size: 24px;font-family: 'Open Sans', sans-serif;} .signup-verification{margin: 0 0 50vh 0;} .signup-verification label{color: #28B6E5;font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 600;display: block;} .signup-verification .card-info{display: inline-block;margin: 5px 0 40px 0;} .signup-verification .card-info .card{float: left;margin: 25px 0 0 0;width: 352px;} .signup-verification .card-info .description{padding: 35px 0 0 80px;float: left;width: 50%;} .signup-verification .card-info h4{color: #4A4A4A;font-size: 24px;font-family: 'Open Sans', sans-serif;font-weight: 600;} .signup-verification .card-info .card-number{color: #4A4A4A;font-size: 24px;font-family: 'Open Sans', sans-serif;margin: 0 0 20px 0;display: inline-block;} .signup-verification .card-info p{color: #6B6B6B;font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 600;max-width: 450px;} .signup-verification .card-info p strong{color: #28B6E5;} .signup-verification .verification-area{} .signup-verification .verification-area .estimating{float: left;margin: 20px 0 0 80px;font-size: 24px;color: #FF9649;font-family: 'Open Sans', sans-serif;} .signup-verification .verification-area .custom-input{margin: 5px 0 35px;float: left;width: 350px;} .signup-verification .verification-area button{background-color: #1DC69D;width: 220px;height: 60px;border: none;border-radius: 40px;color: #fff;font-size: 20px;font-family: 'Open Sans', sans-serif;font-weight: 600;display: block;clear: left;} .my-account{margin: 0 0 50vh 0;} .account-info{border-bottom: 2px solid #E3E3E3;margin-bottom: 15px;} .account-info h4{color: #006C79;font-size: 32px;border-right: 2px solid #E0E0E0;font-family: 'Open Sans', sans-serif;font-weight: 300;margin: 35px 0 0;} .account-info .info-detail{margin: 25px 0 0;} .account-info .info-detail .info-title{font-size: 14px;color: #787878;font-family: 'Open Sans', sans-serif;font-weight: 600;margin: 15px 0 70px;padding-left: 100px;} .account-info .info-detail .info-desc{font-size: 16px;color: #434343;text-align: right;font-family: 'Open Sans', sans-serif;font-weight: 600;margin: 13px 0 0 0;} .account-info .info-detail .info-btn{float: right;color: #FFFFFF;font-size: 16px;border-radius: 50px;padding: 10px 30px;font-family: 'Open Sans', sans-serif;font-weight: 600;text-decoration: none;margin: 5px 0 0 0;} .account-info .info-detail .info-btn.edit-btn{background-color: #FF9649;} .account-info .info-detail .info-btn.switch-btn{background-color: #7E736A;} .account-info .info-detail .info-btn.show-btn{background-color: #434343;} .my-cards h3 .add-card-btn{background-color: #1DC69D;color: #fff;font-size: 18px;float: right;text-decoration: none;width: 220px;padding: 20px 0;border-radius: 50px;font-family: 'Open Sans', sans-serif;font-weight: 600;} .my-cards h3 .add-card-btn img{width: 17px;float: left;margin: 5px 25px 0 33px;} .my-cards{margin: 0 0 50vh 0;} .my-cards .card{margin: 60px 0 0 0;padding: 0 0 55px 0;border-bottom: 2px solid #E3E3E3;} .my-cards .card:last-of-type{border: none;} .my-cards .card .card-img{width: 350px;} .my-cards .card-info{margin: 65px 0 0 0;} .my-cards .card-info h4{font-size: 24px;color: #4A4A4A;font-family: 'Open Sans', sans-serif;font-weight: 600;margin-bottom: 20px;} .my-cards .card-info h5{font-size: 24px;color: #4A4A4A;font-family: 'Open Sans', sans-serif;margin: 0;} .my-cards .card .delete-btn{width: 100px;color: #fff;height: 40px;background-color: #7E736A;float: right;border-radius: 50px;padding: 10px 0;font-family: 'Open Sans', sans-serif;font-weight:700;text-decoration: none;margin: 85px 0 0 0;} .my-cards .card .delete-btn img{float: left;width: 12px;margin: 2px 15px 0 18px;} .legals{text-align: center;} .legals p{text-align: left;font-size: 16px;color: #333333;line-height: 2;margin: 0 0 30px;font-family: 'Open Sans', sans-serif;} .legals p:first-of-type{margin-top: 60px;} .security{text-align: center;} .security p{text-align: left;font-size: 16px;color: #333333;line-height: 2;margin: 0 0 30px;font-family: 'Open Sans', sans-serif;} .security p:first-of-type{margin-top: 60px;} .security p strong{font-family: 'Open Sans', sans-serif;font-weight:700;} .legals p, .security p{padding: 0 130px;} .contact{text-align: center;} .contact #map{width: 100%;height: 570px;margin: 70px 0 100px;} .contact .gm-style-iw * {display: block;} .contact .gm-style-iw h4, .gm-style-iw p {margin: 0;padding: 0;} .contact .gm-style-iw + div {display: none;} .connections{text-align: center;} .connections .connection{border-radius: 6px;background-color: transparent;width: 297px;height: auto;display: inline-block;margin: 60px 5% 0 0;} .connections .connection img{margin: 0 auto;} .connections .connection h3{font-size: 16px;color: #006C79;font-family: 'Open Sans', sans-serif;font-weight:700;} .connections .connection a{font-size: 14px;color: #006C79;font-family: 'Open Sans', sans-serif;font-weight: 600;text-decoration: none;} .connections .connection .link-ico{display: inline;margin: 0 5px 3px -20px;} .connections .store-links{background-color: #006C79;height: 325px;margin: 250px 0 120px;} .connections .store-links .hero-img{float: left;margin-top: -151px;} .connections .store-details{background-color: #006C79;} .connections .store-details p{float: left;font-size: 22px;color: #FFFFFF;font-family: 'Open Sans', sans-serif;margin: 106px 0 0 85px;} .connections .store-links-holder{float: left;margin: 40px 0 0 90px;} .connections .store-links-holder a{float: left;margin-right: 40px;} .connections .store-links-holder a img{} .activities{} .activities .section-headline{margin-bottom: 40px;} .activities-table{} .activities-table tr{height: 90px;} .activities-table tr td{padding: 0 8px !important;vertical-align: middle !important;color: #878787;font-size: 16px;font-family: 'Open Sans', sans-serif;border-top: 2px solid #E3E3E3 !important;} .activities-table tr:last-of-type td{border-bottom: 2px solid #E3E3E3;} .activities-table tr th{font-family: 'Open Sans', sans-serif;font-weight: 600;font-size: 14px;color: #0091A7;border-color: #E3E3E3 !important;padding-bottom: 13px !important;} .activities-table .receipt{font-size: 14px;color: #878787;font-family: 'Open Sans', sans-serif;font-weight:700;padding: 10px 20px;border: 2px solid #E3E3E3;border-radius: 50px;text-decoration: none;} .responsive-second table { width: 100%; border-collapse: collapse; } .responsive-second tr:nth-of-type(odd) { /* background: #eee; */ } .responsive-second th { background: #fff; color: white; font-weight: bold; } .responsive-second td, .responsive-second th { padding: 6px; /* border: 1px solid #ccc; */ text-align: left; } .pagination-holder{text-align: center;margin: 20px 0 40px;} .pagination>li a{width: 46px;height: 42px;padding: 10px 0 0 0;text-align: center;color: #008EA4;font-family: 'Open Sans', sans-serif;font-weight: 600;border-color: #D8D8D8;} .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{background-color: #008EA4;border-color: #D8D8D8;border-top-color: #008EA4;border-bottom-color: #008EA4;} .pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus{color: #008EA4;} .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{color: #008EA4;} .pagination>li:first-child>a:hover{} .pagination>li>a.prev {width: 75px;padding: 0;} .pagination>li>a.next {width: 75px;padding: 0;} .pagination>li>a.prev img, .pagination>li>a.next img{margin: 13px auto 0;} #swipebox-slider .slide .swipebox-video-container{padding: 0;} #swipebox-top-bar, #swipebox-bottom-bar{display: none !important} .not-found{} .not-found h2{font-size: 40px;color: #006C79;text-align: center;position: relative;font-family: 'Open Sans', sans-serif;font-weight: 300;margin-bottom: 115px;} .not-found h2:after{position: absolute;content: '';bottom: -45px;left: 50%;margin-left: -100px;background: #DEDEDE;height:2px;width: 200px;border-radius: 40px;} .not-found img{width: 856px;margin: 0 auto;max-width: 90%;} .headerMainBg { background-image: url(../img/bg-3.jpg); background-repeat: repeat-x; padding-top:160px; text-align: center; font-family: 'Open Sans', sans-serif; padding-bottom:150px; } .EllitlKazanma { background-image: url(../img/bg-2.jpg); background-repeat: repeat-x; text-align: center; font-family: 'Open Sans', sans-serif; padding-top:50px; background-color:#21aee1; padding-bottom:50px; } .headerIcon1 { position: absolute; margin-left:130px; margin-top:120px; } .headerIcon2 { position: absolute; margin-left:850px; margin-top:140px; } .headerBaslikLogo { margin-top:20px; margin-bottom:30px; } .headerBaslikLogo img { width: 500px; } .headerBaslik1 { font-size:38px; font-weight: 300; color:#ffffff; letter-spacing: 0px; } .headerBaslik2 { font-size:35px; color:#ffffff; font-weight: 700; letter-spacing: -1px; } .headerBaslik3 { font-size:16px; color:#ffffff; margin-top:20px; font-weight: 500; } .headerBaslik4 { font-size:25px; color:#ffffff; font-weight: 300; } .headerBaslik5 { font-size:20px; font-weight: 300; max-width: 500px; margin:0 auto; color:#ffffff; margin-top:20px; } .headerBaslik6 { font-size:23px; font-weight: 300; max-width: 500px; margin:0 auto; color:#ffffff; margin-top:0px; } .headerBaslik7 { font-size:23px; font-weight: bold; max-width: 600px; margin:0 auto; color:#ffffff; } .headerBaslik8 { font-size:25px; font-weight: 300; margin:0 auto; color:#ffffff; margin-top:0px; } .headerBaslik8 span { display:block; } .paddingContainerDownload { padding-top:80px; padding-bottom:120px; } .bkmDownloadTitle { font-size:22px; color:#828282; font-weight: 300; letter-spacing:1px; } .downloadIcon ul li { float:left; list-style: none; padding-left:10px; padding-right: 10px; } .downloadIcon ul { margin:0 auto; } .item { width: 200px; } .selectBoxYuvarlak { border:3px solid #ffffff; padding: 15px; padding-left: 20px; padding-right: 20px; border-radius: 30px; font-size: 16px; color:#ffffff; float:left; margin-right: 10px; margin-top:10px; font-family: 'Open Sans', sans-serif; font-weight: 300; background-color:#26becf; } .selectBoxYuvarlak select { width: 100%; border: none; background-color: #26becf; color:#ffffff; -webkit-appearance: none; font-family: 'Open Sans', sans-serif; font-weight: 300; ont-size: 16px; } .videoPrew { border:3px solid #79d3ba; padding: 15px; padding-left: 20px; padding-right: 20px; border-radius: 30px; font-size: 16px; color:#ffffff; float:left; margin-right: 10px; margin-top:20px; font-family: 'Open Sans', sans-serif; font-weight: 300; background-color:#79d3ba; } .videoPrew a { font-weight: bold; text-decoration: none; color:#ffffff; } .videoPrew a:hover { font-weight: bold; text-decoration: none; color:#ffffff; } .beyaz { background-color:#ffffff; } .beyaz a { color:#53adbe; font-family: 'Open Sans', sans-serif; font-weight: bold; } .beyaz a:hover { text-decoration: none; color:#1d6e7e; } .beyaz a:focus { text-decoration: none; } .mainVideoContainer { min-height: 550px; } .videoSablon { position: absolute; margin-top:-100px; } .ellitTlMargin { margin-top:50px; } .buttonUl { display:table; margin:0 auto; } .buttonLi { float:left; margin-right: 10px; list-style: none; } .taktik { margin-top:150px; } .gifContainer { padding-top:60px; padding-bottom:100px; max-width: 800px; } .guzinTxt1 { color:#ffffff; font-size:40px; font-weight: 300; } .guzinTxt2 { color:#ffffff; font-size:35px; font-weight: bold; } .guzinBaslikMargin { margin-bottom:30px; } .guzinTxt3 { color:#ffffff; font-size:18px; font-weight: 300; margin-top:30px; } .guzinTxt4 { color:#ffffff; font-size:18px; font-weight: 300; margin-top:-10px; } .guzinTxt5 { color:#ffffff; font-size:18px; font-weight: 300; margin-top:-10px; } .guzinTxt6 { color:#ffffff; font-size:18px; margin-top:30px; font-weight: bold; } .nasilParaIstenirContainer { padding-top:100px; padding-bottom:100px; border-bottom:2px solid #dddddd; } .nasilParaIstenirTxt1 { color:#727272; font-size:35px; font-weight: 300; } .nasilParaIstenirTxt2 { color:#727272; font-size:33px; font-weight: bold; } .nasilParaIstenirRow { margin-top:50px; } .gifTxt1 { color:#727272; font-size:28px; font-weight: 300; } .gifTxt2 { color:#727272; font-size:25px; font-weight: bold; } .gifTxt3 { max-width: 500px; margin:0 auto; color:#727272; font-size:20px; font-weight: 300; margin-top:30px; } .container2 { position: absolute; width: 100%; height: 0; padding-bottom: 56.25%; margin-top:-100px; } .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .taktikBtn { border: 3px solid #62ad98; padding: 15px; padding-left: 40px; padding-right: 40px; border-radius: 30px; font-size: 16px; font-weight: bold; color: #ffffff; font-family: 'Open Sans', sans-serif; background-color:#79d3ba; text-decoration: none; } .taktikBtn:hover { border: 3px solid #79d3ba; text-decoration: none; color:#367463; } .footer { background-color:#242424; } .footerContainer { padding:50px; padding-left:10px; padding-right: 10px; } .footerMenu ul { list-style: none; } .footerMenu ul li { margin-bottom:15px; } .menulnk { margin-bottom:10px;} .menulnk a { font-family: 'Open Sans', sans-serif; font-weight: 700; color: #909090 !important; margin-bottom: 20px; line-height: 19px; display: block; float: right; clear: right; text-decoration: none; } .menulnk a:hover { text-decoration: underline; } .copyrightTxt { font-size: 16px; color: #9A9A9A; font-family: 'Open Sans', sans-serif; display: block; margin: 25px 0 0 0; } .katilimList { margin-bottom:0px !important; } /* * Media Queries *******************/ @media only screen and (max-width : 1200px) { .guzinUstaContainer { text-align: center !important; } .guzinUstaContainerImg { margin-top:60px; } .guzinUstaContainerImg img { max-width: 500px; } .mainVideoContainer { min-height: 400px; } header .navbar-left{margin-left: 30px;} header .navbar-left li{margin-left: 35px;} header .navbar-nav > li { margin-left: 15px; } .headerIcon1 { position: absolute; left:20px; margin-top:140px; margin-left:0px!important; } .headerIcon2 { position: absolute; right: 20px; } } @media only screen and (max-width : 992px) { .guzinUstaContainer { padding-left:10px; padding-right: 10px; } .selectBoxYuvarlak { width: 100% !important; } .buttonUl { display:grid; margin:0 auto; padding-left:10px !important; } .buttonLi { float:left; margin-right: 10px; list-style: none; margin-bottom:10px; padding:0px !important; } .mainVideoContainer { min-height: 280px; } .headerMainBg { background-image: url(../img/bg-3.jpg); background-repeat: repeat-x; padding-top:80px; text-align: center; font-family: 'Open Sans', sans-serif; padding-bottom:150px; } header .navbar-nav>li { margin-left: 0px;} header .navbar-nav>li.signup-btn{ margin-left: 5px; } header .navbar-brand>img{width: 130px;} header .navbar-nav{margin-top: 55px;} footer .store-links a{margin-bottom: 10px;} header .navbar-nav.user h4{display: none;} header .navbar-nav.user h5{display: none;} header.slim .navbar-nav.user{} header .navbar-nav.user{margin: 27px 0 20px !important;} header .navbar-left{margin-left: 45px !important;} header{height: 70px;} header .navbar-brand {margin: 20px 0 0 0;width: 120px;} header .navbar-nav{margin: 15px 0 10px 30px;} body>.animsition {padding: 135px 0 0;} header .navbar-nav>li>a{font-size: 11px;} header .navbar-nav>li.login-btn a, header .navbar-nav>li.signup-btn a{padding: 10px 15px} .headerIcon1 { position: absolute; left:10px; margin-top:140px; margin-left:0px!important; } .headerIcon2 { position: absolute; right: 10px; } } @media only screen and (max-width: 767px) { .desktopVideo { display: none; } .mobileVideo { display: block !important; } .guzinUstaContainerImg img { max-width: 400px; } .headerBaslik7 { font-size:26px !important; padding-left:10px; padding-right: 10px; } .taktik { margin-top:5px !important; } .headerBaslik8 { font-size: 18px !important; padding:10px; } .headerBaslik8 span { display:inline; } .buttonUl { display:grid; margin:0 auto; padding-left:10px !important; } .buttonLi { float:left; margin-right: 10px; list-style: none; margin-bottom:10px; padding:0px !important; } .mainVideoContainer { min-height:inherit; } .ellitTlMargin { margin-top:0px !important; } .videoSablon { position:static !important; margin-top:0px; } header{height: 70px;} header .navbar-brand{margin: 0 !important;padding: 15px 0 0 20px !important;width: 140px !important;} header .navbar-default .navbar-toggle{margin: 20px 20px 0 0 !important;border: none;} header .navbar-default .navbar-toggle .icon-bar{background-color: #fff;} header .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background: transparent;} header .navbar-collapse{z-index: 9999;} header .navbar-nav{margin: 0 0 0 0 !important;background-color: #007685;overflow: hidden;} header .navbar-nav>li{margin: 0 !important;text-align: center;border-bottom: 1px solid #fff;} header .navbar-nav>li.login-btn a, header .navbar-nav>li.signup-btn a{border-radius: 0;padding: 25px 0;} header .navbar-nav>li>a{padding: 25px 0;} header .navbar-header{margin-bottom: 18px;} header .navbar-nav>li.active>a:after, header .navbar-nav>li:hover>a:after{display: none;} header .navbar-brand{} header .navbar-nav.user{display: none;} .headerIcon1 { display:none;; } .headerIcon2 { display:none;; } .headerBaslikLogo img { width: 90%; } .headerMainBg { padding-top:100px !important; padding-bottom:50px !important; } .container2 { position: static !important; width: 100%; height: 0; padding-bottom: 56.25%; margin-top:-100px; } .video { position: static !important; top: 0; left: 0; width: 100%; height: 100%; } } @media only screen and (max-width : 580px){ .guzinUstaContainerImg img { max-width: 300px;} .mobileGif { max-width: 290px; margin-top:30px;} .mainVideoContainer { min-height: 150px; } .guzinTxt1 { color:#ffffff; font-size:23px; font-weight: 300; } .guzinTxt2 { color:#ffffff; font-size:25px; font-weight: bold; } .guzinBaslikMargin { margin-bottom:0px; } .guzinTxt3 { color:#ffffff; font-size:17px; font-weight: 300; margin-top:15px; } .guzinTxt4 { color:#ffffff; font-size:17px; font-weight: 300; margin-top:5px; } .guzinTxt5 { color:#ffffff; font-size:17px; font-weight: 300; margin-top:5px; } .guzinTxt6 { color:#ffffff; font-size:16px; font-weight: bold; margin-top:5px; } .nasilParaIstenirContainer { padding-top:30px; padding-bottom:20px; border-bottom:2px solid #dddddd; } .nasilParaIstenirTxt1 { color:#727272; font-size:25px; font-weight: 300; } .nasilParaIstenirTxt2 { color:#727272; font-size:23px; font-weight: bold; } .nasilParaIstenirRow { margin-top:10px; } .gifTxt1 { color:#727272; font-size:23px; font-weight: 300; padding-left:10px; padding-right:10px; } .gifTxt2 { color:#727272; font-size:20px; font-weight: bold; } .gifTxt3 { max-width: 500px; margin:0 auto; color:#727272; font-size:18px; font-weight: 300; margin-top:30px; } } @media only screen and (max-width : 520px) { .headerMainBg { padding-top:100px; } .headerBaslik1 { font-size:22px; letter-spacing:normal; } .headerBaslik2 { font-size:25px; letter-spacing:normal; } .headerBaslik5 { font-size:18px; letter-spacing:normal; padding-left:10px; padding-right:10px; } .gifContainer { padding-top:50px; padding-bottom:50px; max-width: 800px; } .footerMenu { margin-top:30px !important; } .menulnk a { float: none !important; } .footerMenu ul { padding-left:10px; } } @media only screen and (max-width : 480px) { } @media only screen and (max-width : 370px){ } @media only screen and (max-width : 320px) { } @media only screen and (min-width : 1200px) { } @media only screen and (min-width : 1360px) { } @media only screen and (min-width : 1439px) { } @media only screen and (min-width : 1599px) { } @-webkit-keyframes arrow-bounce { 0% {-webkit-transform: translate(0,-25px);transform: translate(0,-25px);} 50% {-webkit-transform: translate(0,10px);transform: translate(0,10px);} 100% {-webkit-transform: translate(0,-25px);transform: translate(0,-25px);} } @keyframes arrow-bounce { 0% {-webkit-transform: translate(0,-25px);transform: translate(0,-25px);} 50% {-webkit-transform: translate(0,10px);transform: translate(0,10px);} 100% {-webkit-transform: translate(0,-25px);transform: translate(0,-25px);} }