/*------------------------------------------------------------------
Project:    Mosaic
Author:     Simpleqode
URL:        http://simpleqode.com/
            https://twitter.com/YevSim
            https://www.facebook.com/simpleqode
Version:    1.3.3
Created:        20/01/2014
Last change:    20/06/2016
-------------------------------------------------------------------*/

/* ===== Helper Classes ===== */

.primary-font {
  font-family: 'Roboto', sans-serif;
}
.first-child {
  margin-top: 0 !important;
}
@media (max-width: 767px) {
  .first-child-m {
    margin-top: 20px !important;
  }
}
.delay-1 {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
.delay-2 {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}
.delay-3 {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
}
.tab-1 {
  margin-right: 15px;
}
.tab-2 {
  margin-right: 30px;
}
.tab-3 {
  margin-right: 45px;
}
.tab-3 {
  margin-right: 60px;
}
hr.arrow-down {
  margin-top: 40px;
  margin-bottom: 40px;
  position: relative;
}
hr.arrow-down:after {
  content:url(../img/arrow.png);
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: -5px;
}


/* ===== Buttons ===== */

.btn {
  border-radius: 3px;
  text-transform: capitalize;
}

/* ===== Headlines ===== */

.headline {
  padding-bottom: 1px;
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
  line-height: 50px;
}
.headline span {
  padding-bottom: 4px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
h3.headline span {
  padding-bottom: 8px;
}

/* ===== Breadcrumbs ===== */

.topic {
margin-bottom: 40px;
border-bottom: 1px solid #eee;
padding: 20px 0px;
background: #f7f4f1f2;
}
.topic h3 {
display: inline-block;
padding: 20px 0 20px;
margin: 0 0 -1px 0;
font-size: 35px;
color: #867649;
}
.topic .breadcrumb {
  margin-bottom: 0;
  padding: 21px 0;
  background: transparent;
}


/* ===== Pagination ===== */

.body-green .pagination > .active > a,
.body-green .pagination > .active > span,
.body-green .pagination > .active > a:hover,
.body-green .pagination > .active > span:hover,
.body-green .pagination > .active > a:focus,
.body-green .pagination > .active > span:focus {
  background-color: #877749;
  border-color: #877749;
}
.body-blue .pagination > .active > a,
.body-blue .pagination > .active > span,
.body-blue .pagination > .active > a:hover,
.body-blue .pagination > .active > span:hover,
.body-blue .pagination > .active > a:focus,
.body-blue .pagination > .active > span:focus {
  background-color: #2790B0;
  border-color: #2790B0;
}
.body-red .pagination > .active > a,
.body-red .pagination > .active > span,
.body-red .pagination > .active > a:hover,
.body-red .pagination > .active > span:hover,
.body-red .pagination > .active > a:focus,
.body-red .pagination > .active > span:focus {
  background-color: #E35E54;
  border-color: #E35E54;
}
.body-orange .pagination > .active > a,
.body-orange .pagination > .active > span,
.body-orange .pagination > .active > a:hover,
.body-orange .pagination > .active > span:hover,
.body-orange .pagination > .active > a:focus,
.body-orange .pagination > .active > span:focus {
  background-color: #D26C22;
  border-color: #D26C22;
}
.pagination > li > a,
.pagination > li > span {
  color: #999;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #666;
}

/* ===== Panels ===== */

/* 1. Panel Green */

.panel-brown {
  border-color: #877749;
}
    .panel-brown > .panel-heading {
        color: #fff;
        background-color: #877749;
        border-color: #877749;
    }
        .panel-brown > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #877749;
        }
    .panel-brown > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #877749;
    }
    .panel-brown > .panel-footer {
        background-color: #877749;
        border-top: 1px solid #877749;
    }

/* 2. Panel Blue */

.panel-blue {
  border-color: #2790B0;
}
.panel-blue > .panel-heading {
  color: #fff;
  background-color: #2790B0;
  border-color: #2790B0;
}
.panel-blue > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #2790B0;
}
.panel-blue > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #2790B0;
}
.panel-blue > .panel-footer {
  background-color: #2790B0;
  border-top: 1px solid #2790B0;
}

/* 3. Panel Red */

.panel-red {
  border-color: #E35E54;
}
.panel-red > .panel-heading {
  color: #fff;
  background-color: #E35E54;
  border-color: #E35E54;
}
.panel-red > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #E35E54;
}
.panel-red > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #E35E54;
}
.panel-red > .panel-footer {
  background-color: #E35E54;
  border-top: 1px solid #E35E54;
}

/* 4. Panel Orange */

.panel-orange {
  border-color: #D26C22;
}
.panel-orange > .panel-heading {
  color: #fff;
  background-color: #D26C22;
  border-color: #D26C22;
}
.panel-orange > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #D26C22;
}
.panel-orange > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #D26C22;
}
.panel-orange > .panel-footer {
  background-color: #D26C22;
  border-top: 1px solid #D26C22;
}

/* ===== Info Boards ==== */

.info-board {
  margin: 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}

    .info-board h4 {
        margin-top: 0;
        font-family: 'Roboto', sans-serif;
    }

        .info-boardar h4{
            margin-top: 0;
            font-family: 'Cairo','Oswald', sans-serif;
            
        }

.info-board p:last-child {
  margin-bottom: 0;
}

/* 1. Info board green */

.info-board-green {
  background-color: #F5F9F1;
  border-color: #877749;
}

/* 2. Info board blue */

.info-board-blue {
background-color: #fbf9f5;
border-color: #877749;
}

/* 3. Info board orange */

.info-board-orange {
  background-color: #FCF4ED;
  border-color: #D26C22;
}

/* 4. Info board red */

.info-board-red {
  background-color: #FCEEED;
  border-color: #E35E54;
}

/* ===== Navs ===== */

/* 1. Nav tabs */

.nav-tabs {
  margin-bottom: 15px;
}
.nav-tabs > li > a {
  border-bottom: 1px solid #dedede;
  border-radius: 0;
  background: #fff;
  color: #999;
  -webkit-transition: color 200ms;
      transition: color 200ms;
}
.nav-tabs > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #fff;
  border-color: #fff #fff #dedede;
  color: #515151;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #515151;
  cursor: default;
  background-color: #fff;
  border: 1px solid transparent;
}
.body-green .nav-tabs > li.active > a,
.body-green .nav-tabs > li.active > a:hover,
.body-green .nav-tabs > li.active > a:focus {
  border-bottom-color: #877749;
}
.body-blue .nav-tabs > li.active > a,
.body-blue .nav-tabs > li.active > a:hover,
.body-blue .nav-tabs > li.active > a:focus {
  border-bottom-color: #2790B0;
}
.body-orange .nav-tabs > li.active > a,
.body-orange .nav-tabs > li.active > a:hover,
.body-orange .nav-tabs > li.active > a:focus {
  border-bottom-color: #D26C22;
}
.body-red .nav-tabs > li.active > a,
.body-red .nav-tabs > li.active > a:hover,
.body-red .nav-tabs > li.active > a:focus {
  border-bottom-color: #E35E54;
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid transparent;
  border
}

/* 2. Nav pills */

.nav-pills {
  margin-bottom: 0px;
}
.nav-pills > li > a {
  color: #515151;
  -webkit-transition: background-color 200ms;
      transition: background-color 200ms;
}
.nav-pills > li > a {
background-color: #fff;
border-radius: 1px;
font-size: 15px;
padding: 10px 15px;
color: #333;
border: 1px solid #c0aa7e;
}
.nav-pills > li > a:hover {
background-color: #dfdedc !important;
color: #333 !important;
}

.body-green .nav-pills > li.active > a {
background-color: #dfdedc !important;
color: #333 !important;
}
.body-blue .nav-pills > li.active > a, 
.body-blue .nav-pills > li.active > a:hover,
.body-blue .nav-pills > li.active > a:focus {
background-color: #877749;
border-bottom: 2px solid #877749;
box-shadow: none;
}
.body-orange .nav-pills > li.active > a, 
.body-orange .nav-pills > li.active > a:hover,
.body-orange .nav-pills > li.active > a:focus {
  background-color: #D26C22;
}
.body-red .nav-pills > li.active > a, 
.body-red .nav-pills > li.active > a:hover,
.body-red .nav-pills > li.active > a:focus {
  background-color: #E35E54;
}
.nav.nav-pills > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #f0f0f0;
}

.nav-pills-blue > li.active > a,
.nav-pills-blue > li.active > a:hover,
.nav-pills-blue > li.active > a:focus {
  background-color: #2790B0 !important; 
}
.nav-pills-red > li.active > a,
.nav-pills-red > li.active > a:hover,
.nav-pills-red > li.active > a:focus {
  background-color: #E35E54 !important;
}
.nav-pills-orange > li.active > a,
.nav-pills-orange > li.active > a:hover,
.nav-pills-orange > li.active > a:focus {
  background-color: #D26C22 !important;
}


/* ===== Sticky Navbar ===== */

.sticky-wrapper > .navbar {
  z-index: 999 !important;
}