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
}