/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #fff;
  font-family: Open Sans, Arial, sans-serif;
}

body {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  color: #333;
  /* text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5); */
}

.cover-container {
  /* max-width: 42em; */ 
}


/*
 * Header
 */
.masthead {
  /* margin-bottom: 2rem; */
  background-color: #fff;
  padding: 10px;
  text-transform: uppercase;  
}

/* 0d3755 */

.masthead-brand {
  margin-bottom: 0;
}

.nav-masthead .nav-link {
  font-size: 16px;
  padding: .25rem 0;
  font-weight: bold;
  color: rgba(0,0,0,0.6);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
  font-family: 'Arial', Helvetica, Arial, Lucida, sans-serif;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: #0d3755;
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  font-weight: bold;
  color: #0d3755;
  border-bottom-color: #0d3755;
}

@media (min-width: 48em) {
  .masthead-brand {
    float: left;
  }
  .nav-masthead {
    float: right;
  }
}


/*
 * Cover
 */
.cover {
    
}

.cover-heading{
  font-size: 48px !important;
  font-weight: bold;
}

.cover-heading span{
  font-size: 28px !important;
}

.lead .btn{
    border: 2px solid white;
    background-color: transparent;
    border-radius: 3px;
    color: #fff;    
}

.slider-controls{
  visibility: hidden;
  /* transition: visibility 0.5s ease-in; */
}
.section-1:hover{
  .slider-controls{
    visibility: visible;
  }
}

@media (max-width: 991.98px) {
   .slider-controls{
    visibility: visible;
  } 
}

.description-slide{
  transition: after 2s;
}

.section-1{
    color: #fff;
    background-image: url('images/slide-1.jpg'); background-size: cover; /*linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)),  */
    padding: 200px 90px 200px 90px;
    margin-top: 86px;
    text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
    transition-property: background-image;
    transition-duration: 1s;
    transition-timing-function: linear;
    /* transition-delay: 1s; */
}

.section-1 h1{
    font-size: 55px;
}

.section-2, .section-4{
    padding: 70px 120px 50px 120px;   
    /*background-color: #f7f7f7!important;*/
}

.section-2 p{
  font-size: 16px;            
  line-height: 2em;
  font-weight: 400;   
  color: #666;
  text-align: justify;
}

.section-2 h1{
  color: #000000;
  font-family: 'Arial', Helvetica, Arial, Lucida, sans-serif;
  font-weight: 600;
  line-height: 1.5em;
  font-size: 26px;
  text-align: left;
}

.section-3{
    background-color: #fff;  
    padding: 45px 120px 70px 120px;
    text-align: left;  
    line-height: 2em;
    font-weight: 400; 
    color: #666;
}

.section-3 h4{    
    border-bottom: 8px solid #0d3755;
    font-family: 'Arial', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 600;
    line-height: 1.5em;
    padding-bottom: 15px;
    color: #000000;
}

.section-4 h2{
    font-weight: 700;
    color: #333333;
}

.section-5{
    background-color: #fff;  
    padding: 70px 120px 70px 120px;
}

.section-6{
    padding: 70px 0 30px 0;
    margin: 50px 120px 50px 120px;
    background-color: #db3c47;
    color: #fff;
    font-weight: 500;
    line-height: 1.3em;
    font-size: 20px;
}

.section-8 {
    height: 500px;
}

.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}

@media (max-width: 991.98px) {
    .section-8, .section-1{
        margin-top: 70px !important;
    }
    .nav-masthead .nav-link{
        font-weight: bold;
        color: #0d3755;
        border-bottom: none;
    }
}

/*
 * Footer
 */
.mastfoot {
  color: #fff;
  background-color: #1f1f1f;  
}