/* BASIC css start */
div#ch-plugin {display:none !important;}

.G6PRO_wrap {width:100%; text-align:center;}
.G6PRO_wrap img {width:100%; max-width:1000px;}

.G6PRO_info {margin:0 auto; text-align:center; max-width:1000px;}

.bg1 {background: url(https://motovelo.diskn.com/B82w5YSzDS);background-position-x: center;background-repeat:no-repeat;background-color: #f4f3f1;height:1404px;position: relative;}

.bg1 .G6PRO_logo {position: absolute; transform: translate(-50%, -50%) scale(0.6); left: 50%; animation-name: G6PRO_logo; animation-duration: 5s; animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
.bg1 .G6PRO_bg {position: absolute;transform: translate(-50%, -50%);top: 59%; animation-name: G6PRO_intro1; animation-duration: 8s; animation-iteration-count: infinite;animation-timing-function: ease-out;}
.bg1 .G6PRO_bk {position: absolute;transform: translate(-50%, -50%);top: 59%; animation-name: G6PRO_intro2; animation-duration: 8s; animation-iteration-count: infinite;animation-timing-function: ease-out;}
.bg1 .G6PRO_spec {position: absolute;transform: translate(-50%, -50%);bottom: -4%;}

@keyframes G6PRO_logo {
    0% {top:28%;}
    50% {top:30%;}
    100% {top:28%;}
}

@keyframes G6PRO_intro1 {
    0% {left:30%; opacity:0;}
    9% {left: 50.5%; opacity:1;}
    10% {left: 50%; opacity:1;}
    50% {left: 50%; opacity:1;}
    55% {left: 70%; opacity:0;}
    100% {left: 70%; opacity:0;}
}


@keyframes G6PRO_intro2 {
    0% {left: 30%; opacity:0;} 
    50% {left: 30%; opacity:0;}
    59% {left: 50.5%; opacity:1;}
    60% {left: 50%; opacity:1;}
    95% {left: 50%; opacity:1;}
    100% {left: 70%; opacity:0;}
}


.pd_7 {padding-bottom:7%;}
.pt_5 {padding-top:5%; }


/* BASIC css end */