body {
  overflow-x: hidden;
  font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.text-muted {
  color: #757575;
  font-size: 16px;
}
.text-primary {
  color: #009688;
}
p {
  font-size: 14px;
  line-height: 1.75;
}
p.large {
  font-size: 16px;
}
a,
a:hover,
a:focus,
a:active,
a.active {
  outline: none;
}
a {
  color: #212121;
}
a:hover,
a:focus,
a:active,
a.active {
  color: #00BCD4;
}
h1,h2,h3,h4,h5,h6 {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}
.img-centered {
  margin: 0 auto;
}
.bg-light-gray {
  background-color: #eeeeee;
}
.bg-darkest-gray {
  background-color: #222222;
}
.btn-xl {
  color: white;
  background-color: #00796B;
  border-color: #009688;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 3px;
  font-size: 18px;
  padding: 20px 40px;
}
.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
  color: white;
  background-color: #009688;
  border-color: #009688;
}
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
  background-image: none;
}
.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
  background-color: #00796B;
  border-color: #00796B;
}
.btn-xl .badge {
  color: #00796B;
  background-color: white;
}
header::before, header::after {
    content: '';
    display: table;
}
header::after {
 clear: both;
}
section {
  padding: 20px 0;
}
section::before, section::after {
    content: '';
    display: table;
}
section::after {
 clear: both;
}
section h2.section-heading {
  font-size: 40px;
  margin-bottom: 15px;
}
section h3.section-subheading {
  font-size: 16px;
  font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: none;
  font-style: italic;
  font-weight: 400;
  margin-bottom: 75px;
  color: #ffffff;
}
@media (min-width: 992px) {
  section {
    padding: 65px 0;
  }
}
@media (min-width: 768px) {
  section {
    padding: 75px 0;
  }
  section h2.section-heading {
    font-size: 40px;
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .clearfix::before, .clearfix::after {
    content: '';
    display: table;
  }
  .clearfix::after {
    clear: both;
  }
}
/* ======================= navbar ======================= */ 

.logo-nav{
    width: 140px;
    margin: 5px;
}
@media (min-width: 768px) {
    .logo-nav{
        width: 150px;
    }
}
.navbar-custom {
  background-color: #ffffff;
  border-color: transparent;
  border-bottom: solid 1px #bdbdbd; 
}
.navbar-custom .navbar-brand {
  color: #00796B;
  font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active {
  color: #009688;
  background-color: #212121;
}
.navbar-custom .navbar-collapse {
  border-color: rgba(255, 255, 255, 0.02);
}
.navbar-custom .navbar-toggle {
  background-color: #009688;
  border-color: #009688;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: white;
  font-size: 12px;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #00796B;
}
.navbar-custom .nav li a {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  color: #00796B;
}
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus {
  color: #009688;
  outline: none;
}
.navbar-custom .navbar-nav > .active > a {
  border-radius: 0;
  color: #bdbdbd;
  background-color: #00BCD4;
}
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: white;
  background-color: #00796B;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #009688;
    background-color: #e7e7e7;
}
@media (min-width: 768px) {
  .navbar-custom {
    background-color: transparent;
    padding: 25px 0;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;
    border: none;
  }
  .navbar-custom .navbar-brand {
    font-size: 2em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .navbar-custom .navbar-nav > .active > a {
    border-radius: 3px;
  }
  .navbar-custom.affix-top {
    background-color: #ffffff;
    padding: 10px 0;
    color: #ffffff;
    border-bottom: solid #BDBDBD;
  }
  .navbar-custom.affix {
    background-color: #ffffff;
    padding: 10px 0;
    border-bottom: solid #BDBDBD;
  } 
  .navbar-custom.affix .navbar-brand {
    font-size: 1.5em;
  }
}
@media (max-width: 767px){
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #00796B;
    }
}
/* ======================= footer ======================= */ 

.logo-footer{
    width: 220px;
    padding: 10% 0px;
    margin: 0% 0% 0% 15%; 
}
@media (min-width: 768px){
    .logo-footer{
        width: 200px;
        margin: 0% 0% 0% 8%;
        padding: 2% 0px; 
    }
}
@media (min-width: 992px){
    .logo-footer{
        width: 200px;
        padding: 10% 0px; 
    }
}
footer {
  padding: 25px 0;
  text-align: center;
  background-color: #f5f5f5;
  color: #212121;
  border-top: solid #BDBDBD;
}
footer span.copyright {
  line-height: 40px;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-transform: none;
}
footer ul.quicklinks {
  margin-bottom: 0;
  line-height: 40px;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-transform: none;
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus { 
  outline: none;
}
::placeholder{
    color: #212121;
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
body {
  webkit-tap-highlight-color: #009688;
}