a, h1, h2, h3, h4, h5, h6,p, img, .animate-inout,
.service-item .title, .service-item .service-icon,
.default-portfolio-item .overlay-box, .blog-post, .blog-date,
.project-item2 .project-item2-hover, .pricing-item,
.about-us-2 .about-us-item, .team-member .member-img-hover, 
.other-service li, .product-item .product-img,
[type="checkbox"]:checked + label.checkboxes::before,
.about-us-item .down-line:before,
.box-bg-style li.active a:after,
.about-us-item, .radio-check label{
	-webkit-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.carousel-caption, .choose-us-right,
.carousel-control, .owl-theme .owl-nav,
#slider.slider-style3 .quote-form2{
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.both-line:before, .both-line:after,
.blog-date, .about-us-left .small-img,
.slider-style2 .slider-caption .slider-title::before,
.down-line.text-center:before,
.newsletter-2 {
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.small-img.overlay-primary [class^="flaticon-"]::before,
.video-right a.video-popup span:before,
.photo-gallery a:before{
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.default-portfolio-item .overlay-box,
.team-member .member-img-hover {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8)
}
.default-portfolio-item:hover .overlay-box,
.team-member:hover .member-img-hover {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	transform: scale(1, 1)
}
.blog-post:hover .blog-img img,
.product-item:hover img,
.product-item-list:hover img{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}
.according-title.active:after{
	-moz-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0)
}
.according-title:after{
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

/*====================================================================
5. Slider Animation css
====================================================================*/
#slider .carousel-caption h1, 
.page-style2 #slider .carousel-caption h1 {
	-moz-animation-delay: 0.2s;
	-ms-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	opacity: 0
}
#slider .carousel-caption p, 
.page-style2 #slider .carousel-caption p {
	-moz-animation-delay: 0.6s;
	-ms-animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	opacity: 0;
}

.carousel-caption li:nth-child(1) {
	animation-delay: 1s;
	animation-duration: 1s
}
.carousel-caption li:nth-child(2) {
	animation-delay: 1.1s;
	animation-duration: 1s
}
.carousel-caption li:nth-child(3) {
	animation-delay: 1.2s;
	animation-duration: 1s
}
.carousel-caption .button-group {
	animation-delay: 1.5s;
	animation-duration: 1s
}
#slider .item.active .carousel-caption p, 
#slider .item.active .carousel-caption h1, 
#slider .item.active .carousel-caption li:nth-child(1), 
#slider .item.active .carousel-caption li:nth-child(2), 
#slider .item.active .carousel-caption li:nth-child(3),
.page-style2 #slider .item.active .carousel-caption p, 
.page-style2 #slider .item.active .carousel-caption h1, 
.page-style2 #slider .item.active .carousel-caption li:nth-child(1), 
.page-style2 #slider .item.active .carousel-caption li:nth-child(2), 
.page-style2 #slider .item.active .carousel-caption li:nth-child(3){
	animation-name: fadeInUp
}
#slider .item.active .carousel-caption p, 
#slider .item.active .carousel-caption h1, 
#slider .item.active .carousel-caption li:nth-child(1), 
#slider .item.active .carousel-caption li:nth-child(2), 
#slider .item.active .carousel-caption li:nth-child(3),
.page-style2 #slider .item.active .carousel-caption p, 
.page-style2 #slider .item.active .carousel-caption h1, 
.page-style2 #slider .item.active .carousel-caption li:nth-child(1), 
.page-style2 #slider .item.active .carousel-caption li:nth-child(2), 
.page-style2 #slider .item.active .carousel-caption li:nth-child(3){
	animation-duration: 1s;
	animation-fill-mode: both;
	opacity: 1
}
#slider .item .carousel-caption .button-group, 
.page-style2 #slider .item .carousel-caption .button-group{
	opacity: 0;
}
#slider .item.active .carousel-caption .button-group, 
.page-style2 #slider .item.active .carousel-caption .button-group {
	animation-name: fadeInUp
}
#slider .item.active .carousel-caption .button-group, 
.page-style2 #slider .item.active .carousel-caption .button-group {
	animation-duration: 1s;
	animation-fill-mode: both;
	opacity: 1
}