/* Stellar Colors */

.filters .input-group-addon,
.search .input-group-addon {
  background-color: #0f3880;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #0f3880;
  border-color: #0f3880;
}

.panel-primary {
  border-color: #0f3880;
}

.btn-primary {
  background-color: #0f3880;
  border-color: #0f3880;
}

.text-primary,
a.list-group-item-info,
button.list-group-item-info,
.btn-link,
.panel-info > .panel-heading {
  color: #0f3880;
}
.main-home {
  background-color: white;
}
#content {
  background-color: #f5f8fa;
}

.badge {
  display: none;
}

/* end Stellar Colors */

/* Skin Styles */

/* header styles */

header {
  font-family: "sans-serif", "Helvetica Neue", Helvetica, Arial;
  position:relative;
  z-index:3;
}

header * {
  margin: 0;
}

header a:hover,
header a:focus {
  text-decoration: none;
}

header ul{
  list-style: none;
}

header .header-container {
  display: block;
}

header .mobile-container,
header .expansion-button-wrapper{
  display:none;
}

header .top-row{
  background:#dfdfdf;
  box-shadow: 0 1px 6px 3px #ccc;
  padding:15px 0 18px;
  position:fixed;
  top:0;
  width:100%;
  z-index:1;
}

header .social-column{
  display:flex;
  justify-content: center;
  align-items: center;
}

header .fun-column p{
  color:rgb(33,30,76);
  font-size:15px;
  font-weight:700;
}

header .social-column img{
  width:30px;
}

header .phone-column a,
header .email-column a{
  font-size:15px;
  color:#0074a2;
}

header .facebook-column a{
  width:30px;
  height:30px;
  display:flex;
  justify-content: center;
  align-items: center;
  background:#335599;
  color:white;
  font-size:24px;
}

header .facebook-column a i{
  transform:translateX(2px);
}

header .fun-column{
  margin-left: 22px;
}

header .email-column{
  margin-left:15px;
  margin-right:32px;
}

header .email-column a{
  display:flex;
  align-items: center;
  column-gap:4px;
}

header .phone-column{
  margin-left:10px;
}

header .middle-row{
  background-image:
    linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255,255,255,0)),
    url('../img/header-bg-img.jpeg');
  background-position: center top;
  background-size: cover;
}

header .logo-column a{
  display:block;
  text-align: center;
}

header .logo-column img{
  width:245px;
  transform:translateY(-3px);
}

header .lower-row{
  background:rgb(79,179,208);
}
header .nav-list{
  display:flex;
  justify-content: center;
  flex-wrap: wrap;
}
header .nav-list a{
  font-family: 'Montserrat', sans-serif;
  padding:0 30px;
  height:45px;
  display:flex;
  justify-content: center;
  align-items: center;
  color:white;
  font-weight:700;
  letter-spacing: 2px;
  transition:0.3s linear;
}
header .nav-list a:hover{
  background:#88cbde;
}

/* mobile header styles */
@media only screen and (max-width:768px){
  header .fun-column,
  header .lower-row,
  header .expansion-button-wrapper .fa-close,
  html.skin-nav-menu-opened header .expansion-button-wrapper .fa-bars{
    display:none;
  }
  html.skin-nav-menu-opened header .expansion-button-wrapper .fa-close{
    display:block;
  }
  html.skin-nav-menu-opened{
    overflow:hidden;
  }

  header .expansion-button-wrapper .fa-close{
    margin-top:7px;
  }

  header .expansion-button-wrapper{
    display:block;
    position:fixed;
    top:14px;
    left:25px;
    z-index:3;
  }
  header .expansion-button{
    font-size:20px;
    background:none;
    color:black;
  }
  header .phone-column{
    margin-left:0;
  }
  header .inner-top-row{
    display:flex;
    justify-content: end;
    margin-right:30px;
  }
  header .social-column{
    padding-left:58px;
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
  }
  header .middle-row{
    background-size:auto;
  }
  header .mobile-container{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    display:block;
    transform:translateY(-100%);
    transition:0.3s linear;
    z-index:2;
  }
  html.skin-nav-menu-opened header .mobile-container{
    transform:translateY(0);
  }
  header .inner-mobile-container{
    background:rgb(79,179,208);
  }
  header .mobile-nav-list{
    height:100vh;
    overflow:auto;
    padding-top:100px;
  }
  header .mobile-nav-list a{
    text-align: center;
    width:100%;
    display:block;
    padding:10px 25px;
    font-family: 'Montserrat', sans-serif;
    padding:0 30px;
    height:45px;
    display:flex;
    justify-content: center;
    align-items: center;
    color:white;
    font-weight:700;
    letter-spacing: 2px;
    text-transform: uppercase;
  }
}

/* footer styles */

footer {
  font-family: 'Montserrat', sans-serif;
}

footer ul{
  list-style: none;
}

footer .footer-container {
  display: block;
  background:white;
}

footer a:hover,
footer a:focus {
  text-decoration: none;
}

footer * {
  margin: 0;
}

footer .inner-footer-container{
  width:70%;
  margin:0 auto;
}

footer .inner-inner-footer-container{
  max-width:970px;
  margin:0 auto;
  display:flex;
  justify-content: space-between;
  padding-top:27px;
  padding-bottom:27px;
  align-items: center;
}

footer .copyright-stellar-column p,
footer .copyright-stellar-column p a{
  color:rgb(53,53,52);
}

footer .social-list{
  display:flex;
  column-gap:10px;
  margin-right:10px;
}

footer .social-list a{
  background:#bebebe;
  color:#878787;
  width:22px;
  height:22px;
  display:flex;
  font-size:11px;
  align-items: center;
  justify-content: center;
  transition:0.3s linear;
}

footer .social-list a:hover{
  background:#201e4c;
  color:#79797d;
}

@media only screen and (max-width:1877px){
  footer .inner-inner-footer-container{
    width:970px;
    margin:0;
    margin-left:100px;
  }
}

@media only screen and (max-width:1400px){
  footer .inner-footer-container{
    width:100%;
    justify-content: end;
    display:flex;
  }
  footer .inner-inner-footer-container{
    margin-right:100px;
  }
}

@media only screen and (max-width:1199px){
  footer .inner-inner-footer-container{
    width:100%;
    max-width:780px;
  } 
  footer .inner-footer-container{
    display:flex;
    justify-content: center;
  }
  footer .inner-inner-footer-container{
    margin-right:0;
    margin-left:100px;
  }
}

@media only screen and (max-width:979px){
  footer .inner-inner-footer-container{
    flex-direction: column;
    align-items: start;
    max-width:600px;
    margin-left:0;
    text-align: center;
    row-gap:30px;
  }
  footer .social-column{
    width:100%;
    justify-content: end;
    display:flex;
  }
}

@media only screen and (max-width:599px){
  footer .inner-inner-footer-container{
    max-width:400px;
    width:70%;
  }
  footer .social-column{
    justify-content: left;
  }
}