/* TRANSITION */
	.header_info ul li a, .social_links ul li a,.footer_menu ul li a,.service_img::before,
	.service_img::after,.service2 .service_title > h4,.sidebar_widget ul li a,.tags ul li a,.reply,
	.service_title a h3,.read_more a,.blog_meta ul li a, .address_right > a, .single_tweets .twit p,
	.contact_numbers p a, .mainmenu .navbar-nav  li >a, .footer_links ul li a,.social_icons ul li a span{
		transition: 0.3s;
	}
	.search_btn span, .has_dropdown .dropdwon, .has_megamenu .megamenu,.service2 .single_service,
	.single_service_wrapper,.single_service_wrapper .service_content,.single_blog_wrapper .blog_content,
	.service_content_wrapper, .about_us_content_wrapper .nav.nav-tabs li a,.category_widget ul li a,
	.blog_img.blog_vid .venobox span,.recent_blog_img a::before,.recent_blog_img a .recent_post_link,
	.slider_controller span, .single_acco_title, .blog_title a h3,.service_content_wrapper > p,.service_img,
	.sidebar_widget ul li a p, form input , form textarea, select{
		transition: 0.4s;
	}

/* TEXT UPPERCASE */
	.section_title .title h2, .trust_btn, .single_slider_wrapper .big_title, .mainmenu .navbar-nav  li >a,
	.service_title h3,.read_more a,.feature_title h4, .call_to_action_title > h3,.footer_social > h4,.comment_btn,
	.footer_widgets .widget_title > h4,.about_us_content_wrapper .nav.nav-tabs li a,.page_title h1{
		text-transform: uppercase;
	}


/* ALL HOVER STYLES */
	.header_info ul li a:hover, .social_links ul li a:hover{
		color: #fff;
	}
	.contact_numbers p a:hover,.category_widget ul li a:hover,.sidebar_widget ul li a:hover p,
	.service_title a:hover h3,.blog_title a:hover h3,.blog_img.blog_vid .venobox:hover span,.tags ul li a:hover,
	.read_more a:hover, .slider_controller span:hover,.social_icons ul li a:hover span{
		color: #2a007c!important;
	}


/* PPRELOADER CSS */
	.preloader-bg{
	    position: fixed;
	    height:100vh;
	    background: #fff;
	    z-index: 999999999;
	    width: 100%;
	    text-align: center;
	}
	.preloader-container {
	    display: inline-block;
	    position: relative;
	    top: 50%;
	    -webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
	.my-preloader {
	    color: #2a007c;
	    position: relative;
	    width: 160px;
	    height: 160px;
	    box-shadow: inset 0 0 0 2px;
	    -webkit-transform: translateZ(0);
	    transform: translateZ(0);
	    border-radius: 50%;
		background: #f1f1f1;
	}
	.my-preloader:before, .my-preloader:after {
	    width: 82px;
	    height: 162px;
	    position: absolute;
	    content: '';
	    border-radius: 50%;
	    background: #f1f1f1;
	    top: -1px;
	}
	.my-preloader:before {
	  border-radius: 162px 0 0 162px;
	  left: -1px;
	  -webkit-transform-origin: 82px 81px;
	    transform-origin: 82px 81px;
	  animation: spinAnimation 2s infinite ease 1.7s;
	}
	.my-preloader:after {
	  border-radius: 0 162px 162px 0;
	  left: 81px;
	  -webkit-transform-origin: 0px 81px;
	  transform-origin: 0px 81px;
	  -webkit-animation: spinAnimation 2s infinite ease;
	  animation: spinAnimation 2s infinite ease;
	}
	.my-preloader > img {
		font-size: 12px;
		height: 60px;
		left: 50%;
		line-height: 160px;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 60px;
		z-index: 9;
	}


/* KEYFRAES */
	/* fadein left short */
	@-webkit-keyframes fadeInLeftShort{
	    from{
	        -webkit-transform: translateX(40px);
	        transform: translateX(40px);
	        opacity: 0;
	        visibility: hidden;
	    }
	    to{
	        -webkit-transform: translateX(0px);
	        transform: translateX(0px);
	        opacity: 1;
	        visibility: visible;
	    }
	}
	@keyframes fadeInLeftShort{
	    from{
	        -webkit-transform: translateX(40px);
	        transform: translateX(40px);
	        opacity: 0;
	        visibility: hidden;
	    }
	    to{
	        -webkit-transform: translateX(0px);
	        transform: translateX(0px);
	        opacity: 1;
	        visibility: visible;
	    }
	}
	.fadeInLeftShort{
		animation-name: fadeInLeftShort;
	}

	/* fadein up short */
	@-webkit-keyframes fadeInUpShort{
	    from{
	        -webkit-transform: translateY(40px);
	        transform: translateY(40px);
	        opacity: 0;
	        visibility: hidden;
	    }
	    to{
	        -webkit-transform: translateY(0px);
	        transform: translateY(0px);
	        opacity: 1;
	        visibility: visible;
	    }
	}
	@keyframes fadeInUpShort{
	    from{
	        -webkit-transform: translateY(40px);
	        transform: translateY(40px);
	        opacity: 0;
	        visibility: hidden;
	    }
	    to{
	        -webkit-transform: translateY(0px);
	        transform: translateY(0px);
	        opacity: 1;
	        visibility: visible;
	    }
	}
	.fadeInUpShort{
		animation-name: fadeInUpShort;
	}

	/* fadeInRightShort */
	@-webkit-keyframes fadeInRightShort{
	    from{
	        -webkit-transform: translateX(-40px);
	        transform: translateX(-40px);
	        opacity: 0;
	        visibility: hidden;
	    }
	    to{
	        -webkit-transform: translateX(0px);
	        transform: translateX(0px);
	        opacity: 1;
	        visibility: visible;
	    }
	}
	@keyframes fadeInRightShort{
	    from{
	        -webkit-transform: translateX(-40px);
	        transform: translateX(-40px);
	        opacity: 0;
	        visibility: hidden;
	    }
	    to{
	        -webkit-transform: translateX(0px);
	        transform: translateX(0px);
	        opacity: 1;
	        visibility: visible;
	    }
	}
	.fadeInRightShort{
		animation-name: fadeInRightShort;
	}

	@keyframes grow {
		from{
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		}
		to{
			-webkit-transform: scale(1.3);
			-ms-transform: scale(1.3);
			transform: scale(1.3);
		}
	}
	-webkit-@keyframes grow {
		from{
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		}
		to{
			-webkit-transform: scale(1.3);
			-ms-transform: scale(1.3);
			transform: scale(1.3);
		}
	}

	.grow{
		animation-name: grow;
		animation-duration: 15s;
		animation-delay: 2s;
	}

	@keyframes spinAnimation {
		0% {
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}
	-webkit-@keyframes spinAnimation {
		0% {
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

/*---------------------------------------------------------------------
					GENERAL STYLE ENDS HERE
-----------------------------------------------------------------------*/

/*****************************
    START HERO AREA CSS
*****************************/
/* SLIDER AREA CSS */
	.slider_area{
		position: relative;
		overflow: hidden;
	}
	.slider_area .sliders{
		overflow: hidden;
	}
	.cameraContent {
	    top: calc(50% + 38px);
	    -webkit-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
	.single_slider_wrapper .big_title {
	    color: #fff;
	    line-height: 1.2;
	    font-size: 60px;
	    font-weight: 700;
		animation-delay: 0.3s;
	}
	.single_slider_wrapper .small_title {
	    font-size: 30px;
	    line-height: 60px;
	    color: #ddd;
		display: inline-block;
	}
	.camera_overlayer{
		background: rgba(34,34,34,0.1);
	}
	.captions_wrapper.right{
		text-align: right;
	}
	.single_slider_wrapper .hero_btn{
		margin-top: 50px;
	}
	.hero_btn .trust_btn {
	    border-left: 5px solid #fff;
	}
	.hero_btn .trust_btn:hover{
		color: #2a007c;
		border-color: #2a007c;
	}
	.hero_btn .trust_btn:hover:before{
		background: #fff;
	}
	/* slider navigation */
	.camera_prev{
		left: 30px;
	}
	.camera_next{
		right: 30px;
	}
	.camera_prev,
	.camera_nex{
		height: 60px;
	}
	.camera_prev > span,
	.camera_next > span{
		position: relative;
		background: #898989;
		height: 60px;
		transition: 0.4s;
	}
	.camera_prev > span:before{
		content: "\f177";
	}
	.camera_next > span:before{
		content: "\f178";
	}
	.camera_prev > span:before,
	.camera_next > span:before{
		position: absolute;
		top: 50%;
		left: 50%;
		color: #343434;
		font-size: 18px;
		font-family: "fontawesome";
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.camera_prev > span:hover,
	.camera_next > span:hover{
		background: #fff;
	}
		.camera_prev > span:hover:before,
		.camera_next > span:hover:before {
			color: #037170;
		}
/*****************************
    END HERO AREA CSS
------------------------------*/


/*****************************
    START SERVICE AREA CSS
******************************/
	.service_wrapper, .blog_wrapper{
		position: relative;
	}
	.single_service_wrapper:hover,
	.single_blog_wrapper:hover {
	    box-shadow: 0px 0 30px rgba(0,0,0,0.10);
	}
	.service_title a h3,
	.blog_title a h3{
		font-size: 18px;
		line-height: 24px;
		color: #343434;
	}
	.single_service_wrapper,
	.single_blog_wrapper{
		border: 1px solid #f9f9f9;
		min-height: 370px;
		margin-bottom: 5px;
		position: relative;
		overflow: hidden;
	}
	.single_service_wrapper .service_content,
	.single_blog_wrapper .blog_content{
		padding: 35px 20px 20px;
		position: absolute;
		background: #fff;
		bottom: -35px;
	}
	.service_title a ,
	.blog_title a {
	    display: inline-block;
	}
	.single_service_wrapper:hover .service_content,
	.single_blog_wrapper:hover .blog_content{
		bottom: 17px;
	}
	.single_service_wrapper .service_text {
	    padding-bottom: 10px;
	    padding-top: 12px;
	}
	.single_blog_wrapper .blog_text {
	    padding-top: 15px;
	    padding-bottom: 0px;
	}
	.read_more {
	    position: relative;
	    top: 4px;
	}
	.read_more a {
		color: #343434;
		font-family: "montserrat",sans-serif;
		font-size: 13px;
		font-weight: 400;
		line-height: 24px;
	}
	.read_more a span {
		font-size: 14px;
		line-height: 24px;
	}
	.blog_wrapper .slider_controller ,
	.service_wrapper .slider_controller {
	    position: absolute;
	    right: 0;
	    top: -70px;
	}
	.slider_controller .prev,
	.slider_controller .next{
		display: inline-block;
		position: relative;
		cursor: pointer;
	}

	.slider_controller span {
	    font-size: 34px;
	    line-height: 24px;
	    color: #ddd;
	}
	.slider_controller .prev{
		margin-right: 41px;
	}
	.slider_controller .prev:before {
	    content: "";
	    height: 37px;
	    width: 1px;
	    top: -4px;
	    position: absolute;
	    transform: rotate(20deg);
	    right: -21px;
	    background: #ddd;
		cursor: none;
	}