

/* transitions */
.fadeIn { 
	opacity:0; 
	-webkit-transition:opacity 1s; -moz-transition:opacity 1s; transition:opacity 1s;
}
.fadeIn.active, .fadeIn.onHover:hover { opacity:1; }

.fromLeft {
	-webkit-transform:translate3d(-100%, 0, 0); -moz-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0);
	-webkit-transition:transform 1s; -moz-transition:transform 1s; transition:transform 1s;
}
.fromRight {
	-webkit-transform:translate3d(100%, 0, 0); -moz-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0);
	-webkit-transition:transform 1s; -moz-transition:transform 1s; transition:transform 1s;
}
.fromSlightRight {
	-webkit-transform:translate3d(10%, 0, 0); -moz-transform:translate3d(10%, 0, 0); transform:translate3d(10%, 0, 0);
	-webkit-transition:transform 1s; -moz-transition:transform 1s; transition:transform 1s;
}
.fromTop {
	-webkit-transform:translate3d(0, -100%, 0); -moz-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0);
	-webkit-transition:transform 1s; -moz-transition:transform 1s; transition:transform 1s;
	visibility: visible;
}
.fromBottom {
	-webkit-transform:translate3d(0, 100%, 0); -moz-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0);
	-webkit-transition:transform 1s; -moz-transition:transform 1s; transition:transform 1s;
	visibility: visible;
}
.fromLeft.active, .fromLeft.onHover:hover, .fromRight.active, .fromRight.onHover:hover, .fromSlightRight.active, .fromSlightRight.onHover:hover, .fromTop.active, .fromTop.onHover:hover, .fromBottom.active, .fromBottom.onHover:hover, .onHover:hover .fromLeft, .onHover:hover .fromRight, .onHover:hover .fromSlightRight, .onHover:hover .fromTop, .onHover:hover .fromBottom {
	-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);
}
.grow:not(.col) {
	-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
}
.grow:not(.col).active, .grow:not(.col).onHover:hover, .onHover:hover .grow:not(.col) {
	-webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);
}
.shrink:not(.col) {
	-webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);
}
.shrink:not(.col).active, .shrink:not(.col).onHover:hover, .onHover:hover .shrink:not(.col) {
	-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
}
.pulse {
	-webkit-animation-name: pulse; -moz-animation-name: pulse; animation-name: pulse;
}
.shake { 
	-webkit-animation-name:shake; -moz-animation-name:shake; animation-name: shake;
}
.parallax {
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height:100%;
}

.transAll {
    -webkit-transition:all 1s; -moz-transition:all 1s; transition:all 1s;
}

/* transition-timing-function */
.linear { -webkit-transition-timing-function:linear; -moz-transition-timing-function:linear; transition-timing-function:linear; }
.ease { -webkit-transition-timing-function:ease; -moz-transition-timing-function:ease; transition-timing-function:ease; }
.easeIn { -webkit-transition-timing-function:ease-in; -moz-transition-timing-function:ease-in; transition-timing-function:ease-in; }
.easeOut { -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; transition-timing-function:ease-out; }
.easeInOut { -webkit-transition-timing-function:ease-in-out; -moz-transition-timing-function:ease-in-out; transition-timing-function:ease-in-out; }

.easeInCubic { -webkit-transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.easeOutCubic { -webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); }
.easeInOutCubic { -webkit-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1); }

.easeInExpo { -webkit-transition-timing-function:cubic-bezier(0.95, 0.05, 0.795, 0.035); -moz-transition-timing-function:cubic-bezier(0.95, 0.05, 0.795, 0.035); transition-timing-function:cubic-bezier(0.95, 0.05, 0.795, 0.035);}
.easeOutExpo { -webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); -moz-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); }
.easeInOutExpo { -webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1); -moz-transition-timing-function:cubic-bezier(1, 0, 0, 1); transition-timing-function:cubic-bezier(1, 0, 0, 1); }

@-webkit-keyframes shake {
  from, to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); -moz-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);  -moz-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
}
@keyframes shake {
  from, to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); -moz-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); -moz-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
}

@-webkit-keyframes pulse {
  from { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); -moz-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@keyframes pulse {
  from { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); -moz-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

.onHover {
	-webkit-animation-play-state: paused; -moz-animation-play-state: paused; animation-play-state: paused;
}
.animated {
	-webkit-animation-play-state:running; -moz-animation-play-state:running; animation-play-state:running;
	-webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; animation-fill-mode:both;
	-webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;
}

/* transition-delay, animation-delay */
.td100 { -webkit-transition-delay:100ms;  -moz-transition-delay:100ms; transition-delay:100ms; -webkit-animation-delay:100ms;  -moz-animation-delay:100ms; animation-delay:100ms; }
.td200 { -webkit-transition-delay:200ms;  -moz-transition-delay:200ms; transition-delay:200ms; -webkit-animation-delay:200ms;  -moz-animation-delay:200ms; animation-delay:200ms; }
.td300 { -webkit-transition-delay:300ms;  -moz-transition-delay:300ms; transition-delay:300ms; -webkit-animation-delay:300ms;  -moz-animation-delay:300ms; animation-delay:300ms; }
.td400 { -webkit-transition-delay:400ms;  -moz-transition-delay:400ms; transition-delay:400ms; -webkit-animation-delay:400ms;  -moz-animation-delay:400ms; animation-delay:400ms; }
.td500 { -webkit-transition-delay:500ms;  -moz-transition-delay:500ms; transition-delay:500ms; -webkit-animation-delay:500ms;  -moz-animation-delay:500ms; animation-delay:500ms; }
.td750 { -webkit-transition-delay:750ms;  -moz-transition-delay:750ms; transition-delay:750ms; -webkit-animation-delay:750ms;  -moz-animation-delay:750ms; animation-delay:750ms; }
.td1000 { -webkit-transition-delay:1000ms;  -moz-transition-delay:1000ms; transition-delay:1000ms; -webkit-animation-delay:1000ms;  -moz-animation-delay:1000ms; animation-delay:1000ms; }
.td1500 { -webkit-transition-delay:1500ms;  -moz-transition-delay:1500ms; transition-delay:1500ms; -webkit-animation-delay:1500ms;  -moz-animation-delay:1500ms; animation-delay:1500ms; }
.td2000 { -webkit-transition-delay:2000ms;  -moz-transition-delay:2000ms; transition-delay:2000ms; -webkit-animation-delay:2000ms;  -moz-animation-delay:2000ms; animation-delay:2000ms; }
.td2500 { -webkit-transition-delay:2500ms;  -moz-transition-delay:2500ms; transition-delay:2500ms; -webkit-animation-delay:2500ms;  -moz-animation-delay:2500ms; animation-delay:2500ms; }
.td3000 { -webkit-transition-delay:3000ms;  -moz-transition-delay:3000ms; transition-delay:3000ms; -webkit-animation-delay:3000ms;  -moz-animation-delay:3000ms; animation-delay:3000ms; }
.td4000 { -webkit-transition-delay:4000ms;  -moz-transition-delay:4000ms; transition-delay:4000ms; -webkit-animation-delay:4000ms;  -moz-animation-delay:4000ms; animation-delay:4000ms; }
.td5000 { -webkit-transition-delay:5000ms;  -moz-transition-delay:5000ms; transition-delay:5000ms; -webkit-animation-delay:5000ms;  -moz-animation-delay:5000ms; animation-delay:5000ms; }

/* transition-duration, animation-duration */
.tt100 { -webkit-transition-duration:100ms;  -moz-transition-duration:100ms; transition-duration:100ms; -webkit-animation-duration:100ms;  -moz-animation-duration:100ms; animation-duration:100ms; }
.tt200 { -webkit-transition-duration:200ms;  -moz-transition-duration:200ms; transition-duration:200ms; -webkit-animation-duration:200ms;  -moz-animation-duration:200ms; animation-duration:200ms; }
.tt300 { -webkit-transition-duration:300ms;  -moz-transition-duration:300ms; transition-duration:300ms; -webkit-animation-duration:300ms;  -moz-animation-duration:300ms; animation-duration:300ms; }
.tt400 { -webkit-transition-duration:400ms;  -moz-transition-duration:400ms; transition-duration:400ms; -webkit-animation-duration:400ms;  -moz-animation-duration:400ms; animation-duration:400ms; }
.tt500 { -webkit-transition-duration:500ms;  -moz-transition-duration:500ms; transition-duration:500ms; -webkit-animation-duration:500ms;  -moz-animation-duration:500ms; animation-duration:500ms; }
.tt750 { -webkit-transition-duration:750ms;  -moz-transition-duration:750ms; transition-duration:750ms; -webkit-animation-duration:750ms;  -moz-animation-duration:750ms; animation-duration:750ms; }
.tt1000 { -webkit-transition-duration:1000ms;  -moz-transition-duration:1000ms; transition-duration:1000ms; -webkit-animation-duration:1000ms;  -moz-animation-duration:1000ms; animation-duration:1000ms; }
.tt1500 { -webkit-transition-duration:2500ms;  -moz-transition-duration:2500ms; transition-duration:1500ms; -webkit-animation-duration:1500ms;  -moz-animation-duration:1500ms; animation-duration:1500ms; }
.tt2000 { -webkit-transition-duration:3000ms;  -moz-transition-duration:3000ms; transition-duration:2000ms; -webkit-animation-duration:2000ms;  -moz-animation-duration:2000ms; animation-duration:2000ms; }
.tt2500 { -webkit-transition-duration:2500ms;  -moz-transition-duration:2500ms; transition-duration:2500ms; -webkit-animation-duration:2500ms;  -moz-animation-duration:2500ms; animation-duration:2500ms; }
.tt3000 { -webkit-transition-duration:3000ms;  -moz-transition-duration:3000ms; transition-duration:3000ms; -webkit-animation-duration:3000ms;  -moz-animation-duration:3000ms; animation-duration:3000ms; }
.tt4000 { -webkit-transition-duration:4000ms;  -moz-transition-duration:4000ms; transition-duration:4000ms; -webkit-animation-duration:4000ms;  -moz-animation-duration:4000ms; animation-duration:4000ms; }
.tt5000 { -webkit-transition-duration:5000ms;  -moz-transition-duration:5000ms; transition-duration:5000ms; -webkit-animation-duration:5000ms;  -moz-animation-duration:5000ms; animation-duration:5000ms; }
.tt6000 { -webkit-transition-duration:6000ms;  -moz-transition-duration:6000ms; transition-duration:6000ms; -webkit-animation-duration:6000ms;  -moz-animation-duration:6000ms; animation-duration:6000ms; }
.tt7000 { -webkit-transition-duration:7000ms;  -moz-transition-duration:7000ms; transition-duration:7000ms; -webkit-animation-duration:7000ms;  -moz-animation-duration:7000ms; animation-duration:7000ms; }
.tt8000 { -webkit-transition-duration:8000ms;  -moz-transition-duration:8000ms; transition-duration:8000ms; -webkit-animation-duration:8000ms;  -moz-animation-duration:8000ms; animation-duration:8000ms; }
.tt9000 { -webkit-transition-duration:9000ms;  -moz-transition-duration:9000ms; transition-duration:9000ms; -webkit-animation-duration:9000ms;  -moz-animation-duration:9000ms; animation-duration:9000ms; }
.tt10000 { -webkit-transition-duration:10000ms;  -moz-transition-duration:10000ms; transition-duration:10000ms; -webkit-animation-duration:10000ms;  -moz-animation-duration:10000ms; animation-duration:10000ms; }

.will-change { will-change:transform, opacity; }
.will-change-opacity { will-change:opacity; }
.will-change-transform { will-change:transform; }

@media only screen and (max-device-width : 1024px) {
	.page_feature_bg.parallax { background-attachment:scroll !important; }
	.parallax {background-attachment:scroll;}
}