<style>

@charset "utf-8";
/* CSS Document */


/*
html,body{
	width:100%;
	height:100%;
}
*/


body{
	/* background-color:#04519b; */	
}






/* For top and down padding of 7px in blocks containing text only 
***********************************************************************************************************************/
.td_padding {
	padding-top:7px;
	padding-bottom:7px;
}




/* Classes to remove both padding and margin from bootstrap widths 
***********************************************************************************************************************/
.no_pm {
	padding:0px;
	margin:0px;
}
.no_p {
	padding:0px;
}
.no_m {
	margin:0px;
}



/* Classes to create full height or width divs */
.full_h {
	height:100%;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}
.full_w {
	width:100%;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
}
.full_hw {
	height:100%;
	width:100%;
	padding:0px;
	margin:0px;
}


/* Classes for %Percentage% based widths
***********************************************************************************************************************/
.w_20 {
	width:20% !important;
	padding-left:0px !important;
	padding-right:0px !important;
	margin-left:0px !important;
	margin-right:0px !important;
}
.w_25 {
	width:25% !important;
	padding-left:0px !important;
	padding-right:0px !important;
	margin-left:0px !important;
	margin-right:0px !important;
}
.w_33 {
	width:33%;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
}
.w_50 {
	width:50%;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
}



/* Classes for vertically and horizontally centering a div inside another div 
***********************************************************************************************************************/
	/* This parent can be any width and height */
	.centered_wrapper {
		display: table;
		position: absolute;
		height: 100%;
	}
	
	/* The element to be centered, can
	   also be of any width and height */ 
	.centered {
		display: table-cell;
		vertical-align: middle;
		text-align:center;
	}
	/* Horizontally centering a div inside another div*/
	.h_centered {
		margin-left:auto;
		margin-right:auto;
	}
/* /End of Classes for vertically and horizontally centering a div inside another div */





/* Classes to create objects that are visible eigther on desktop mode only or tablet mode only 
***********************************************************************************************************************/
/* For Desktop */
.none_desktop {
	display:block;
}
@media (min-width: 768px) {
	.none_desktop {
		display:none;
	}
}
.block_desktop {
	display:none;
}
@media (min-width: 768px) {
	.block_desktop {
		display:block;
	}
}
/* For Phone */
.none_phone {
	display:block;
}
@media (max-width: 767px) {
	.none_phone {
		display:none;
	}
}
.block_phone {
	display:none;
}
@media (max-width: 767px) {
	.block_phone {
		display:block;
	}
}




/* Classes for different mouse pointers 
***********************************************************************************************************************/
.pointer {
	cursor: pointer;
}



/* Div Absolute Positioning Classes 
***********************************************************************************************************************/
/* For creating an overlaping extra layer with full height and width and absolute position */
.ab {
	position:absolute;
	left:0;
	top:0;
}
.ab_full_hw {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	padding:0px;
	margin:0px;
}
.rel {
	position:relative;
}



/* Classes for smooth animated transition of objects 
***********************************************************************************************************************/
/* For smooth transitions and animations... */
.transition_0_5_sec {
	-webkit-transition-duration: 0.5s !important;
	-moz-transition-duration: 0.5s !important;
	-o-transition-duration: 0.5s !important;
	transition-duration: 0.5s !important;

	-webkit-animation-duration: 0.5s !important;
	-moz-animation-duration: 0.5s !important;
	-o-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;

}
.transition_0_8_sec {
	-webkit-transition-duration: 0.5s !important;
	-moz-transition-duration: 0.5s !important;
	-o-transition-duration: 0.5s !important;
	transition-duration: 0.5s !important;

	-webkit-animation-duration: 0.5s !important;
	-moz-animation-duration: 0.5s !important;
	-o-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;

}
.transition_1_sec {
	-webkit-transition-duration: 1s !important;
	-moz-transition-duration: 1s !important;
	-o-transition-duration: 1s !important;
	transition-duration: 1s !important;

	-webkit-animation-duration: 1s !important;
	-moz-animation-duration: 1s !important;
	-o-animation-duration: 1s !important;
	animation-duration: 1s !important;
}
.transition_2_sec {
	-webkit-transition-duration: 2s !important;
	-moz-transition-duration: 2s !important;
	-o-transition-duration: 2s !important;
	transition-duration: 2s !important;

	-webkit-animation-duration: 2s !important;
	-moz-animation-duration: 2s !important;
	-o-animation-duration: 2s !important;
	animation-duration: 2s !important;
}
.transition_3_sec {
	-webkit-transition-duration: 3s !important;
	-moz-transition-duration: 3s !important;
	-o-transition-duration: 3s !important;
	transition-duration: 3s !important;

	-webkit-animation-duration: 3s !important;
	-moz-animation-duration: 3s !important;
	-o-animation-duration: 3s !important;
	animation-duration: 3s !important;
}



/* Circular Divs 
***********************************************************************************************************************/
	.circular_div {
		border-radius: 50%;
		behavior: url(PIE.htc); /* remove if you don't care about IE8 */
	}
/* /End of Circular Divs */




/* Translucent Background and images classes 
***********************************************************************************************************************/
/* Translucent_background */
.translucent_bg {
	background-color: #fff;
	background-color: rgba(255,255,255,0.5);
}
/* Translucent_image */
.tanslucent_img {
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
}




/* Different Margins, Padding and Border-Radius Classes 
***********************************************************************************************************************/
/* Margin Top Classes */
.t_10 {
	margin-top:10px;
}
.t_20 {
	margin-top:20px;
}

/* Padding for text: 10px */
.p_10 {
	padding:5px 10px;
}

/* Padding for text: 20px */
.p_20 {
	padding:10px 20px !important;
}

/* Padding for text: 20px */
.p_30 {
	padding:15px 30px;
}

/* Rounded borders: 5px */
.br_5 {
	border-radius:10px;
}
/* Rounded borders: 10px */
.br_10 {
	border-radius:10px;
}
/* Rounded borders: 15px */
.br_15 {
	border-radius:15px;
}




/* Equal Height Columns 
***********************************************************************************************************************/

.equal_column_wrapper {
	width:100%;
}
.equal_column_row {
	width:100%;
}
@media (max-width: 991px) {
	.equal_column_wrapper {
		display:block;
	}
	.equal_column_row {
		display:block;
	}
	.equal_column {
		display:block;
	}
}
@media (min-width: 992px) {
	.equal_column_wrapper {
		display:table;
	}
	.equal_column_row {
		display:table-row;
	}
	.equal_column {
		display:table-cell;
		float:none;
		vertical-align:middle;
	}
}
/* /Equal Height Columns */





/* Class to make something BLINK! 
***********************************************************************************************************************/
.blink {
  animation: blink 1s steps(5, start) infinite;
  -webkit-animation: blink 1s steps(5, start) infinite;
}
@keyframes blink {
  to {
	visibility: hidden;
  }
}
@-webkit-keyframes blink {
  to {
	visibility: hidden;
  }
}
/* Class to make something BLINK! with FADE Effect
***********************************************************************************************************************/
.blink_fade {
    -moz-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    
	-moz-animation:blink_fade normal 1.5s infinite ease-in-out;
    -webkit-animation:blink_fade normal 1.5s infinite ease-in-out;
    -ms-animation:blink_fade normal 1.5s infinite ease-in-out;
    animation:blink_fade normal 1.5s infinite ease-in-out;
}
@keyframes blink_fade {
    0% {
        opacity: 1;
    	filter: alpha(opacity=100); /* For IE8 and earlier */
    }
    50% {
        opacity: 0;
    	filter: alpha(opacity=0); /* For IE8 and earlier */
    }
    100% {
        opacity: 1;
    	filter: alpha(opacity=100); /* For IE8 and earlier */
    }
}
@-webkit-keyframes blink_fade {
    0% {
        rgba(255,0,0,1)
    }
    50% {
        rgba(255,0,0,0.5)
    }
    100% {
        rgba(255,0,0,1)
    }
}




/* Socail Media Links CSS 
***********************************************************************************************************************/
.social_media_links_container {
	height:60px;
	padding-top:5px;
	background-color:#777777;
	text-align:center;
	
    -webkit-transition-duration: 5s; /* Safari */
    transition-duration: 1s;
}
.social_media_link {
	height:50px;
	width:50px;
	padding-top:12px;
	margin:0px 3px 0px 3px;
	
    -webkit-transition-duration: 5s; /* Safari */
    transition-duration: 0.4s;
	
	border:1px solid #eee;
	color:#eee; 
	background-color:transparent;
}
.social_media_link:hover {
	border:none;
	color:#000;
	background-color:#ef7f1a;
}





/* CSS for Horizontal Flip on Hover 
***********************************************************************************************************************/
	/* entire container, keeps perspective */
	.flip-container {
		perspective: 1000;
	}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}
	
	.flip-container, .front, .back {
		width: 320px;
		height: 480px;
	}
	
	/* flip speed goes here */
	.flipper {
		transition: 0.6s;
		transform-style: preserve-3d;
	
		position: relative;
	}
	
	/* hide back of pane during swap */
	.front, .back {
		backface-visibility: hidden;
	
		position: absolute;
		top: 0;
		left: 0;
		
		text-align:center; /* OWN CODE */
	}
	
	/* front pane, placed above back */
	.front {
		z-index: 2;
		/* for firefox 31 */
		transform: rotateY(0deg);
	}
	
	/* back, initially hidden pane */
	.back {
		transform: rotateY(180deg);
	}
/* /End of CSS for Horizontal Flip on Hover */





/* To remove underline from Anchors */
.no_u {
	text-decoration:none !important;
}



/* CSS to make a div's background be a 100% fullscreen image without change in aspect ratio */
.fill {
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}



/* CSS to make a div's background image fixed and not scroll with page */
.fixed_bg {
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.ts {
    text-shadow: 2px 2px 8px #000000;
}




/* CSS for DIV Display and Clear */
.clear_none {
	clear:none;
}
.clear_both {
	clear:both;
}
.dis_in {
	display:inline-block;
}









</style>