/*************Carousel***************/
.cou-flex{
    display: flex;
}
.cou-leftbtn{
    font-size: 14px !important;
    display: block;
    padding: 10px !important;
}
.cou-leftsc{
    width: 100%;
}
.cou-right{
    position: relative;
    width: 100%;
}
.cou-folden{
    position: relative;
    animation: foldenart 2s ease 3s 1 normal forwards;
}
@keyframes foldenart {
	0% {
		animation-timing-function: ease-in;
		opacity: 0;
		transform: translateY(-250px);
	}

	38% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateY(0);
	}

	55% {
		animation-timing-function: ease-in;
		transform: translateY(-65px);
	}

	72% {
		animation-timing-function: ease-out;
		transform: translateY(0);
	}

	81% {
		animation-timing-function: ease-in;
		transform: translateY(-28px);
	}

	90% {
		animation-timing-function: ease-out;
		transform: translateY(0);
	}

	95% {
		animation-timing-function: ease-in;
		transform: translateY(-8px);
	}

	100% {
		animation-timing-function: ease-out;
		transform: translateY(0);
	}
}
.cou-flank-g{
    position: relative;
    color: transparent;
}
.cou-flank-y{
    position: absolute;
    width: 200%;
    top: -200% !important;
}
.cou-bigchip{
    width: 70%;
}
.cou-coin-left{
    position: absolute;
    top: 18%;
    left: 8%;
    animation: coinleftslp 4s linear 4s infinite alternate-reverse both;
}
@keyframes coinleftslp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
  }
}
.cou-coin-right{
    position: absolute;
    top: 18%;
    left: 47%;
    animation: coinrighttslp 4.4s linear 4s infinite alternate-reverse both;
}
@keyframes coinrighttslp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
  }
}
.cou-coin-center{
    position: absolute;
    top: 0%;
    left: 27%;
    animation: coinslideup 5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4s infinite alternate-reverse both;
}
@keyframes coinslideup {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
.cou-image-left{
    width: 100%;
}
.cou-image-right{
    width: 100%;
}
.cou-image-center{
    width: 100%;
}
.cov-flank-y{
    position: absolute;
    width: 200%;
}
.cov-roaming-row{
    position: relative;
    margin-top: -47%;
    margin-left: 2%;
    width: 500px;
    height: 500px;
    animation: roamincash 28s linear infinite both;
}

@keyframes roamincash {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
.cov-coin-1 {
    position: absolute;
    top: 39%;
    left: 4%;
}
.cov-coin-2 {
    position: absolute;
    top: 39%;
    left: 74%;
}
.cov-coin-3 {
    position: absolute;
    top: 7%;
    left: 39%;
}
.cov-coin-4 {
    position: absolute;
    top: 76%;
    left: 39%;
}
.cov-image-1{
    width: 100%;
}

.cov-image-2{
    width: 100%;
}
.cov-image-3{
    width: 100%;
}
.cov-image-4{
    width: 100%;
}
.cov-earth2{
    animation: eartchrot 28s linear infinite both;
}
@keyframes eartchrot {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/*************Home***************/
.f-content-h{
    height: 165px;
}
.style-seven-h{
    height: 538px;
}
.cp-crossblock{
    position: absolute;
    width: 4%;
    left: 14%;
    bottom: 60%;
    z-index: 4;
    -webkit-animation: crossblockslide 5s linear infinite alternate-reverse both;
    animation: crossblockslide 5s linear infinite alternate-reverse both;
}
.cp-womanblock{
    width: 33%;
    position: absolute;
    left: 21.5%;
    bottom: 6%;
    z-index: 3;
    -webkit-animation: womanblockslide 3s linear infinite alternate-reverse both;
    animation: womanblockslide 3s linear infinite alternate-reverse both;
}
.cp-btcblock{
    width: 100%;
    position: relative;
    z-index: 2;
    padding: 0 30px 30px;
}
.t-lbtcbox{
    position: relative;
}
.t-outercol{
    position: relative;
}
.t-outercol-1{
    position: relative;
    -webkit-animation: btc-rove 11s linear infinite reverse both;
    animation: btc-rove 11s linear infinite reverse both;
}
.t-outercol-2{
    position: absolute;
    top: 8%;
    left: 8%;
    width: 84%;
    -webkit-animation: btc-rovede 11s linear infinite both;
    animation: btc-rovede 11s linear infinite both;
}
.t-tored{
    position: absolute;
    top: 18%;
    left: 18%;
    width: 64%;
    -webkit-animation: btc-ovve 5s ease-in-out infinite alternate-reverse ;
    animation: btc-ovve 5s ease-in-out infinite alternate-reverse ;
}
.t-tored-one{
    position: relative;
}
.t-tored-nine{
    position: absolute;
    top: 35%;
    left: 41%;
    width: 21%;
}
.t-tored-drop{
    position: absolute;
    bottom: 5%;
    right: 11%;
    width: 16%;
}
.t-tored-three{
    
}



@-webkit-keyframes crossblockslide {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-350%);
            transform: translateY(-350%);
  }
}
@-webkit-keyframes womanblockslide {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-11%);
            transform: translateY(-11%);
  }
}
@-webkit-keyframes btc-rove {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes btc-rovede {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes btc-ovve {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}



/*************About Us***************/
.ab-content-container{
    
}
.ab-thumb-section{
    
}
.ab-bitlog{
    -webkit-animation: bitlogrotate 20s linear infinite both;
    animation: bitlogrotate 20s linear infinite both;
}
@-webkit-keyframes bitlogrotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/*************Media Query***************/
@media screen and (max-width: 920px) {
  .cp-crossblock {
    bottom: 45%;
  }
    .ab-content-container{
        margin-top: 50px;
    }
}

@media screen and (min-width: 920px) {
    .ab-thumb-section{
        margin-top: -500px;
    }
}
/*************Apply This Till it gets to 1200px then remove***************/

@media screen and (max-width: 1200px) {
    .cov-roaming-row{
        margin-top: -55%;
        margin-left: 1%;
    }
}
@media screen and (max-width: 993px) {
    .cou-flank-y{
        top: 200% !important;
    }
    .cou-image-left {
        width: 80%;
    }
    .cou-image-right {
        width: 80%;
    }
    .cou-image-center {
        width: 80%;
    }
    .cov-roaming-row{
    margin-top: -75%;
    margin-left: 3%;
    }
}
@media screen and (max-width: 768px) {

    .cou-image-left {
        width: 60%;
    }
    .cou-image-right {
        width: 60%;
    }
    .cou-image-center {
        width: 60%;
    }
    .cov-roaming-row {
        margin-top: -96%;
        margin-left: 3%;
    }
}
@media screen and (max-width: 560px) {

    .cou-image-left {
        width: 40%;
    }
    .cou-image-right {
        width: 40%;
    }
    .cou-image-center {
        width: 40%;
    }
    .cov-roaming-row{
        margin-top: -109%;
        margin-left: 0%;
        width: 400px;
        height: 400px;
    }
    .cov-image-1{
    width: 60%;
    }

    .cov-image-2{
        width: 60%;
    }
    .cov-image-3{
        width: 60%;
    }
    .cov-image-4{
        width: 60%;
    }

}
