/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126  License: none (public domain) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: Karla;
	}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
	}
body {
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
/* ----- Page-Load ----- */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #19174F;
	/* change if the mask should have another color then white */
	z-index: 99;
	/* makes sure it stays on top */
	}

#status {
	position: absolute;
	left: 50%;
	/* centers the loading animation horizontally one the screen */
	top: 50%;
	/* centers the loading animation vertically one the screen */
	/* is width and height divided by two */
	}

.spinner-sm:after,
.spinner-sm:before {
	content: '';
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	}

.spinner-sm-1:after {
	position: absolute;
	top: -4px;
	left: -4px;
	border: 4px solid transparent;
	border-top-color: #25a8df;
	border-bottom-color: #25a8df;
	animation: spinny 0.8s linear infinite;
	}
	
@keyframes spinny {
  0% {
    transform: rotate(0deg) scale(1);
	}
  50% {
    transform: rotate(90deg) scale(1.2);
	}
  100% {
    transform: rotate(360deg) scale(1);
	}
}

body {
	min-width: 350px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
	-ms-animation: fadein 1s; /* Internet Explorer */
	-o-animation: fadein 1s; /* Opera < 12.1 */
	animation: fadein 1s;
	}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
	}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
	}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
	}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
	}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
	}
	
	
	
/* ----- Common-Elements ----- */

#img-alt {
	display: none;
	}

#img-main {
	display: block;
	}
	
.notice p {
	padding: 20px;
	text-align: center;
	font-size: 17px;
	line-height: 22px;
	color: #FFFFFF;
	background-color: #19174F;
	border: solid 2px #ae8c2f;
	}
	
.heading-gen {
	font-size: 25px;
	font-weight: bold;
	color: #19174F;
	}
	
.para-gen {
	font-size: 19px;
	color: #58595B;
	line-height: 27px;
	text-align: justify;
	}



/* ----- Navigation Section ----- */
.navbar {
	background-color: #19174F;	
		color: #ffffff;
	}
	


.navbar-nav a {
	color: #ffffff;
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
	}
	
.navbar-nav a:hover {
	color: #25a8df;
	}
	
.navbar-nav li {
	color: #ffffff;
	margin: 0 5px;
	}
	
/* ----- Jumbotron-Section ----- */
.jumbotron {
	min-height: 88vh;	
	background: url("https://i.imgur.com/P35Y7h1.jpg") no-repeat center center scroll;
	background-color: #25a8df;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-bottom: 0;
	position: relative;
	text-align: center;
	color: #ffffff;
	}
	
.jumbo-content {
	max-width: 90%;
	margin: 13% auto;
	}
	
.jumbotron img {
	width: 100%;
	}
	
#intro-main {
	display: block;
	}
	
#intro-alt {
	display: none;
	}

.jumbotron h1  {
	font-size: 30px;
	line-height: 30px;
	text-align: left;
	animation: fly-in-right .8s ease;
	text-shadow: 0 0 8px #000;
	}

	@keyframes fly-in-right {
		0%   { 
			transform: translateX(200%); 		
		}
		100% { 
			transform: translateX(0%); 
		}
	}

.jumbotron p  {
	font-size: 19px;
	line-height: 22px;
	text-align: justify;
	padding-top: 10px;
	animation: fly-in-left .8s ease;
	text-shadow: 0 0 8px #000;
	}

	@keyframes fly-in-left {
		0%   { 
			transform: translateX(-200%); 		
		}
		100% { 
			transform: translateX(0%); 
		}
	}

.explore {
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	padding: 13px 30px;
	background-color: #19174F;
	outline: none;
	border: 1.5px solid #ffffff;
	float: left;
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 1.5px;
	}

.explore:hover {
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	background-color: #25a8df;
	border: 1.5px solid #ffffff;
	color: #FFFFFF;	
	text-decoration: none;
	}
	
.banner {
	position: absolute;
    left: 0;
    bottom: 0;
	}	
	
	
	
/* ----- about-us-section ----- */	
.about-us-section {
	margin-top: 80px;
	margin-bottom: 80px;
	}
	
.abt-img {
	width: 100%;
	max-width: 100%;
	}

	
	
/* ----- services-section ----- */	
.services-section {
	min-height: 88vh;	
	background: url("https://i.imgur.com/deK5ShD.jpg") no-repeat center center scroll;
	background-color: #25a8df;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-bottom: 0;
	position: relative;
	text-align: center;
	}
	
.para-serv {
	padding: 0px 20px 20px 20px;
	text-align: center;
	font-size: 17px;
	line-height: 22px;
	}

.services-section img {
	width: 100%;
	border: solid 15px #ffffff;
	}
	
.serv-wrapper {
	border: solid 2px #eeeeee;
	background-color: #ffffff;
	min-height: 360px;
	}
	
.serv-banner {
	width: 100%;
	margin: 0;
	padding: 0px;
	}

.serv-banner2 {
	width: 100%;
	margin: 0;
	padding: 0px;
	bottom: 0;
	top: 0;
	}
	
	
	
/* ----- services-section ----- */
/* form-row */	
.form-wrapper {
	height: 500px;
	background-color: #26A8DF;
	text-align: center;
	}
	
.btn {
	width: 150px;
	height: 40px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	background-color: #26A8DF;
	color: #ffffff;
	border: solid 2px #ffffff;
	}
	
.btn:hover {
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	background-color: #262261;
	border: none;
	color: #ffffff;
	border: solid 2px #262261;
	}

.padding-0{
		padding-right:0;
		padding-left:0;
		}

.form-control{	
	margin: 0 auto;
	width: 90%;
	height: 35px;
	resize: none;
	}

#form_message {
	height: 100px;
	}

.form-group label {
	padding-bottom: 5px;
	color: #ffffff;
	}


.form-horizontal legend {
	padding: 20px 10px;
	font-size: 18px;
	text-align: center;
	color: #ffffff;
	}

.glyphicon {
	color: #26A8DF;
	}
	
#success_message{ 
	display: none;
	width: 90%;
	margin: 0 auto;
	background-color: #19174F;
	color: #ffffff;
	border: none;
	border-radius: 10px;
	line-height: 20px;
	}

/* contact-info-row */
.contact-info-wrapper {
	background-color: #262261;
	height: 500px;
	}		

.contact-info {
	margin: auto;
	text-align: center;
	}
	
.contact-info h1{
	font-size: 17px;
	font-weight: bold;
	color: #ffffff;
	padding: 5px;
	}

.contact-info p {
	font-size: 17px;
	color: #26A8DF;
	}	
	
.divider {
	height: 2px;
	background-color: #ffffff;
	margin: 0 auto;
	margin: 15px;
	}

/* google-map */
.map-src {
	width:100%;
	height: 500px;
	padding: 15px;
	background-color: #26A8DF;
	}

	

/* ----- footer-section ----- */
.footer {
	margin-top: 50px;
	width: 100%;
	height: 200px;
	background-color: #262261;
	}

.foot-nav {	
	margin: 50px auto 0px auto;
	text-align: center;
	}

.foot-nav li {
	margin: 20px;
	display: inline-block;
	}

.foot-nav > li > a {
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
    color: #ffffff; /*Sets the text hover color on navbar*/
	font-size: 17px;
	border-bottom: 1px solid #18164f;
	display: inline-block;
	}
	
.foot-nav > li > a:hover {
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
    color: #25a8df; /*Sets the text hover color on navbar*/
	text-decoration: none;
	}
	
.footer p {
	color: #ffffff;
	text-align: center;
	font-size: 18px;
	}