body {
    padding: 26px 15px !important;
    background-color: #e9eaec !important;
    background-image:url('../images/bg-back.jpg');
    background-repeat:repeat;
    color: #444444;
}
body, ul li, ul, div, p, span, input, select, textarea, img, figure, header {
    
    font-weight: 400;
    font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    line-height: 1.4;
}
h1 {
    font-size: 18px;
}
h2 {
    font-size: 16px;
}
h3 {
    font-size: 14px;
}
h4, h5, h6 {
    font-size: 12px;
}
@media (min-width: 992px) {
    body {
        padding-top: 28px !important;
    }
}
.bg-main {
    background-color: #fff !important;
}
.bg-mainmenu {
    background-color: #082863 !important;
    border-bottom: 5px solid #ef383a;
    z-index: 1000;
}
.bg-topmenu {
    background-color: #fbfbfb !important;
    border-top: 3px solid #f1393b;
    z-index: 1000;
}
.carousel-indicators {
    justify-content: flex-end !important;
    left: 20px !important;
}
    .carousel-indicators li{
        height:4px;
    }
    .carousel-indicators .active {
        background-color: #f1393b;
    }
@media (max-width: 576px) {
    .carousel-indicators {
        display:none;
    }
}
.blog h2 {
    height: 45px;
    overflow: hidden;
}
.tiny-post h2 {
    height: 58px;
    font-size: 14px;
}
.blog:hover h2 a {
    color: #820c0a;
    text-decoration:none;
} 
.blog h2 a {
    color: #444;
}
.blog article {
    height: 90px;
    overflow: hidden;
    color: #888;
    line-height: 1.6;
    text-align:justify;
}
.blog-container {
    border: 1px solid #e1e1e1;
    border-bottom-width: 3px;
}
.blog ul.list-inline {
    color: #888;
    font-size:12px;
}

.gray-back {
    background-color: #f2f2f2;
}
.box-more {
    background-color: #e4e4e4;
    border-bottom: 5px solid #f0383a;
    clear:both;
}
    .box-more a {
        color: #444444;
        display:block;
        text-align:center;
        font-size:12pt;
        font-weight:bold;
    }
.tiny-post-container {
    border: 1px solid #e1e1e1;
    border-top-color: #fff;
    border-top-width: 2px;
}
.post-bb {
    border-bottom: 1px solid #dbdbdb;
    border-top: 1px solid #fff;
}
.post-hover:hover {
    background-color: #e1e1e1;
}
.thumbnail-text {
    bottom: 0;
    background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(0, 0, 0, 0.95) 0px, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
    color:#fff;
}
    .thumbnail-text h2 {
        height: 45px;
        overflow: hidden;
    }
    .thumbnail-text h4 {
        height: 20px;
        overflow: hidden;
        font-size:14px;
    }
    .thumbnail-text a {
        color: #fff;
    }
    .thumbnail-text small {
        color: #f03838;
        font-weight:bold;
    }

.box-border {
    border: 1px solid #e1e1e1;
    border-bottom: 5px solid #ef383a;
}
.footer1-back {
    background-color: #123168;
    border-top: 8px solid #f0383a;
    border-bottom: 1px solid #021535;
}
.footer2-back {
    background-color: #082863;
    border-top: 1px solid #2c4d83;
}
footer .site-title {
    color: #646f8f;
    font-size:20px;
}
footer, footer ul.post-meta li, footer .blog h2 a {
    color: #646f8f !important;
}

    footer .blog:hover h2 a {
        color: #fff !important;
    }

    footer .list-inline-item:hover a {
        color: #f0383a !important;
    }
.stripe-line {
    background: url('../images/stripe.png');
    height: 12px;
    overflow: hidden;
    margin-top: 5px;
}
.img-responsive {
    width: 100%;
    /*height: auto;*/
}
.postcarousel-indicators {
    justify-content: center !important;
    right: 0 !important;
    left: 0 !important;
    margin: 0;
    padding: 0;
}
ul.nav-tabs {
    background-color: #d6d6d6;
    border-bottom: 2px solid #ffffff;
    padding: .7rem .7rem 0 .7rem;
}
    ul.nav-tabs .nav-link.active {
        color: #810b0b;
        border: 2px solid #ffffff;
    }
    ul.nav-tabs .nav-link:hover {
        color: #810b0b;
        border: 2px solid #ffffff;
        background-color: #fff;
    }
    ul.nav-tabs .nav-link {
        color: #787b80;
        padding: .3rem 1rem;
    }
.timeline-box li span.date:before {
    content: '';
    width: 8px;
    height: 8px;
    border: 2px solid #ccc;
    display: block;
    position: absolute;
    right: -3px;
    top: 4px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.timeline-box li h3 {
    border: 2px solid #ccc;
    border-width: 0 2px 0 0;
    padding: 10px 12px 10px 0px;
    margin: 0;
    color: #454545;
}
.timeline-box li span.date {
    position: relative;
    padding-right: 12px;
    margin: 0;
    display: block;
    height: 15px;
    font-size:12px;
    padding-left: 0;
    color: #898989;
    clear:both;
}
.timeline-box li {
    padding-left: 0;
    padding-right: 5px;
    line-height:20px;
    overflow:hidden;
}
.timeline-box ul {
    list-style:none;
    padding:15px 0px;
    margin:0;
}
.timeline-box li a:hover h3, .timeline-box li a:hover span.date {
    color: #810d0e;
}
a:hover{
    text-decoration:none !important;
}
.jp-progress, .jp-volume-controls {
    direction: ltr;
}
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon/icomoon.eot?fd706h');
    src: url('../fonts/icomoon/icomoon.eot?fd706h#iefix') format('embedded-opentype'), url('../fonts/icomoon/icomoon.ttf?fd706h') format('truetype'), url('../fonts/icomoon/icomoon.woff?fd706h') format('woff'), url('../fonts/icomoon/icomoon.svg?fd706h#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-images:before {
    content: "\e90e";
}

.icon-music:before {
    content: "\e911";
}

.icon-film:before {
    content: "\e913";
}

.icon-price-tags:before {
    content: "\e936";
}

.icon-clock:before {
    content: "\e94e";
}

.icon-bubbles2:before {
    content: "\e96d";
}

.icon-search:before {
    content: "\e986";
}

.icon-eye:before {
    content: "\e9ce";
}

.icon-loop2:before {
    content: "\ea2e";
}

.icon-rss:before {
    content: "\ea9b";
}
a {
    color: #444444;
}
    a:hover,a:active {
        color: #800c0c;
        text-decoration:none;
    }
.postcarousel-indicators li {
    background-color: #b4b4b4;
    width:10px;
    height:10px;
    border-radius:50%;

}
.postcarousel-indicators li.active {
    background-color: #666666;
}
.carousel-indicators li{
    cursor:pointer;
}
ul.post-meta li {
    color: #898989;
    font-size:12px !important;
    margin-left:5px;
}
.post-meta i {
    padding-right:5px;
}
.carousel-item h2{
    height:45px;
    overflow:hidden;
}
.breadcrumb {
    background-color: #fff !important;
    border-bottom: 1px solid #e1e1e1;
    border-radius:unset;
    margin-bottom:10px;
}
.breadcrumb a {
    font-size:12px;
}
.blog-container p {
    line-height: 30px;
    margin: 25px 0;
    text-align: justify;
    color: #6b7074;
}
.blog-container div[id^='ftn'] p {
    margin: 5px 0;
}
.blog-tags a {
    border: 1px solid #e1e1e1;
    background-color: #f2f2f2;
    padding: 3px 10px;
    font-size: 12px;
    white-space: pre;
    display: inline-block;
    margin-top:5px;
}
.form-control:focus{
    box-shadow:unset;
}
.capcha-img{
    height:38px;
}
.btn{
    cursor:pointer;
}
.page-item.active .page-link {
    background-color: #123168;
    border-color: #123168;
}
.blog-related h3{
    height:60px;
    overflow:hidden;
}
.blog-container sup, .blog-container a[name^="_ftnref"] {
    font-size: 10px;
    color: #f1393b;
}

.silder-caption {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: rgba(52,58,64,.4);
}
article{
    text-align:justify;
}
.bg-mainmenu .navbar-brand {
    background-color: #ef383a;
    border-top: 1px solid #ef383a;
    border-bottom: 2px solid #ef383a;
    position: absolute;
    bottom: -1px;
    margin-right:0px;
    margin-left: 1rem;
}
#navbarResponsive {
    padding: 2px 0 2px 140px;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgb(255,255,255) !important;
}
.navbar-dark .navbar-nav .nav-link{
    font-weight:bold;
    font-size:16px;
}
.dropdown-toggle:after {
    color: #ef383a;
    border-top-width: .385em;
    border-right-width: .385em;
    border-left-width: .385em;
}
.dropdown-menu {
    background-color: #082863;
    border-radius:unset;
}
.dropdown-item {
    color: rgba(255,255,255,.5);
}
    .dropdown-item:focus, .dropdown-item:hover {
        color: rgb(255,255,255) !important;
        background-color:unset;
    }
#navbarResponsive .nav-item:not(:last-child) {
    border-right: 1px solid #2f2f2f;
}
.gray-back img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
    .no-effect, .gray-back .blog:hover img, .gray-back img:hover, .carousel-item .gray-back:hover img {
        -webkit-filter: unset !important;
        filter: unset !important;
    }
.nav-item span {
    color: #ef383a;
    font-weight: bold;
    padding: .385rem .5rem;
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link
{
    background-color:#5a5a5a;
    color:#fff;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    background-color: #5a5a5a;
    color: #fff;
}
.form-inline:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 11px;
    z-index: 2;
    right: 34px;
    border: 6px solid transparent;
    border-right-color: #f1393b;
    z-index: 50;
}
.form-inline{
    position:relative;
}
.btn-search {
    background-color: #f1393b;
    border-radius: unset !important;
    margin-left: 0 !important;
    padding:3px 5px;
}
.form-inline .form-control {
    border-radius: unset !important;
    border-top: unset;
    border-right: unset;
    border-bottom: unset;
    padding: .285rem .75rem;
}
    .form-inline .form-control:focus, .form-inline .form-control:hover {
        z-index: unset;
    }
.blog-title {
    height: 45px;
    overflow: hidden;
    color: #800c0d;
}
.blog-article {
    height: 85px;
    overflow: hidden;
    color: #a9a9a9;
}
.navbar-light .navbar-nav .nav-link {
    color: #afadae;
}
.btn-search i{
    font-size:22px;
}
img.filter {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.gallery-item:hover img.filter {
    -webkit-filter: unset;
    filter: unset;
}
.gallery-item:hover h2 a {
    color: #f03838;
}
.gallery-item:hover small {
    color: #fff;
}
.nav-link {
    padding-top: .385rem;
    padding-bottom: .385rem;
}
.form-inline .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-size: 12px;
    color: #cac8c9;
}

.form-inline .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 12px;
    color: #cac8c9;
}

.form-inline .form-control::-ms-input-placeholder { /* Microsoft Edge */
    font-size: 12px;
    color: #cac8c9;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .blog-container iframe {
        height: 400px;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .blog-container iframe {
        height: 510px;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .blog-container iframe {
        height: 510px;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .blog-container iframe {
        height: 570px;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .blog-container iframe {
        height: 650px;
    }
}