@charset "utf-8";

/* CSS Document */

/*@font-face {
    font-family: Raleway;
    src: url(../fonts/Raleway.ttf)
}*/

* {
    margin: 0px;
    padding: 0px;
}
/*
    *   Scaffolding.
    */
html {
  position: relative;
  height: 100%;
  font-size: 16px;
  font-family: 'Raleway-Light';
}
body {
  position: relative;
  height: 100%;
  font-size: 1rem;
  font-family: 'Raleway-Light';
}

.body {
    margin: 0;
    padding: 0;
}

.wrapper {
    padding: 0%;
    margin: 0%;
    width: 100%;
}

.center {
    margin: 0 10% 0 10%;
    width: 80%;
    padding: 0;
}

.header {
    width: 100%;
    height: 550px;
    padding: 0;
    margin: 0;
    background-image: url(../images/headerbg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.logo {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    font-size: 24px;
}

.logo h1 {
    margin: 0;
    padding: 30% 0 0 0;
    font-family: Raleway;
    letter-spacing: 8px;
    font-weight: 900;
    color: #FFF;
    text-shadow: 2px 2px #666;
}
.p100{
    padding: 10px 20px;
    padding-top: 5% !important;
}
.line {
    margin: auto;
    padding: 0 0 0 115px;
    width: 50px;
    border-bottom: 2px solid #FFF;
}

.line2 {
    padding: 20px 0 0 120px;
    width: 10px;
    border-bottom: 2px solid #FFF;
}

.disc {
    font: italic;
    font-family: Raleway;
    color: #FFF;
    text-align: left;
    margin: auto;
    padding: 20px 0 20px 0;
    width: 100%;
}

.disc p {
    letter-spacing: 2px;
    text-align: left;
    margin: auto;
    padding: 0 10px 0 10px;
    font-size: 34px;
}

.disc p span {
    padding: 2px 5px;
    font-weight: 800;
    color: #000;
}

.menu {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
}

.fixed {
    padding: 2px;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    background-color: #000;
    position: fixed;
    top: 0;
    height: 50px;
    z-index: 1;
}

nav {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    position: absolute;
}

nav ul {
    margin: auto;
    padding: 0px 0px 0px 28%;
}

nav ul li {
    margin: 10px;
    padding: 0;
    float: left;
    list-style: none;
}

nav ul li a {
    background-color: #000;
    background: rgba(0, 0, 0, 0.2);
    border: 2px solid #ffbf41;
    color: #ffbf41;
    font-family: Raleway;
    font-size: 18px;
    margin: auto;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}

nav ul li:hover a {
    border: 2px solid #FFF;
    color: #FFF;
}

#home {
    background-color: #CCC;
    margin: auto;
    padding: 30px;
    width: 100%;
}

#home h1 {
    letter-spacing: 4px;
    text-align: center;
    font-family: Raleway;
    color: #FFF;
    margin: 0;
    padding: 10% 0 0 2%;
}

#home p {
    margin: -10px 0 0 0;
    padding: 0;
    text-align: center;
    font-family: Raleway;
}

#tes {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 420px
}

.tes-info {
    float: left;
    margin: 0;
    padding: 0;
    width: 50%;
    height: 550px;
    background-color: #666;
}

.tes-info p {
    font-family: Raleway;
    color: #FFF;
    text-align: center;
    margin: 150px 50px 0;
    padding: 0;
    width: 80%;
}

.tes-heading {
    float: left;
    margin: 0;
    padding: 0;
    width: 50%;
    height: 550px;
    background-image: url(../images/testimonialsheading.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.tes-heading h1 {
    padding: 10px 0 10px 0;
    text-align: center;
    margin: 250px 0 0 0;
    letter-spacing: 3px;
    font-family: Raleway;
    background-color: #000;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    text-align: center;
}

#about {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    height: 550px;
    background-image: url(../images/about.png);
    background-repeat: no-repeat;
    background-size: 100%
}

.about-bg {
    margin: 0px;
    padding: 0;
    height: 550px;
    width: 100%;
    background-color: #000;
    background: rgba(0, 0, 0, 0.6);
}

.about-text {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 550px;
}

.about-text h1 {
    text-align: center;
    letter-spacing: 4px;
    font-family: Raleway;
    color: #FFF;
    margin: 0 auto;
    padding: 5% 0 0 0%;
}

.about-text p {
    margin: 50px 180px 0px 180px;
    padding: 0;
    text-align: center;
    font-family: Raleway;
    color: #FFF;
}

#contact {
    margin: 0;
    padding: 18px 10px;
    width: 100%;
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.clr-primary{
	color: #333 !important;
}
.contact-form {    
		border-right: 1px dotted #666;
    float: left;
    margin: 0;
    padding: 10% 10% 0 10%;
    width: 100%;
}

.contact-form h1 {
    font-family: Raleway;
    color: #FFF
}

.contact-form h4 {
    font-family: Raleway;
    color: #FFF;
    margin: 0 0 0 0;
    padding: 0;
    margin-bottom: 8px;
}
.contact-info {
    float: left;
    margin: 0;
    padding: 10% 0 0 5%;
    width: 100%
}

.contact-info h1 {
    font-family: Raleway;
    letter-spacing: 3px;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #FFF;
}

.contact-phone {
        margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    margin-top: 29px;
}

.contact-phone img {
    float: left;
    padding: 0;
    height: 25px;
}

.contact-phone h4 {
    letter-spacing: 3px;
    float: left;
    margin: 5px 12px 0 15px;
    color: #FFF;
    font-family: Raleway;
}

.contact-email {
   margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    margin-top: 29px;
}

.contact-email img {
    float: left;
    padding: 0;
    height: 19px;

}
.contact-email h4 {
  	letter-spacing: 0px;
    float: left;
    margin: 0px 0 0 18px;
    color: #FFF;
    font-family: Raleway;
}
.form-control{
    border-radius: 0 !important;
    background: transparent !important;
  }
  .h47{
  	height: 47px !important;
  }
.btn-transparent{
	background: transparent !important;
	height: 47px;
	color: #FFF !important;
	font-family: Raleway;
	border-radius: 0px !important;
}
.copyright{
	color: #fff;
	font-family: Raleway;
  	letter-spacing: 1px;


}
.footer{
	background: #2c2c2c;
	padding: 15px 10px; 
}
.mt20{
    padding-top: 40px;
}