@charset "utf-8";
/* CSS Document */
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css');
@import url('https://fonts.googleapis.com/css?family=Adamina');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.css");
@import url("https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css");
.header-wrapper { margin: 0 auto; background: none repeat scroll 0; transition: all 0.7s ease-out 0s;}
body {
  font-family: 'Adamina', serif;
  line-height: 1.7em;
  font-weight: 300;
  margin:0;
  padding:0;
color: #000;
    background-color: #fff;
}
/* Set the navbar here */
nav{
   background:#000;
  -webkit-transition:all .3s;
  transition:all .3s;
}
.nav-item {
    margin-left: 10px;
	margin-right: 10px;
}
h1 {
    text-transform: uppercase;
    font-weight: 800;
    
 }
.logo {max-width: 250px;
        max-height: auto;
    display: inline-block;
    float: right;}
.navbar-brand {
    height:auto;
    padding: 5px 0;
}
/*.carousel-caption{top:50%;bottom:auto;transform:translateY(-50%)}*/
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class
 Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}
/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}
.navbar-toggler {
     background-color: white;
}
/* Set the color and size of menu buttons here */  
.navbar-default .navbar-nav  > li > a { color: #fff;	 padding: 10px 25px;}
.navbar-default .navbar-nav  > li > a:active,
.navbar-default .navbar-nav  > li > a:hover,
.navbar-default .navbar-nav  > li > a:focus{  background-color: #f7b926; color: #fff; border-radius: 100px;}
/* Set the color and shape of menu buttons here */  
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: #f7b926; color: #fff;	border-radius: 100px;}

/* Center the menu here */
/*.navbar-nav{ float:none; margin: 0 auto; padding: 20px;  display: table;  font-size: 16px;  table-layout: fixed;}*/
  .header-wrapper {
       background: none repeat scroll 0 0 #000;}
.navbar-default {
    background-color: #000;
color:#fff;
}

/* Styling Bottom               */
/*------------------------------*/

/*------------------------------*/
/* Styling Footer               */
/*------------------------------*/
footer { background: #141414;  color: #fff; font-size: 24px; padding: 10px 16px; position: relative; }
#headline {    font-size: 1.75rem; color:#fff;}
#services { background: #f2f2f2;}

.call_to_action {
    position: relative;
    z-index: 1;
    background-color: #2196F3;
color:#fff;
}

 .btnSpecial {
	background-color: #f8af08;
	border: 1px solid transparent;
    border-radius: 4px;
			
		    
}
	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}

/* Section/Article */

	section.special, article.special {
		text-align: center;
	}

	header p {
		color: #858585;
		position: relative;
		margin: 0 0 1.5em 0;
	}

	header h2 + p {
		font-size: 1.25em;
		margin-top: -1em;
		line-height: 1.5em;
	}

	header h3 + p {
		font-size: 1.1em;
		margin-top: -0.8em;
		line-height: 1.5em;
	}

	header h4 + p,
	header h5 + p,
	header h6 + p {
		font-size: 0.9em;
		margin-top: -0.6em;
		line-height: 1.5em;
	}

	header.major {
		text-align: center;
		margin-bottom: 4em;
	}

		header.major h2 {
			font-size: 3em;
			margin-bottom: 0.5em;
		}

		header.major p {
			font-size: 1.5em;
		}

/* Wrapper */

	.wrapper {
		padding: 6em 0em 4em;
		/* Style 1 Wrapper */
		/* Style 2 Wrapper */
		/* Style 3 Wrapper */
	}

		.wrapper.style1 {
			background-color: #F5F5F5;
			border-bottom: 1px solid rgba(144, 144, 144, 0.25);
			border-top: 1px solid rgba(144, 144, 144, 0.25);
		}

			.wrapper.style1 .box {
				background-color: #fff;
				padding: 3em 2.5em;
			}

				.wrapper.style1 .box h2, .wrapper.style1 .box h3, .wrapper.style1 .box h4, .wrapper.style1 .box h5, .wrapper.style1 .box h6 {
					color: #858585;
				}

		.wrapper.style2 .profiles {
			border-bottom: 1px solid rgba(144, 144, 144, 0.25);
			border-top: 1px solid rgba(144, 144, 144, 0.25);
			margin-bottom: 4em;
			padding-top: 4em;
		}

		.wrapper.style2 .profile {
			margin-bottom: 2em;
			text-align: left;
		}

			.wrapper.style2 .profile img {
				border-radius: 50%;
				float: left;
				margin-bottom: 1em;
				margin-right: 1em;
			}

			.wrapper.style2 .profile h4 {
				margin-bottom: 0;
				margin-top: 1em;
			}

		.wrapper.style2 footer {
			margin-left: auto;
			margin-right: auto;
			width: 70%;
		}

			.wrapper.style2 footer p {
				margin-bottom: 3em;
			}

		.wrapper.style3 {
			background-color: #3cadd4;
			color: #ffffff;
		}

			.wrapper.style3 h2, .wrapper.style3 h3, .wrapper.style3 p {
				color: #ffffff;
			}

			.wrapper.style3 input[type="text"],
			.wrapper.style3 input[type="password"],
			.wrapper.style3 input[type="email"],
			.wrapper.style3 select,
			.wrapper.style3 textarea {
				background-color: #fff;
				color: #444;
			}

/* Footer */

	#footer {
		background: #383b43;
		padding: 2em 0em 2em;
	}

		#footer h2, #footer h3, #footer h4 {
			color: #ffffff;
			font-size:16px;
		}

		#footer p, #footer a, #footer li {
			color: #cdced0;
		}

		#footer .links {
			border-top: 1px solid rgba(144, 144, 144, 0.25);
			margin-bottom: 2em;
			padding-bottom: 1em;
		}

.sec-title:after {
    content: '';
    display: block;
    height: 3px;
    background-color: #647382;
	}

		#footer .copyright {
			margin-top: 0.65em;
			padding: 0;
			font-size:16px;
		}

			#footer .copyright li {
				color: #858585;
				display: inline-block;
				list-style: none;
				margin-left: 0.5em;
				padding-left: 0.5em;
			}

				#footer .copyright li:first-child {
					margin-left: 0;
					padding-left: 0;
				}

			#footer .copyright a {
				color: #858585;
			}

		#footer .icons {
			text-align: right;
		}

		#footer a.icon {
			color: #ffffff;
			font-size: 0.65em;
			height: 4em;
			line-height: 4em;
			width: 4em;
			cursor: pointer;
		}

ul.unstyled {
    list-style: none;
    padding-left: 0;
	font-size:16px;
}
.sec-separator {
    padding: 70px 0 40px;
    background-color: #fff;
}
.callout .callout-actions{padding:0;font-size:0;text-align:center}
.callout .callout-actions .button{display:inline-block;vertical-align:top;min-width:213px;margin:0;padding:11px 15px 12px;background:0 0;border:2px solid #fff;font-size:14px;font-weight:700;text-transform:uppercase;color:#fff; text-decoration: none;}.callout .callout-separator{color:#16262e;font-weight:700;text-transform:uppercase}.callout .callout-separator span{display:inline-block;vertical-align:middle;width:43px;height:43px;border-radius:50%;background:#fff;text-align:center;line-height:43px;font-size:12px}.callout .callout-separator:before,.callout .callout-separator:after{content:'';display:inline-block;vertical-align:middle;width:28px;height:1px;background:#fff}.callout .callout-separator:before,.callout .callout-separator:after{content:'';display:inline-block;vertical-align:middle;width:28px;height:1px;background:#fff}
}