body {
    color: #011627;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #011627;
}

.navbar {
    background: #B11609;
}

.navbar.centered {
    background: #B11609 !important;
}

.white-head {
    color: #ececec !important;
}

.yellow-color {
    color: #FFC240 !important;
}

.navbar-header {
    background: url(../../img/head-bg.png) no-repeat center top;
}

.navbar.centered .navbar-collapse {
    background: #011627;
}

.navbar .navbar-nav > li > a {
    color: #fff !important;
}

.navbar .navbar-nav > li > a:focus,
.navbar .nav > li > a:hover,
.navbar .nav > li.current > a {
    color: #FFC240 !important;
}

.btn,
.vanilla-form label.custom-select span {
    background: #B11609;
}

.navbar .navbar-brand {
    margin: 25px 0px !important;
}

.navbar.fixed .navbar-brand {
    margin: 9px 0 !important;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    background: #B11609 !important;
}

.sub-footer {
    background: #AA0000
}

.social a:hover .icon-s-facebook {
    background-color: #FFC240;
}

.social a:hover .icon-s-twitter {
    background-color: #FFC240;
}

.social .icon-s-facebook {
    border-color: #FFC240;
    color: #FFC240;
}

.social .icon-s-twitter {
    border-color: #FFC240;
    color: #FFC240;
}

.tp-caption strong {
    color: #FFC240;
}

.tp-caption .btn {
    color: #ececec !important;
}

.btn-border {
    background: none !important;
    border: 2px solid #FFC240;
}

.btn-border:hover,
.btn-border:focus,
.btn-border:active,
.btn-border.active {
    border: 2px solid #B11609;
    background: #B11609 !important;
    color: #ececec !important;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
    background: #B11609 !important;
}

.inverse-wrapper {
    background: #011627;
}

.inverse-wrapper h1,
.inverse-wrapper h2,
.inverse-wrapper h3,
.inverse-wrapper h4,
.inverse-wrapper h5,
.inverse-wrapper h6 {
    color: #FFC240
}

.contact-info i {
    color: #FFC240;
}

.btn,
.vanilla-form label.custom-select span {
    background: #FFC240;
}

.owl-item .item:hover .box {
    box-shadow: 0 2px 0 #FFC240
}

.tp-leftarrow.default,
.tp-rightarrow.default {
    color: #FFC240;
    background: rgba(0, 0, 0, 0.75);
}

.tp-fullwidth-container,
.tp-fullscreen-container,
.tp-banner-container {}

.main-title.text-center:after {
    color: #FFC240;
    font-family: none !important;
    content: "" !important;
    height: 2px;
    width: 10%;
    background-color: #FFC240;
    top: 100px;
    /* margin-left: 100%; */
    /* margin-right: 100%; */
    margin: 15px auto;
}

.feature-index {
    margin-bottom: 15px !important;
    background: #f3f3f3;
    padding: 10px 10px 2px 70px !important;
}

.feature-index h4 {
    line-height: 40px !important;
}

.feature-index .icon {
    left: 10px !important;
}

.post-grid .post {
    overflow: hidden;
    max-height: 220px;
}


/*.post-grid .post figure a:after {

    background: none; 

}*/

.post-grid .post .content {
    padding: 15px 15px 5px 15px;
    background: #011627;
    width: 100%;
}

.portfolio-grid.col3 .item {
  
    overflow: hidden;
}

.portfolio-grid.col3 .item figure {
    background: #011627;
    min-height: 215px;
    overflow: hidden; position: relative;
}

.portfolio-grid.col3 .item figure a .text-overlay {

    background: rgba(1, 22, 39, 0.8);
}

.portfolio-grid.col3 .item figure img {
     position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.portfolio-grid.col3 .item figure:hover img {

}

blockquote p:before {
    color: #b11609;
}

@media only screen and (min-width: 1200px) {
    .navbar-brand img {
        height: 90px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .navbar-brand img {
        height: 70px;
        margin-bottom: 0px;
    }
    .navbar-brand .logo-ar {
        display: none;
    }
}

@media only screen and (max-width: 992px) {
 
    .navbar-brand img {
        height: 70px;
        margin-bottom: 0px;
    }
    .navbar-brand .logo-ar {
        margin-left: 300px;
    }
}

@media only screen and (max-width: 1200px) {
    .navbar-brand img {
        height: 70px;
        margin-bottom: 15px;
    }
}

@media (min-width: 992px) { 
   .navbar.centered .navbar-nav > li > a {
        padding: 15px 25px !important;
    }
       }