/*
Theme Name: maxi child
Theme URI:  https://maxi.com
Author: maxi Themes
Author URI: https://maxi.com/
Template: 	maxi
*/
@font-face {
    font-family: 'bebasregular';
    src: url('fonts/bebas-webfont.woff2') format('woff2'),
         url('fonts/bebas-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Pink Blue';
    src: url('fonts/pink_blue-webfont.woff2') format('woff2'),
         url('fonts/pink_blue-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Myriad Pro';
	src: url('fonts/MyriadPro-Regular.eot');
	src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/MyriadPro-Regular.woff') format('woff'),
		url('fonts/MyriadPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
body {font-family: 'Myriad Pro';background: #1c1b1b;color: #fff;font-size: 16px;}
a {color: inherit;text-decoration: none;}
header {color: #fff;}
.header-info {width: 100%;height: 24px;background: #ffba00;margin: 0 auto;left: 0;right: 0;color: #000;z-index: 1;}
.container {width: 1067px;margin: 0 auto;position: relative;}
.contacts {margin-top: 10px;padding: 0px 40px 0px 40px;justify-content: space-between;font-size: 20px;font-weight: bold;border: 40px solid #434040;border-left: 25px solid transparent;border-right: 25px solid transparent;height: 0;}
.promo-home {justify-content: space-between;margin-top: 20px;margin-bottom: 20px;}
.promo-home img {width: 99%;height:auto;}
h1.titlev2 {font-size: 48px;font-family: 'Pink Blue';margin-bottom: 20px;}
.gradient-content {justify-content: space-between;}
.gradient-content .gradient {background: #2f3031;background: -moz-linear-gradient(left, #2f3031 1%, #4b4b4b 26%, #2f3031 51%, #4b4b4b 79%, #2f3031 100%);background: -webkit-linear-gradient(left, #2f3031 1%,#4b4b4b 26%,#2f3031 51%,#4b4b4b 79%,#2f3031 100%);background: linear-gradient(to right, #2f3031 1%,#4b4b4b 26%,#2f3031 51%,#4b4b4b 79%,#2f3031 100%);width: 340px;height: 420px;border-radius: 2px;border: 2px solid #ffbb00;-moz-box-shadow: inset 0 0 20px #000000;-webkit-box-shadow: inset 0 0 20px #000000;box-shadow: inset 0 0 20px #000000;font-size: 10px;}
h1.title {font-size: 40px;font-family: 'Pink Blue';font-weight: bold;color: #ffbb00;text-shadow: -1px 1px 0px rgba(255,255,0,0.8), 5px 5px 5px #000;margin-bottom: 20px;}
.gradient-content .gradient .bank {background: #1a1b1c;background: -moz-linear-gradient(left, #1a1b1c 1%, #353535 27%, #1a1b1c 51%, #353535 76%, #1a1b1c 100%);background: -webkit-linear-gradient(left, #1a1b1c 1%,#353535 27%,#1a1b1c 51%,#353535 76%,#1a1b1c 100%);background: linear-gradient(to right, #1a1b1c 1%,#353535 27%,#1a1b1c 51%,#353535 76%,#1a1b1c 100%);width: 145px;height: 110px;border-radius: 2px;border: 2px solid #ffbb00;-moz-box-shadow: inset 0 0 20px #000000;-webkit-box-shadow: inset 0 0 20px #000000;box-shadow: inset 0 0 20px #000000;font-size: 9px;margin-bottom: 14px;padding: 10px;}
.gradient-content {justify-content: space-between;}
.bank-icon {background: url(images/bank-colored.png) no-repeat;width: 110px;height: 40px;margin: 0 auto;left: 0;right: 0;}
.bank-icon.mandiri {background-position: -145px 0px;}
.bank-icon.bri {background-position: 5px -92px;}
.bank-icon.bni {background-position: -152px -95px;}
.row-flex {display: flex;flex-direction: row;}
.gradient-content .gradient .jadwal-bank .row-flex {padding: 0px 20px 0px 20px;justify-content: space-between;}
.header-info .container {padding-top: 3px;overflow: hidden;justify-content: space-between;}
.header-info .running-text {width: 700px;overflow: hidden;font-style: italic;}
.header-info .date {width: 25%;color: #a70000;}
header .top-header {width: 100%;display: flex;justify-content: space-between;height: 100px;z-index: 1;}
header .top-header > div {margin: 10px 155px 0 0;}
.cover {position: absolute;}
header .logo img {width: 200px;height:auto;margin: 0 auto;left: 0;right: 0;margin-top: 5px;z-index: 100;}
header .menu-container {font-family: 'bebasregular';display: block;position: relative;height: 62px;background: transparent;}
header .menu-btn {display: none;}
header .menu-icon .nav-icon {background: #fff;display: block;height: 3px;width: 25px;position: relative;transition: background .2s ease-out;}
header .menu-btn:checked ~ .menu-icon .nav-icon {background: transparent;}
header .menu-container ul.menu {list-style: none;padding: 0;width: 910px;}
header .menu-container ul.menu li {margin-right: 10px;font-size: 24px;float: left;position: relative;z-index: 2;font-style: italic;}
header .menu-container ul.menu li a {color: #ffffff;position: relative;display: block;padding: 0 13px;text-decoration: none;}
header .menu-container ul.menu li a:hover, .menu-container ul.menu li a.current {color: #fbbb00;}
header .menu-container ul.menu li .menu-icon {max-height: 28px;margin-right: 2px;margin-bottom: 7px;}
.slider-container {height: 432px;width: 100%;position: relative;}
.ar-left {position: absolute;left: 0px;top: 138px;width: 41px;height: 86px;margin-left: -55px;z-index: 800;}
.ar-right {position: absolute;right: 0px;top: 138px;width: 41px;height: 86px;margin-right: -25px;z-index: 800;}
.daftar-button {position: absolute;margin: 0 auto;left: 0;right: 0;bottom: -40px;z-index: 100;-webkit-transform: scale(0.95);transform: scale(0.95);-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;}
.slider-container .slider-bg {margin-top: -200px;width: 100%;min-height: 650px;background: url(images/slider-bg.jpg) no-repeat;background-size: 1920px 650px, cover;background-position: center;position: absolute;z-index: -2;}
.step img {width:100%;height:auto;}
.ar-left a, .ar-right a {opacity: 1;}
.slider-mask {width: 100%;height: 432px;overflow: hidden;}
.slider-container ul.slider {list-style: none;margin: 0 auto;padding: 0;width: 100%;position: relative;}
.slider-container ul.slider li {position: absolute;left: 0px;top: 0px;display: none;opacity: 0;height: 432px;width: 100%;}
.slider-container ul.slider li.active {display: block;opacity: 1;}
.content-bg-gray {background: url(images/yellow-paint.png) no-repeat, #1c1b1b;background-size: 100%, cover;background-position: 0px 0px;position: relative;padding-top: 100px;border-top: 6px #dfab1a solid;}
.jadwal-bank {width: 700px;height: 236px;position: relative;margin-top: 32px;z-index: 2;-webkit-filter: drop-shadow(5px 10px 5px rgba(10,10,0,.5));-moz-filter: drop-shadow(5px 10px 5px rgba(10,10,0,.5));-ms-filter: drop-shadow(5px 10px 5px rgba(10,10,0,.5));-o-filter: drop-shadow(5px 10px 5px rgba(10,10,0,.5));filter: drop-shadow(5px 10px 5px rgba(10,10,0,.5));-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.column-flex {display: flex;flex-direction: column;}
.gradient-content .gradient .jadwal-bank {width: 340px;margin-top: 0px;}
.contacts > div {margin-top: -30px;}
.contacts img {height: 35px;margin-top: 10px;margin-right: 10px;}
.contacts p {color: #ffbb00;margin-top: -12px;margin-left: 50px;width: 200px;}
footer {width: 100%;height: 250px;bottom: 0;background: url(images/footer.png) no-repeat;background-size: 1920px 259px;background-position: center;color: #1d2127;font-family: 'Arial';font-size: 13px;}
footer .bottom-footer {padding: 20px 0px 0px 0px;text-align: center;justify-content: center;}
footer .row-flex:first-child {margin-top: 125px;}
footer .bottom-footer .row-flex {justify-content: space-between;}
footer .menu-container ul.bottom-menu {list-style: none;padding: 0;text-align: center;}
footer .menu-container ul.bottom-menu li {margin-bottom: 20px;margin-right: 50px;float: left;position: relative;}
footer .menu-container ul.bottom-menu li:first-child {margin-right: 40px;border-left: none;}
footer p {width: 300px;}
header .menu-icon {padding: 28px 20px;position: relative;float: right;cursor: pointer;}
header .menu-icon .nav-icon:before {background: #fff;content: "";display: block;height: 100%;width: 100%;position: absolute;transition: all .2s ease-out;top: 8px;}
header .menu-icon .nav-icon:after {background: #fff;content: "";display: block;height: 100%;width: 100%;position: absolute;transition: all .2s ease-out;top: -8px;}
header .menu-btn:checked ~ .menu-icon .nav-icon:before {transform: rotate(-45deg);top: 0;}
header .menu-btn:checked ~ .menu-icon .nav-icon:after {transform: rotate(45deg);top: 0;}
header .menu-btn:checked ~ .menu {max-height: 460px;}
@media (max-width: 1023px){footer {background: none!important;}
.daftar-button{display: none;}
footer .container {padding: 0px;}
footer .row-flex {display: block;}
footer ul {width: 100%;margin-left: 0px;margin-top: 0px;}
footer .menu-container ul.bottom-menu li {margin: 0;}
footer ul li a {color: #fff;padding: 10px;}
footer ul li a {text-align: center;display: block;width: 100%;border-bottom: 1px solid #fff;}
footer ul li {display: block;clear: both;padding: 0px;}
footer ul li {width: 100%;}
header .menu {clear: both;max-height: 0;transition: max-height .2s ease-out;overflow: hidden;}
.menu-container ul.menu li a {border-bottom: 2px solid #fff;}
header .menu-container ul.menu {clear: both;max-height: 0px;width: 100%;position: relative;margin-left: 0px !important;z-index: 1000;}
.menu-container ul.menu li {clear: both;text-align: left;background: #000;width: 100%;height: 66px;padding-top: 0px;}
header .menu-container ul.menu li a {padding: 14px;}
header .menu {clear: both;max-height: 0;transition: max-height .2s ease-out;overflow: hidden;}
.container {width: 100%;}
.slider-mask {height: auto;}
.slider-container ul.slider li {height: auto;}
.slider-image {width: 100%;}
.slider-image img {position: relative;height: auto;width: 100%;}
.content-bg-gray {padding-top: 30px;}
.content-bg-gray .step {width: 100%;height: auto;}
}
@media (min-width: 1024px){header .menu-icon {display: none;}
.slider-container {overflow: hidden;}
.slider-mask {width: 100%;height: 432px;overflow: hidden;}
.slider-container ul.slider li {height: 432px;}
.slider-container ul.slider li .slider-image {position: absolute;width: 1920px;left: 50%;right: 50%;margin-left: -960px;margin-right: -960px;}
}
@media (max-width: 780px){
.content-gray article img {width:100%;height:auto;}
}