
.hero-left, .hero-right, .logo-static ul li, .logo-slider .owl-carousel .owl-item, .products-module-info, .products-column, .three-products-m ul li, .stats-column, .content-panel-left, .content-panel-right, .content-panel-full, .deposit-checker-left, .deposit-checker-right, .benefits-header, .benefits-col, .form-module-left, .form-module-right, .support-header, .support-header-des, .support-col, .cpm-v2-header, .content-module-left-v2, .content-module-right-v2, .steps-module-shape:before, .steps-tital,  .steps-sec .card, .steps-module-right, .option-header, .option-col, .descriptions-module-cont, .descriptions-module-right, .products-box-default .arrow-up, .sign-join-header, .sign-join-header-des, .sign-join-module-inner h2, .sign-join-col {
	opacity: 0;
}



.custom-logo-link{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  white-space: nowrap;
  overflow: hidden;
}
.primary-menu-wrapper{ 
	display: block;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated .hero-left {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated .hero-right {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated .logo-static ul li {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated .logo-static ul li:nth-child(1) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.animated .logo-static ul li:nth-child(2) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.animated .logo-static ul li:nth-child(3) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.animated .logo-static ul li:nth-child(4) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.animated .logo-static ul li:nth-child(5) {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.animated .logo-static ul li:nth-child(6) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.animated .logo-static ul li:nth-child(7) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.animated .logo-static ul li:nth-child(8) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.animated .logo-static ul li:nth-child(9) {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.animated .logo-static ul li:nth-child(10) {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}


.animated .logo-slider .owl-carousel .owl-item {
	-webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated .logo-slider .owl-carousel .owl-item:nth-child(1) {
	-webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.animated .logo-slider .owl-carousel .owl-item:nth-child(2) {
	-webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.animated .logo-slider .owl-carousel .owl-item:nth-child(3) {
	-webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.animated .logo-slider .owl-carousel .owl-item:nth-child(4) {
	-webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.animated .logo-slider .owl-carousel .owl-item:nth-child(5) {
	-webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.animated .logo-slider .owl-carousel .owl-item:nth-child(5) {
	-webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.animated .logo-slider .owl-carousel .owl-item:nth-child(6) {
	-webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.animated .logo-slider .owl-carousel .owl-item:nth-child(7) {
	-webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.animated .logo-slider .owl-carousel .owl-item:nth-child(8) {
	-webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.animated .logo-slider .owl-carousel .owl-item:nth-child(9) {
	-webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.animated .logo-slider .owl-carousel .owl-item:nth-child(10) {
	-webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.animated .logo-slider .owl-carousel .owl-item:nth-child(11) {
	-webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.animated .logo-slider .owl-carousel .owl-item:nth-child(12) {
	-webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.animated .logo-slider .owl-carousel .owl-item:nth-child(13) {
	-webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}
.animated .logo-slider .owl-carousel .owl-item:nth-child(14) {
	-webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
.animated .logo-slider .owl-carousel .owl-item:nth-child(15) {
	-webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.animated .logo-slider .owl-carousel .owl-item:nth-child(16) {
	-webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}
.animated .logo-slider .owl-carousel .owl-item:nth-child(17) {
	-webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
}
.animated .logo-slider .owl-carousel .owl-item:nth-child(18) {
	-webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}
.animated .logo-slider .owl-carousel .owl-item:nth-child(19) {
	-webkit-animation-delay: 1.9s;
    animation-delay: 1.9s;
}
.animated .logo-slider .owl-carousel .owl-item:nth-child(20) {
	-webkit-animation-delay: 2s;
    animation-delay: 2s;
}



.animated .products-module-info {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

}


.animated .products-column, .animated .three-products-m ul li {
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated .products-column:nth-child(1), .animated .three-products-m ul li:nth-child(1) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.animated .products-column:nth-child(2), .animated .three-products-m ul li:nth-child(2) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}



.animated .stats-column {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated .stats-column:nth-child(1) {
	  -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.animated .stats-column:nth-child(2) {
	  -webkit-animation-delay: 0.4s;
    animation-delay: 0.3s;
}
.animated .stats-column:nth-child(3) {
	  -webkit-animation-delay: 0.6s;
    animation-delay: 0.4s;
}
.animated .stats-column:nth-child(4) {
	  -webkit-animation-delay: 0.8s;
    animation-delay: 0.5s;
}

.animated .content-panel-left {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated .content-panel-right {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-delay:0.4s;
    animation-delay: 0.4s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.stripe-line-left {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay:0.5s;
    animation-delay: 0.5s;
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	height: 82px;
	width: 270px;
}
.stripe-line-right {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay:0.5s;
    animation-delay: 0.5s;
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	height: 82px;
	width: 270px;
}
.template-secure .stripe-line-right, .template-secure .stripe-line-left, .template-flex .stripe-line-right, .template-flex .stripe-line-left, .template-replacement .stripe-line-right, .template-replacement .stripe-line-left {
    width: 618px;
}

@media (max-width:1300px) {
.template-secure .stripe-line-right, .template-secure .stripe-line-left, .template-flex .stripe-line-right, .template-flex .stripe-line-left, .template-replacement .stripe-line-right, .template-replacement .stripe-line-left {
    width: 460px;
}	
}

@media (max-width: 991px) {
.template-secure .stripe-line-right, .template-secure .stripe-line-left, .template-flex .stripe-line-right, .template-flex .stripe-line-left, .template-replacement .stripe-line-right, .template-replacement .stripe-line-left {
    width: 370px;
}	
}



.animated .content-panel-full{
	 -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-delay:0.2s;
    animation-delay: 0.2s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}



.animated .deposit-checker-left {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated .deposit-checker-right {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


.animated .benefits-header {
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated .benefits-col{
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated .benefits-col:nth-child(1) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.animated .benefits-col:nth-child(2) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.animated .benefits-col:nth-child(3) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.animated .benefits-col:nth-child(4) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.animated .benefits-col:nth-child(5) {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.animated .benefits-col:nth-child(6) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.animated .benefits-col:nth-child(7) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.animated .benefits-col:nth-child(8) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.animated .benefits-col:nth-child(9) {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}



.animated .form-module-left {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated .form-module-right {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated .support-header{
	    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated .support-header-des{
	    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated .support-col {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated .support-col:nth-child(1) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.animated .support-col:nth-child(2) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}



.animated .cpm-v2-header{
	    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated .content-module-left-v2 {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated .content-module-right-v2 {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


.animated .steps-module-shape:before {
	 -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated .steps-module-right{
	 -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated .steps-tital {
	 -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated .steps-sec .card {
	 -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}



.animated .steps-sec .card:nth-child(2) {
	-webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.animated .steps-sec .card:nth-child(3) {
	-webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.animated .steps-sec .card:nth-child(4) {
	-webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.animated .steps-sec .card:nth-child(5) {
	-webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.animated .steps-sec .card:nth-child(6) {
	-webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.animated .steps-sec .card:nth-child(7) {
	-webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.animated .steps-sec .card:nth-child(8) {
	-webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.animated .steps-sec .card:nth-child(9) {
	-webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.animated .steps-sec .card:nth-child(10) {
	-webkit-animation-delay: 1s;
    animation-delay: 1s;
}


.animated .option-header{
	    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated .option-col{
	    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated .option-col:nth-child(1) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.animated .option-col:nth-child(2) {
       -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

.animated .descriptions-module-cont{
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated .descriptions-module-right {
	    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


.animated .products-box-default .arrow-up  {
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	opacity: 0.5;
}


.animated .sign-join-header{
	    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated .sign-join-header-des{
	    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated .sign-join-module-inner h2{
	    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated .sign-join-col {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated .sign-join-col:nth-child(1) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.animated .sign-join-col:nth-child(2) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}




/*.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  visibility: visible
}
.delay {
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}*/




@-webkit-keyframes ham-top {
  50% {
    -webkit-transform: translate3d(0, 8px, 0) rotate(0deg);
    transform: translate3d(0, 8px, 0) rotate(0deg)
  }
  to {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg)
  }
}
@keyframes ham-top {
  50% {
    -webkit-transform: translate3d(0, 8px, 0) rotate(0deg);
    transform: translate3d(0, 8px, 0) rotate(0deg)
  }
  to {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg)
  }
}
@-webkit-keyframes ham-middle {
  50% {
    -webkit-transform: translate3d(-11px, 0, 0);
    transform: translate3d(-11px, 0, 0)
  }
  to {
    -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
    transform: translate3d(0, 0, 0) rotate(-45deg)
  }
}
@keyframes ham-middle {
  50% {
    -webkit-transform: translate3d(-11px, 0, 0);
    transform: translate3d(-11px, 0, 0)
  }
  to {
    -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
    transform: translate3d(0, 0, 0) rotate(-45deg)
  }
}
@-webkit-keyframes ham-bottom {
  30% {
    -webkit-transform: translate(15px, 5px) scale(50, 1);
    transform: translate(15px, 5px) scale(50, 1)
  }
  to {
    opacity: 0
  }
}
@keyframes ham-bottom {
  30% {
    -webkit-transform: translate(15px, 5px) scale(50, 1);
    transform: translate(15px, 5px) scale(50, 1)
  }
  to {
    opacity: 0
  }
}
@-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, -10%, 0);
    transform: translate3d(0, -10%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}
@-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 slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
  }
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    visibility: visible
  }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: hidden
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    visibility: visible
  }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: hidden
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    visibility: visible
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: hidden
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    visibility: visible
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: hidden
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    visibility: visible
  }
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: hidden
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    visibility: visible
  }
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: hidden
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    visibility: visible
  }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    visibility: visible
  }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    visibility: visible
  }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden
  }
}