/* #Animation
================================================== */

.cbp-so-scroller {
	overflow: hidden;
}

.cbp-so-section {
}

/* Clear floats of children */
.cbp-so-section:before,
.cbp-so-section:after {
	content: " ";
	display: table;
}

.cbp-so-section:after {
	clear: both;
}

/* Sides */
.cbp-so-side {
	-webkit-transition: -webkit-transform 1s, opacity 1s;
	-moz-transition: -moz-transform 1s, opacity 1s;
	transition: transform 1s, opacity 1s;
}
.weaving h1.cbp-so-side, .weav2-cont h1.cbp-so-side, h1.cbp-so-side {
	transition-delay:0.6s;
}
.weaving p.cbp-so-side, .weav2-cont p.cbp-so-side, p.cbp-so-side {
	transition-delay:0.9s;
}
 h2.cbp-so-side {
	transition-delay:0.4s;
}
.cbp-so-init.cbp-so-animate .cbp-so-side-Quality {
	transition-delay:0.6s; 	transition-delay: transform 1s ease 0s, opacity 1s ease 0s;
}
.cbp-so-init.cbp-so-animate .cbp-so-side-Spinning {
	transition-delay:0.6s; 	transition-delay: transform 1s ease 0s, opacity 1s ease 0s;
}
/* Clear floats of children */
.cbp-so-side:before,
.cbp-so-side:after {
	content: " ";
	display: table;
}

.cbp-so-side:after {
	clear: both;
}


/* Initial state (hidden or anything else) */
.cbp-so-init .cbp-so-side {
	opacity: 0;
}

.cbp-so-init .cbp-so-side-left {
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
	transform: translateX(-200px);
}

.cbp-so-init .cbp-so-side-left1 {
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
	transform: translateX(-200px);
}

.cbp-so-init .cbp-so-side-right {
	-webkit-transform: translateX(200px);
	-moz-transform: translateX(200px);
	transform: translateX(200px);
}
.cbp-so-init .cbp-so-side-right1 {
	-webkit-transform: translateX(300px);
	-moz-transform: translateX(300px);
	transform: translateX(300px);
}

.cbp-so-init .cbp-so-side-right1, .cbp-so-init .cbp-so-side-right1-a {
	-webkit-transform: translateX(300px);
	-moz-transform: translateX(300px);
	transform: translateX(300px);
}

/* Animated state */
/* add you final states (transition) or your effects (animations) for each side */
.cbp-so-section.cbp-so-animate .cbp-so-side-left,
.cbp-so-section.cbp-so-animate .cbp-so-side-right{
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}

.cbp-so-section.cbp-so-animate .cbp-so-side-left1,
.cbp-so-section.cbp-so-animate .cbp-so-side-right1{
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}

.cbp-so-section.cbp-so-animate .cbp-so-side-left1-a,
.cbp-so-section.cbp-so-animate .cbp-so-side-right1-a{
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}



.cbp-so-section.cbp-so-animate .cbp-so-side-Quality{
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}
.cbp-so-init .cbp-so-side-Quality {
	-webkit-transform: translateX(-400px);
	-moz-transform: translateX(-400px);
	transform: translateX(-400px);
}
.cbp-so-section.cbp-so-animate .cbp-so-side-Spinning{
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}
.cbp-so-init .cbp-so-side-Spinning {
	-webkit-transform: translateX(400px);
	-moz-transform: translateX(400px);
	transform: translateX(400px);
}


.preload * {
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -ms-animation: none !important;
  -o-animation: none !important;
  animation: none !important;
}							
.cl-effect-18 a {
	padding: 0 5px;
	color: #b4770d;
	font-weight: 700;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-18 a::before,
.cl-effect-18 a::after {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	height: 1px;
	margin-top: -1px;
	background: #fff;
	content: '';
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-18 a::before {
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	transform: translateY(-20px);
}

.cl-effect-18 a::after {
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	transform: translateY(20px);
}

.cl-effect-18 a:hover,
.cl-effect-18 a:focus {
	color: #fff;
}
.cl-effect-18 a:hover::before,
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::before,
.cl-effect-18 a:focus::after {
	opacity: 0.4;
}

.cl-effect-18 a:hover::before,
.cl-effect-18 a:focus::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}			
			


	

.no-touch.cssanimations .facts .facts-icon1:before {
	-webkit-animation: tada 5s infinite linear;
	-moz-animation: tada 5s infinite linear;
	-o-animation: tada 5s infinite linear;
	animation: tada 5s infinite linear;
}
@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}
.no-touch.cssanimations .facts .facts-icon2:before {
	-webkit-animation: spinAround 6s linear infinite;
	-moz-animation: spinAround 6s linear infinite;
	animation: spinAround 6s linear infinite;
}

@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}

.no-touch.cssanimations .facts .facts-icon3:before {
    -webkit-animation: smallToBig 1s alternate infinite ease;
    -moz-animation: smallToBig 1s alternate infinite ease;
    -ms-animation: smallToBig 1s alternate infinite ease;
}

@-webkit-keyframes smallToBig{
    from {
        -webkit-transform: scale(0.3);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig{
    from {
        -moz-transform: scale(0.3);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig{
    from {
        -ms-transform: scale(0.3);
    }
    to {
        -ms-transform: scale(1);
    }
}

.no-touch.cssanimations .facts .facts-icon4:before {
	-webkit-animation: toBottomFromTop 3s forwards infinite;
	-moz-animation: toBottomFromTop 3s forwards infinite;
	animation: toBottomFromTop 3s forwards infinite;
	transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
}
@-webkit-keyframes toBottomFromTop {
	49% {
		-webkit-transform: translateX(120%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateX(-30%);
	}
	51% {
		opacity: .4;
	}
}
@-moz-keyframes toBottomFromTop {
	49% {
		-moz-transform: translateX(120%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateX(-30%);
	}
	51% {
		opacity: .4;
	}
}
@keyframes toBottomFromTop {
	49% {
		transform: translateX(120%);
	}
	50% {
		opacity: 0;
		transform: translateX(-30%);
	}
	51% {
		opacity: .4;
	}
}

.cl-effect-18-team {
	position: relative;
	z-index: 1;
	margin-top:30px;
}

.cl-effect-18-team a {
	padding: 0 2px;
	color: #fff;
	font-weight: 400;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-18-team a::before,
.cl-effect-18-team a::after {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	height: 1px;
	margin-top: -1px;
	background: #fff;
	content: '';
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-18-team a::before {
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	transform: translateY(-15px);
}

.cl-effect-18-team a::after {
	-webkit-transform: translateY(15px);
	-moz-transform: translateY(15px);
	transform: translateY(15px);
}

.cl-effect-18-team a:hover,
.cl-effect-18-team a:focus {
	color: #fff;
}
.cl-effect-18-team a:hover::before,
.cl-effect-18-team a:hover::after,
.cl-effect-18-team a:focus::before,
.cl-effect-18-team a:focus::after {
	opacity: 0.4;
}

.cl-effect-18-team a:hover::before,
.cl-effect-18-team a:focus::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.cl-effect-18-team a:hover::after,
.cl-effect-18-team a:focus::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}	


.cl-effect-9 a {
	margin: 0 10px;
	padding: 18px 10px;
}

.cl-effect-9 a::before,
.cl-effect-9 a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	opacity: 0.2;
	-webkit-transition: opacity 0.3s, height 0.3s;
	-moz-transition: opacity 0.3s, height 0.3s;
	transition: opacity 0.3s, height 0.3s;
}


.cl-effect-9 a span:first-child {
	z-index: 2;
	display: block;
	font-weight: 300;
}

.cl-effect-9 a span:last-child {
	z-index: 1;
	display: block;
	padding: 0 0 0 0;
	color: #00ffff;
	text-shadow: none;
	text-transform: none;
	font-size: 2em;
	font-family: 'FontAwesome';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

.cl-effect-9 a:hover::before,
.cl-effect-9 a:focus::before {
	height: 6px;
}

.cl-effect-9 a:hover::before,
.cl-effect-9 a:hover::after,
.cl-effect-9 a:focus::before,
.cl-effect-9 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

.cl-effect-9 a:hover span:last-child,
.cl-effect-9 a:focus span:last-child {
	opacity: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}

/*Product Tabs*/
.cbp-so-side-left-btm{
	-webkit-transform: translateY(400px);
	-moz-transform: translateY(400px);
	transform: translateY(400px);
	opacity: 0;
}
.section.active .cbp-so-side-left-btm{
	-webkit-animation:imgbtm ease-out 2s;
	-moz-animation:imgbtm ease-out 2s;
	animation:imgbtm ease-out 2s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes imgbtm {
	0% { opacity: 0; -webkit-transform: translateY(400px); }
	100% { opacity: 1; -webkit-transform: translateY(0px); }
}
@-moz-keyframes imgbtm {
	0% { opacity: 0;		 -moz-transform: translateY(400px); }
	100% { opacity: 1; -moz-transform: translateY(0px); }
}
@keyframes imgbtm {
	0% { opacity: 0; transform: translateY(400px); }
	100% { opacity: 1; transform: translateY(0px); }
}

.cbp-so-side-left{
	-webkit-transform: translateX(-300px);
	-moz-transform: translateX(-300px);
	transform: translateX(-300px);
	opacity: 0;
}
.section.active .cbp-so-side-left{
	-webkit-animation:lefttxt ease-out 2.5s;
	-moz-animation:lefttxt ease-out 2.5s;
	animation:lefttxt ease-out 2.5s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes lefttxt {
	0% { opacity: 0; -webkit-transform: translateX(-300px); }
	70% { opacity: 0; -webkit-transform: translateX(-300px); }
	100% { opacity: 1; -webkit-transform: translateX(0px); }
}
@-moz-keyframes lefttxt {
	0% { opacity: 0;-moz-transform: translateX(-300px); } 
	70% { opacity: 0; -moz-transform: translateX(-300px); }
	100% { opacity: 1; -moz-transform: translateX(0px); }
}
@keyframes lefttxt {
	0% { opacity: 0; transform: translateX(-300px); }
	70% { opacity: 0; transform: translateX(-300px); }
	100% { opacity: 1; transform: translateX(0px); }
}
.cbp-so-side-left-a{
	-webkit-transform: translateX(-300px);
	-moz-transform: translateX(-300px);
	transform: translateX(-300px);
	opacity: 0;
}
.section.active .cbp-so-side-left-a{
	-webkit-animation:left-a ease-out 3.5s;
	-moz-animation:left-a ease-out 3.5s;
	animation:left-a ease-out 3.5s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes left-a {
	0% { opacity: 0; -webkit-transform: translateX(-300px); }
	60% { opacity: 0; -webkit-transform: translateX(-300px); }
	100% { opacity: 1; -webkit-transform: translateX(0px); }
}
@-moz-keyframes left-a {
	0% { opacity: 0;-moz-transform: translateX(-300px); } 
	60% { opacity: 0; -moz-transform: translateX(-300px); }
	100% { opacity: 1; -moz-transform: translateX(0px); }
}
@keyframes left-a {
	0% { opacity: 0; transform: translateX(-300px); }
	60% { opacity: 0; transform: translateX(-300px); }
	100% { opacity: 1; transform: translateX(0px); }
}

.section.active .dedi-cont .read-more{
	-webkit-animation:dedicontrm ease-out 3.5s;
	-moz-animation:dedicontrm ease-out 3.5s;
	animation:dedicontrm ease-out 3.5s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes dedicontrm {
	0% { opacity: 0; -webkit-transform: translateX(-300px); }
	70% { opacity: 0; -webkit-transform: translateX(-300px); }
	100% { opacity: 1; -webkit-transform: translateX(0px); }
}
@-moz-keyframes dedicontrm {
	0% { opacity: 0;-moz-transform: translateX(-300px); } 
	70% { opacity: 0; -moz-transform: translateX(-300px); }
	100% { opacity: 1; -moz-transform: translateX(0px); }
}
@keyframes dedicontrm {
	0% { opacity: 0; transform: translateX(-300px); }
	70% { opacity: 0; transform: translateX(-300px); }
	100% { opacity: 1; transform: translateX(0px); }
}

.dedi-cont .read-more{
	-webkit-transform: translateX(-300px);
	-moz-transform: translateX(-300px);
	transform: translateX(-300px);
	opacity: 0;
}

.cotton-img{
	-webkit-transform: translateX(-300px);
	-moz-transform: translateX(-300px);
	transform: translateX(-300px);
	opacity: 0;
}
.section.active .cotton-img{
	-webkit-animation:cotton ease-out 2s;
	-moz-animation:cotton ease-out 2s;
	animation:cotton ease-out 2s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes cotton {
	0% { opacity:0; }
	25% { opacity:0.5; -webkit-transform: translateX(-300px); }
	100% { opacity: 1; -webkit-transform: translateX(0px); }
}
@-moz-keyframes cotton {
	0% { opacity:0; }
	25% { opacity:0.5; -moz-transform: translateX(-300px); }
	100% { opacity: 1; -moz-transform: translateX(0px); }
}
@keyframes cotton {
	0% { opacity:0; }
	25% { opacity:0.5; transform: translateX(-300px); } 
	100% { opacity: 1; transform: translateX(0px); }
}

.stone-img{
	-webkit-transform: translateX(-300px);
	-moz-transform: translateX(-300px);
	transform: translateX(-300px);
	opacity: 0;
}
.section.active .stone-img{
	-webkit-animation:stone ease-out 2s;
	-moz-animation:stone ease-out 2s;
	animation:stone ease-out 2s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes stone {
	0% { opacity:0; }
	25% { opacity:0.5; -webkit-transform: translateY(300px); }
	100% { opacity: 1; -webkit-transform: translateY(0px); }
}
@-moz-keyframes stone {
	0% { opacity:0; }
	25% { opacity:0.5; -moz-transform: translateY(300px); }
	100% { opacity: 1; -moz-transform: translateY(0px); }
}
@keyframes stone {
	0% { opacity:0; }
	25% { opacity:0.5; transform: translateY(300px); } 
	100% { opacity: 1; transform: translatey(0px); }
}

.about-img{
	-webkit-transform: translateY(500px);
	-moz-transform: translateY(500px);
	transform: translateY(500px);
	opacity: 0;
}
.section.active .about-img{
	-webkit-animation:frame ease-out 4s;
	-moz-animation:frame ease-out 4s;
	animation:frame ease-out 4s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes frame {
	0% { opacity:0; }
	30% { opacity:0; -webkit-transform: rotate(-5deg) translateY(500px); }
	80% { opacity:1; -webkit-transform: rotate(-5deg) translateY(0px); }
	100% { opacity: 1; -webkit-transform: rotate(0deg) translateY(0px); }
}
@-moz-keyframes frame {
	0% { opacity:0; }
	30% { opacity:0; -moz-transform: rotate(-5deg) translateY(500px); }
	80% { opacity:1; -moz-transform: rotate(-5deg) translateY(0px); }
	100% { opacity: 1; -moz-transform: rotate(0deg) translateY(0px); }
}
@keyframes frame {
	0% { opacity:0; }
	30% { opacity:0; transform: rotate(-5deg) translateY(500px); }
	80% { opacity:1; transform: rotate(-5deg) translateY(0px); }
	100% { opacity: 1; transform: rotate(0deg) translateY(0px); }
}
.about-txt h1, .about-txt p, .about-txt .read-more{
	-webkit-transform: translateX(300px);
	-moz-transform: translateX(300px);
	transform: translateX(300px);
	opacity: 0;
}
.section.active .about-txt h1{
	-webkit-animation:abth1 ease-out 2.5s;
	-moz-animation:abth1 ease-out 2.5s;
	animation:abth1 ease-out 2.5s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes abth1 {
	0% { opacity:0; }
	75% { opacity:0; }
	100% { opacity: 1; -webkit-transform:translateX(0px); }
}
@-moz-keyframes abth1 {
	0% { opacity:0; }
	75% { opacity:0; }
	100% { opacity: 1; -moz-transform:translateX(0px); }
}
@keyframes abth1 {
	0% { opacity:0; }
	75% { opacity:0; }
	100% { opacity: 1; transform:translateX(0px); }
}
.section.active .about-txt p{
	-webkit-animation:abtp ease-out 2.5s;
	-moz-animation:abtp ease-out 2.5s;
	animation:abtp ease-out 2.5s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes abtp {
	0% { opacity:0; }
	80% { opacity:0; }
	100% { opacity: 1; -webkit-transform:translateX(0px); }
}
@-moz-keyframes abtp {
	0% { opacity:0; }
	80% { opacity:0; }
	100% { opacity: 1; -moz-transform:translateX(0px); }
}
@keyframes abtp {
	0% { opacity:0; }
	80% { opacity:0; }
	100% { opacity: 1; transform:translateX(0px); }
}

.section.active .about-txt .read-more{
	-webkit-animation:abrm ease-out 3.5s;
	-moz-animation:abrm ease-out 3.5s;
	animation:abrm ease-out 3.5s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes abrm {
	0% { opacity:0; }
	80% { opacity:0; }
	100% { opacity: 1; -webkit-transform:translateX(0px); }
}
@-moz-keyframes abrm {
	0% { opacity:0; }
	80% { opacity:0; }
	100% { opacity: 1; -moz-transform:translateX(0px); }
}
@keyframes abrm {
	0% { opacity:0; }
	80% { opacity:0; }
	100% { opacity: 1; transform:translateX(0px); }
}

.benefits h1, .benefits ul, .who-l h1, .who-l p, .who-l a, .partner h1, .partners p.para, #testimonials-carousel,
.tool-img, .partners a, .mob-img-who img{
	-webkit-transform: translateY(300px);
	-moz-transform: translateY(300px);
	transform: translateY(300px);
	opacity: 0;
}
.section.active .benefits h1, .section.active .who-l h1, .section.active .partner h1{
	-webkit-animation:spiningh1 ease-out 1.5s;
	-moz-animation:spiningh1 ease-out 1.5s;
	animation:spiningh1 ease-out 1.5s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes spiningh1 {
	0% { opacity:0; }
	100% { opacity: 1; -webkit-transform:translateY(0px); }
}
@-moz-keyframes spiningh1 {
	0% { opacity:0; }
	100% { opacity: 1; -moz-transform:translateY(0px); }
}
@keyframes spiningh1 {
	0% { opacity:0; }
	100% { opacity: 1; transform:translateY(0px); }
}
.section.active .benefits ul, .section.active .who-l p, .section.active.partners p.para, .section.active .tool-img,
.section.active #testimonials-carousel, .section.active .mob-img-who img{
	-webkit-animation:spiningp ease-out 2s;
	-moz-animation:spiningp ease-out 2s;
	animation:spiningp ease-out 2s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes spiningp {
	0% { opacity:0; }
	50% { opacity:0; }
	100% { opacity: 1; -webkit-transform:translateY(0px); }
}
@-moz-keyframes spiningp {
	0% { opacity:0; }
	50% { opacity:0; }
	100% { opacity: 1; -moz-transform:translateY(0px); }
}
@keyframes spiningp {
	0% { opacity:0; }
	50% { opacity:0; }
	100% { opacity: 1; transform:translateY(0px); }
}

.section.active .who-l a, .section.active.partners a{
	-webkit-animation:spiningrm ease-out 2.5s;
	-moz-animation:spiningp ease-out 2.5s;
	animation:spiningp ease-out 2.5s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
.section.active .mob-img-who img {
	-webkit-animation:spiningrm ease-out 3s;
	-moz-animation:spiningp ease-out 3s;
	animation:spiningp ease-out 3s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes spiningrm {
	0% { opacity:0; }
	50% { opacity:0; }
	100% { opacity: 1; -webkit-transform:translateY(0px); }
}
@-moz-keyframes spiningrm {
	0% { opacity:0; }
	50% { opacity:0; }
	100% { opacity: 1; -moz-transform:translateY(0px); }
}
@keyframes spiningrm {
	0% { opacity:0; }
	50% { opacity:0; }
	100% { opacity: 1; transform:translateY(0px); }
}

.spining-pad ul, .qty-logo{
	-webkit-transform: translateX(-300px);
	-moz-transform: translateX(-300px);
	transform: translateX(-300px);
	opacity: 0;
}
.section.active .spining-pad ul, .section.active .qty-logo{
	-webkit-animation:spiningimg ease-out 4s;
	-moz-animation:spiningimg ease-out 4s;
	animation:spiningimg ease-out 4s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes spiningimg {
	0% { opacity:0; }
	60% { opacity:0; -webkit-transform:translateX(-300px); }
	100% { opacity: 1; -webkit-transform:translateX(0px); }
}
@-moz-keyframes spiningimg {
	0% { opacity:0; }
	60% { opacity:0; -moz-transform:translateX(-300px); }
	100% { opacity: 1; -moz-transform:translateX(0px); }
}
@keyframes spiningimg {
	0% { opacity:0; }
	60% { opacity:0; transform:translateX(-300px); }
	100% { opacity: 1; transform:translateX(0px); }
}
{
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	transform: translateY(100px);
	opacity: 0;
}
.qty-img{ opacity: 0; scale(1) }
.qty-img-l{
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	transform: translateX(-100px);
	opacity: 0;
}
.qty-img-r{
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	transform: translateX(100px);
	opacity: 0;
}
.section.active .quality-txt{
	-webkit-animation:qtytxt ease-out 4.5s;
	-moz-animation:qtytxt ease-out 4.5s;
	animation:qtytxt ease-out 4.5s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes qtytxt {
	0% { opacity:0; }
	60% { opacity:0; -webkit-transform:translateY(100px); }
	100% { opacity: 1; -webkit-transform:translateY(0px); }
}
@-moz-keyframes qtytxt {
	0% { opacity:0; }
	60% { opacity:0; -moz-transform:translateY(100px); }
	100% { opacity: 1; -moz-transform:translateY(0px); }
}
@keyframes qtytxt {
	0% { opacity:0; }
	60% { opacity:0; transform:translateY(100px); }
	100% { opacity: 1; transform:translateY(0px); }
}
.section.active .qty-img{
	-webkit-animation:qtyimg ease-out 6s;
	-moz-animation:qtyimg ease-out 6s;
	animation:qtyimg ease-out 6s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes qtyimg {
	0% { opacity:0; }
	60% { opacity:0; -webkit-transform: scale(0.3); }
	100% { opacity: 1; -webkit-transform: scale(1); }
}
@-moz-keyframes qtyimg {
	0% { opacity:0; }
	60% { opacity:0; -moz-transform: scale(0.3); }
	100% { opacity: 1; -moz-transform: scale(1); }
}
@keyframes qtyimg {
	0% { opacity:0; }
	60% { opacity:0; transform: scale(0.3); }
	100% { opacity: 1; transform: scale(1); }
}
.section.active .qty-img-l{
	-webkit-animation:qtyimgleft ease-out 3s;
	-moz-animation:qtyimgleft ease-out 3s;
	animation:qtyimgleft ease-out 3s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes qtyimgleft {
	0% { opacity:0; }
	30% { opacity:0; -webkit-transform:translateX(0px); }
	100% { opacity: 1; -webkit-transform:translateX(-100px); }
}
@-moz-keyframes qtyimgleft {
	0% { opacity:0; }
	30% { opacity:0; -moz-transform:translateX(-100px); }
	100% { opacity: 1; -moz-transform:translateX(0px); }
}
@keyframes qtyimgleft {
	0% { opacity:0; }
	30% { opacity:0; transform:translateX(-100px); }
	100% { opacity: 1; transform:translateX(0px); }
}
.section.active .qty-img-r{
	-webkit-animation:qtyimgright ease-out 32s;
	-moz-animation:qtyimgright ease-out 3s;
	animation:qtyimgright ease-out 3s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes qtyimgright {
	0% { opacity:0; }
	30% { opacity:0; -webkit-transform:translateX(100px); }
	100% { opacity: 1; -webkit-transform:translateX(0px); }
}
@-moz-keyframes qtyimgright {
	0% { opacity:0; }
	30% { opacity:0; -moz-transform:translateX(100px); }
	100% { opacity: 1; -moz-transform:translateX(0px); }
}
@keyframes qtyimgright {
	0% { opacity:0; }
	30% { opacity:0; transform:translateX(100px); }
	100% { opacity: 1; transform:translateX(0px); }
}

.weaving-txt h1, .weaving-txt p, .weaving-txt .read-more{
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	transform: translateX(-100px);
	opacity: 0;
}

.section.active .weaving-txt h1{
	-webkit-animation:weavingh1 ease-out 3s;
	-moz-animation:weavingh1 ease-out 3s;
	animation:weavingh1 ease-out 3s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes weavingh1 {
	0% { opacity:0; }
	20% { opacity:0; -webkit-transform:translateX(-100px); }
	100% { opacity: 1; -webkit-transform:translateX(0px); }
}
@-moz-keyframes weavingh1 {
	0% { opacity:0; }
	20% { opacity:0; -moz-transform:translateX(-100px); }
	100% { opacity: 1; -moz-transform:translateX(0px); }
}
@keyframes weavingh1 {
	0% { opacity:0; }
	20% { opacity:0; transform:translateX(-100px); }
	100% { opacity: 1; transform:translateX(0px); }
}
.section.active .weaving-txt p{
	-webkit-animation:weavingp ease-out 3.5s;
	-moz-animation:weavingp ease-out 3.5s;
	animation:weavingp ease-out 3.5s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes weavingp {
	0% { opacity:0; }
	45% { opacity:0; -webkit-transform:translateX(-100px); }
	100% { opacity: 1; -webkit-transform:translateX(0px); }
}
@-moz-keyframes weavingp {
	0% { opacity:0; }
	45% { opacity:0; -moz-transform:translateX(-100px); }
	100% { opacity: 1; -moz-transform:translateX(0px); }
}
@keyframes weavingp {
	0% { opacity:0; }
	45% { opacity:0; transform:translateX(-100px); }
	100% { opacity: 1; transform:translateX(0px); }
}

.section.active .weaving-txt .read-more{
	-webkit-animation:weavingrm ease-out 4.5s;
	-moz-animation:weavingrm ease-out 4.5s;
	animation:weavingrm ease-out 4.5s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes weavingrm {
	0% { opacity:0; }
	45% { opacity:0; -webkit-transform:translateX(-100px); }
	100% { opacity: 1; -webkit-transform:translateX(0px); }
}
@-moz-keyframes weavingrm {
	0% { opacity:0; }
	45% { opacity:0; -moz-transform:translateX(-100px); }
	100% { opacity: 1; -moz-transform:translateX(0px); }
}
@keyframes weavingrm {
	0% { opacity:0; }
	45% { opacity:0; transform:translateX(-100px); }
	100% { opacity: 1; transform:translateX(0px); }
}


.madeup-txt h1{
	-webkit-transform: translateX(-300px);
	-moz-transform: translateX(-300px);
	transform: translateX(-300px);
	opacity: 0;
}
.madeup-txt p{
	-webkit-transform: translateX(200px);
	-moz-transform: translateX(200px);
	transform: translateX(200px);
	opacity: 0;
}
.madeup-txt .read-more{
	-webkit-transform: translateX(200px);
	-moz-transform: translateX(200px);
	transform: translateX(200px);
	opacity: 0;
}
.section.active .madeup-txt h1{
	-webkit-animation:madeuph1 ease-out 2s;
	-moz-animation:madeuph1 ease-out 2s;
	animation:madeuph1 ease-out 2s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes madeuph1 {
	0% { opacity:0; }
	20% { opacity:0; -webkit-transform:translateX(-300px); }
	100% { opacity: 1; -webkit-transform:translateX(0px); }
}
@-moz-keyframes madeuph1 {
	0% { opacity:0; }
	20% { opacity:0; -moz-transform:translateX(-300px); }
	100% { opacity: 1; -moz-transform:translateX(0px); }
}
@keyframes madeuph1 {
	0% { opacity:0; }
	20% { opacity:0; transform:translateX(-300px); }
	100% { opacity: 1; transform:translateX(0px); }
}
.section.active .madeup-txt p{
	-webkit-animation:madeupp ease-out 2s;
	-moz-animation:madeupp ease-out 2s;
	animation:madeupp ease-out 2s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes madeupp {
	0% { opacity:0; }
	20% { opacity:0; -webkit-transform:translateX(300px); }
	100% { opacity: 1; -webkit-transform:translateX(0px); }
}
@-moz-keyframes madeupp {
	0% { opacity:0; }
	20% { opacity:0; -moz-transform:translateX(300px); }
	100% { opacity: 1; -moz-transform:translateX(0px); }
}
@keyframes madeupp {
	0% { opacity:0; }
	20% { opacity:0; transform:translateX(300px); }
	100% { opacity: 1; transform:translateX(0px); }
}

.section.active .madeup-txt .read-more{
	-webkit-animation:madeuprm ease-out 3s;
	-moz-animation:madeuprm ease-out 3s;
	animation:madeuprm ease-out 3s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes madeuprm {
	0% { opacity:0; }
	20% { opacity:0; -webkit-transform:translateX(300px); }
	100% { opacity: 1; -webkit-transform:translateX(0px); }
}
@-moz-keyframes madeuprm {
	0% { opacity:0; }
	20% { opacity:0; -moz-transform:translateX(300px); }
	100% { opacity: 1; -moz-transform:translateX(0px); }
}
@keyframes madeuprm {
	0% { opacity:0; }
	20% { opacity:0; transform:translateX(300px); }
	100% { opacity: 1; transform:translateX(0px); }
}


.madeup-imgpad{ opacity: 0; scale(1) }

.section.active .madeup-imgpad{
	-webkit-animation:madepad ease-out 4s;
	-moz-animation:madepad ease-out 4s;
	animation:madepad ease-out 4s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes madepad {
	0% { opacity:0; }
	40% { opacity:0; -webkit-transform: scale(0.3); }
	100% { opacity: 1; -webkit-transform: scale(1); }
}
@-moz-keyframes madepad {
	0% { opacity:0; }
	40% { opacity:0; -moz-transform: scale(0.3); }
	100% { opacity: 1; -moz-transform: scale(1); }
}
@keyframes madepad {
	0% { opacity:0; }
	40% { opacity:0; transform: scale(0.3); }
	100% { opacity: 1; transform: scale(1); }
}


.saveearth .saveearth-cont h1, .saveearth .saveearth-cont p, .saveearth .saveearth .read-more {
	-webkit-transform: translateY(300px);
	-moz-transform: translateY(300px);
	transform: translateY(300px);
	opacity: 0;
}
.section.active .saveearth .saveearth-cont h1{
	-webkit-animation:saveearth ease-out 1.5s;
	-moz-animation:saveearth ease-out 1.5s;
	animation:saveearth ease-out 1.5s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes saveearth {
	0% { opacity:0; }
	100% { opacity: 1; -webkit-transform:translateY(0px); }
}
@-moz-keyframes saveearth {
	0% { opacity:0; }
	100% { opacity: 1; -moz-transform:translateY(0px); }
}
@keyframes saveearth {
	0% { opacity:0; }
	100% { opacity: 1; transform:translateY(0px); }
}
.section.active .saveearth .saveearth-cont p{
	-webkit-animation:saveearthp ease-out 2.5s;
	-moz-animation:saveearthp ease-out 2.5s;
	animation:saveearthp ease-out 2.5s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes saveearthp {
	0% { opacity:0; }
	60% { opacity:0; }
	100% { opacity: 1; -webkit-transform:translateY(0px); }
}
@-moz-keyframes saveearthp {
	0% { opacity:0; }
	60% { opacity:0; }
	100% { opacity: 1; -moz-transform:translateY(0px); }
}
@keyframes saveearthp {
	0% { opacity:0; }
	60% { opacity:0; }
	100% { opacity: 1; transform:translateY(0px); }
}

.saveearth .saveearth-cont ul{
	-webkit-transform: translateX(-300px);
	-moz-transform: translateX(-300px);
	transform: translateX(-300px);
	opacity: 0;
}
.section.active .saveearth .saveearth-cont ul{
	-webkit-animation:spiningimg ease-out 4s;
	-moz-animation:spiningimg ease-out 4s;
	animation:spiningimg ease-out 4s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes saveearthimg {
	0% { opacity:0; }
	60% { opacity:0; -webkit-transform:translateX(-300px); }
	100% { opacity: 1; -webkit-transform:translateX(0px); }
}
@-moz-keyframes saveearthimg {
	0% { opacity:0; }
	60% { opacity:0; -moz-transform:translateX(-300px); }
	100% { opacity: 1; -moz-transform:translateX(0px); }
}
@keyframes saveearthimg {
	0% { opacity:0; }
	60% { opacity:0; transform:translateX(-300px); }
	100% { opacity: 1; transform:translateX(0px); }
}

.section.active .saveearth .saveearth-cont .read-more{
	-webkit-animation:saveearthrm ease-out 4.5s;
	-moz-animation:saveearthrm ease-out 4.5s;
	animation:saveearthrm ease-out 4.5s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
}
@-webkit-keyframes saveearthrm {
	0% { opacity:0; }
	60% { opacity:0; }
	100% { opacity: 1; -webkit-transform:translateY(0px); }
}
@-moz-keyframes saveearthrm {
	0% { opacity:0; }
	60% { opacity:0; }
	100% { opacity: 1; -moz-transform:translateY(0px); }
}
@keyframes saveearthrm {
	0% { opacity:0; }
	60% { opacity:0; }
	100% { opacity: 1; transform:translateY(0px); }
}