/* 
    Document   : LSMAstyle
    Created on : May 24, 2016, 9:13:15 AM
    Author     : Lerato Daniel Molisakeng
    Description:
        Purpose of the stylesheet follows.
*/
*{padding: 0px;  
  margin: 0px;
  padding-top: 0px;
    padding-left: 0px;
    padding-right:  0px;
    padding-bottom:  0px;
}
@font-face {
  font-family: 'Casper';

  src: url('../fonts/Casper_1.eot');
  src: url('../fonts/Casper_1.eot?#iefix') 
      format('embedded-opentype'), url('../fonts/Casper_1.woff2') 
      format('woff2'), url('../fonts/Casper_1.woff') 
      format('woff'), url('../fonts/Casper_1.ttf') 
      format('truetype'), url('../fonts/Casper_1.svg#font') format('svg');
}
body {
    font-family: 'Casper';
    margin-left:  0px;
padding-left: 0px;
    

    
}

h5{
    padding-top: 0px;
    padding-bottom: 0px;
}

p{
  font-family: Casper, Fallback, sans-serif;
    
    font-size: 15px;  
}

h7{
    
    font-family: Casper, Fallback, sans-serif;
    
    font-size: 24px;
    
    
    
}

h6{
    
    font-family: Casper, Fallback, sans-serif;
    font-weight: bold;
    font-size: 16px;
	color: #a41e22;
	padding-top: 0px;
	padding-bottom: -10px;
    
    
    
}

h8{
    
    font-family: Casper, Fallback, sans-serif;
    font-weight: bold;
    font-size: 12px;
	padding-top: -15px;
	
    
    
    
}
h9{
    
    font-family: Casper, Fallback, sans-serif;
	padding-bottom:10px;
    font-weight: bold;
    font-size: 14px;
	color:#000;
    
    
    
}

a {
    color:#FFF;
    text-decoration: none;
}

a:hover 
{
     color:#FFF; 
     text-decoration:none; 
     cursor:pointer;  
}
li{list-style-type: none;}


navImage {


}
nav{width: 100%; text-align: left;


}
nav a{
    display:block;
    padding:7px ;
    color: #ffffff;
    font-weight: bold;
}
nav a:hover {color:#ff6666;
       text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}


.container{
    padding: 0px 0px 0px 90px;
    margin-left: -23px;
    

}


.CloseImage{
    padding: 5px 0px 0px 110px;
}


.leftLocationDetails{
    padding: -50px 0px 10% 12.5%; 
height: 900px;
    background-color: #820000;
    display: block;
    position:relative;
}


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

.SlideLogoImage{padding: 0px 0px 0px 90px;}
.HomeLogo{
	 padding-bottom: 200px;
    z-index: auto;
    position:absolute;
    bottom:10px;
    left:50%;
	top:20%;
    z-index:auto;
    width:60%;
    margin-left:-32%;
    padding-left:0;
    list-style:none;
    text-align:center;}

.HRline{ padding: 0px 0px 0px 70px; }

.SlideNav{
    position: fixed;
    
    padding: 40px 0px 0px 40px; }



.menu{
    position: fixed;
    width: 550px;
    height:  720px;
    position: fixed;
    background: url(../images/NavImg.png) no-repeat;
    -webkit-background-size: 500px 720px;
    -moz-background-size: 500px 720px;
    -o-background-size : 500px 720px;
    -ms-background-size : 500px 720px;
    background-size: 500px 720px;
    left: -550px;
    top:0px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    font-family: MyFont;
}


.menu-icon{
    padding: 10px 20px;
    cursor: pointer;
    font-size: 50px;

}


.about-section {
    height: 680px;
   
}


#menuToggle{display: none;}

#menuToggle:checked ~ .menu {position:fixed; left: 0;}

#inputText{
    resize: none;
	color: #ffffff;
	
}

input[type="text"],#inputText{
    background-color: #636363;
	color: #ffffff;
}

#cancelBTN, #sendBTN{
    background-color: #636363;
    color: #ffffff;
    
}

















.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #fff;
    border-radius: 100%!important;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.1);
}

.btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {    
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {    
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

.btn {
    border-radius: 0;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-default {
    border: 1px solid #42dca3;
    color: #42dca3;
    background-color: transparent;
}

.btn-default:hover,
.btn-default:focus {
    border: 1px solid #42dca3;
    outline: 0;
    color: #000;
    background-color: #42dca3;
}

input::-webkit-input-placeholder { 
color: white !important; 
} 
  
input:-moz-placeholder { /* Firefox 18- */
color: white !important;   
} 
  
input::-moz-placeholder {  /* Firefox 19+ */
color: white !important;   
} 
  
input:-ms-input-placeholder {   
color: white !important;   
} 

textarea::-webkit-input-placeholder { 
color: white !important; 
} 
  
textarea:-moz-placeholder { /* Firefox 18- */
color: white !important;   
} 
  
textarea::-moz-placeholder {  /* Firefox 19+ */
color: white !important;   
} 
  
textarea:-ms-input-placeholder {   
color: white !important;   
} 

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}