/** NAV BAR**/


.navbar { padding-top:15px; padding-right: 10px; }
.navbar-default{background-color: transparent;}
.navbar-default{ background-color: white; border:none; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: black;
    background-color: transparent;


}



.navbar-default .navbar-toggle {
    border-color: transparent;

}
.navbar-default .navbar-toggle:hover {
   background-color: transparent;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 18px;
}

.navbar-default .navbar-nav>li>a {
    color: #C5C5C5;
}
.navbar-default .navbar-brand {
    color: #F64747;
    
}

.navbar-brand>img {
    display: block;
    margin-top: -13px;
}


/** CAROUSEL **/
.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      height: 100%;
     position: relative;
     top:0;
     left: 0;
    
  }

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: none;
  
}

.carousel-control.left {
    left: 0;
    right: auto;
    background-image: none;
  
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20%;
    left: 15%;
    top: 10;
    z-index: 10;
	
    padding-top: 20px;
   
    color: #fff;
    text-align: left;
    text-shadow: none;
}


.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 1.5px solid white;
    border-radius: 10px;
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #F64747; 
}



#myCarousel .active .animation.animated-item-1 {
    -webkit-animation: fadeInUp 300ms linear 300ms both;
    -moz-animation: fadeInUp 300ms linear 300ms both;
    -o-animation: fadeInUp 300ms linear 300ms both;
    -ms-animation: fadeInUp 300ms linear 300ms both;
    animation: fadeInUp 300ms linear 300ms both;
}

#myCarousel .active .animation.animated-item-2 {
    -webkit-animation: fadeInUp 300ms linear 600ms both;
    -moz-animation: fadeInUp 300ms linear 600ms both;
    -o-animation: fadeInUp 300ms linear 600ms both;
    -ms-animation: fadeInUp 300ms linear 600ms both;
    animation: fadeInUp 300ms linear 600ms both;
}


/** BASIC ELEMETS**/

.up{margin-top: -10px;}
h1{ font-weight:600;   font-size:52px;}
h2{ font-family: 'PT Sans Narrow', sans-serif; font-weight: 400; font-size:48px; margin-bottom:15px; color:	#26282D;}
h5{  font-family: 'Lato', sans-serif; font-size:20px; font-weight:300;}

p{ font-family: 'Lato', sans-serif; font-weight:400; font-size:18px; color:#BBB;}
section {  text-align:center; padding-top: 5%; padding-bottom: 85px; padding-left: 5px; padding-right: 5px;}
.block{
	margin-top:8px;
	
    content: "";
    position: absolute;
    display: block;
    width: 80px;
    height: 2px;
    background: #F64747;
    left: 50%;
    margin-left:-40px;

}
.outlets {background-color:#F4F4F4; }
.space{margin-bottom:
    20px; margin-top: 20px;}
	
a {color:#BBB;  }
.btn-default{background-color:transparent; border-color:transparent;}	
.btn-default:hover{background-color:transparent; border-color:transparent;}
a:hover { text-decoration:none; color: #333;

}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: transparent;
    border-color: transparent;

}

::-moz-selection { background: #F64747; color:white; }
::selection { background: #F64747;  color:white;}

.announcements{background-color: #F64747; color:white;}
.block1{
	margin-top:8px;
	
    content: "";
    position: absolute;
    display: block;
    width: 80px;
    height: 2px;
    background: white;
    left: 50%;
    margin-left:-40px;
   
}

.block3{
    margin-top:8px;
    
    content: "";
    position: absolute;
    display: block;
    width: 80px;
    height: 2px;
    background: black;
    left: 50%;
    margin-left:-40px;
   
}

.size-14{ font-size: 14px; }
.white{color:white;}
.red{color: #F64747;}
footer{ text-align:center; padding-top:100px; padding-bottom:100px; background-color:#333; }
footer p{font-size:14px;}

a.social{ opacity:0.5;}
a.social:hover { opacity:1; transition-duration:0.8s;}
.fullwidth{width: 100%;}


/** ANIMATION **/

    .a                         { animation-delay:0.2s; -moz-animation-delay:0.2s; -webkit-animation-delay:0.2s; }
    .b                         { animation-delay:0.4s; -moz-animation-delay:0.4s; -webkit-animation-delay:0.4s; }
    .c                        { animation-delay:0.6s; -moz-animation-delay:0.8s; -webkit-animation-delay:0.8s; }
    .d                         { animation-delay:0.8s; -moz-animation-delay:1s; -webkit-animation-delay:1s; }
    .e                         { animation-delay:1.0s; -moz-animation-delay:1.0s; -webkit-animation-delay:1.0s; }
    .f                         { animation-delay:1.2s; -moz-animation-delay:1.2s; -webkit-animation-delay:1.2s; }
	


/**ABOUT US**/

.wide{width: 100%; top: 0; left:0; margin:0;}
.intro1{  background: url('../images/1.jpg') no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    height: 100px;
    margin:0;
    padding:20px;
    margin-top:-10px;
}

section#intro{margin-top:-20px;}
.vision-mission{ background-color:#F4F4F4; padding-top: 5%; }

.vision{height:100%; padding-top:25px; padding-bottom: 25px; padding-left: 15px; padding-right: 15px; border: 4px solid white;; text-align: justify; content-align: center;}
.vision p{ font-size: 16px; color: #6e6e6e;}
.vision h3{ position:absolute; top:-32px; right: 42%; color:#F64747; background-color: #F4F4F4;  padding-left: 8px; padding-right:8px; }
.mission{   height:100%; padding-top:25px; padding-bottom: 25px; padding-left: 15px; padding-right: 15px; border: 4px solid white; text-align: justify; content-align: center; }
 .mission p { font-size: 14px; color: #6e6e6e;}
.mission h3{ position:absolute; top:-32px; right: 40%; color:#F64747; background-color: #F4F4F4;  padding-left: 8px; padding-right:8px; }


.history {background-color: #F64747;}




/**CONTACT US**/




legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
.btn-primary {
    color: #fff;
    background-color: #F64747;
    border-color: #F64747;
}

.btn-primary:hover {
    color: #F64747;
    background-color: white;
    border-color: #eee;
     transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -webkit-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
    
}
.glyphicon-envelope:before {
    content: "\2709";
    color: #F64747;
}

.input-group-addon {
   
    background-color: #eee;
     border: none;
   
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: transparent;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;

}

.form-control:focus {
  border-color:  #ccc;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px #ccc, 0 0 8px #ccc;
          box-shadow: inset 0 1px 1px #ccc, 0 0 8px #ccc;
}

/**MEDIA QUERIES**/

@media only screen and (max-width: 768px) {
    
    h1{ font-size:90%; }
    h2{ font-size:30px; }
    p{ font-size: 14px; }
.vision-mission{ background-color:#F4F4F4; padding-top: 10%; }





}