/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 11, 2017, 10:15:46 PM
    Author     : Enkhjinshde
*/
*:not(.fa) { font-family: 'Roboto Condensed', sans-serif !important;}
.bg-linear-gradient{ background: linear-gradient(141deg, #27aee0 0%, #1fc8db 51%, #2cb5e8 75%)}
.njn-carousel-btn{ font-size: 55px; color: white; text-decoration: none;}
.njn-carousel-btn i{ color: white !important}
.njn-carousel-btn:hover{ font-size: 55px; color: white !important; text-decoration: none;}
/*.njn-carousel-btn i{ color: white !important}*/
.njn-carousel-btn-link{ font-size: 30px;  color: #337ab7 !important; text-decoration: none; margin-left:10px;}
.njn-carousel-btn-link:hover{ font-size: 30px;  color: #337ab7 !important; text-decoration: none;margin-left:10px;}
.njn-carousel-btn-youtube{ font-size: 30px;  color: #337ab7 !important; text-decoration: none; margin-left:10px;}
.njn-carousel-btn-youtube:hover{ font-size: 30px;  color: #337ab7 !important; text-decoration: none;margin-left:10px;}
.njn-hr{ margin: 10px 0px 10px 0px;}
@media screen and (max-width: 540px) {
    .njn-carousel-btn{ font-size: 35px; color: white; text-decoration: none;}
    .njn-carousel-btn:hover{ font-size: 35px; color: white !Important; text-decoration: none;}
}
.navbar-responsive-collapse .nav { background: #27aee0}
@media screen and (max-width: 540px) {
    .njn-carousel-btn{ font-size: 35px; color: white; text-decoration: none;}
    .njn-carousel-btn:hover{ font-size: 35px; color: white !Important; text-decoration: none;}
}
.carousel-inner>.item>img{margin: 0 auto; height: 400px}
.njn-thumbnail{    display: block; position: relative; height: 180px; vertical-align: middle; text-align: center}
.njn-thumbnail img{    display: block; max-height: calc(100% - 10px); max-width: calc(100% - 10px); position: absolute;    margin: auto;    top: 0;    left: 0;    right: 0;    bottom: 0;z-index: 1;}
.njn-thumbnail a {  display: none;}
.njn-thumbnail:hover a {   display: block; position: absolute; top: 5px; color: white; height: calc(100% - 10px);  background-color: rgba(66, 140, 186, 0.65);padding: 5px;width: calc(100% - 10px);margin-left: 0px;text-transform: uppercase;text-decoration: none;text-align: center;vertical-align: middle; padding-top: 60px; z-index: 2}
.header-v4{background-image: url('../../images/bg.gif');}
.topbar-v1{ background-color: #27aee0; border: 0}
.topbar-v1 *{ color: white;}
.topbar-v1 .list-inline li i { color: white; font-size: 13px;}
.tab-v1 .nav-tabs > .active > a, .tab-v1 .nav-tabs > .active > a:hover, .tab-v1 .nav-tabs > .active > a:focus {
    color: #fff;
    border: none;
    background: #27aee0 !important; 
}
.tab-v1 .nav-tabs > li > a:hover {color: #fff;background: #27aee0 !important; }
.tab-v1 .nav-tabs {border: none;background: none;border-bottom: solid 2px #27aee0!important;}
.tab-v1 * { font-size:  14px;}

/**  change bg  start **/
.wrapper {    background: rgba(239, 239, 239, 0.35) !important;} 
.njn-headline{ border: 1px solid #ddd !important; border-bottom:  0 !Important; margin:  0 !Important;}
.njn-headline h2{ padding: 0 5px }
.njn-scrolled-news{ border: 1px solid #ddd !important; border-top:  0 !Important; padding: 10px 5px 10px 5px}

.border-ddd-padding-5{ border: 1px solid #ddd; padding: 5px !important }
.njn-overflow-hidden{ overflow: hidden; }
.njn-tab-content{ border: 2px solid #27aee0; border-top: 0px ; margin: 0; padding: 20px 5px 5px 5px !important; background: #fff}
.margin-0{ margin: 0 !important }
/**  change bg  end**/


.widget-tags .tags a {
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #777;
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0 2px 5px 0;
    padding: 5px 7px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
}
/*.njn-thumbnail a {   display: block; position: absolute; top: 5px; color: white; height: calc(100% - 10px);  background-color: rgba(66, 140, 186, 0.65);padding: 5px;width: calc(100% - 10px);margin-left: 0px;text-transform: uppercase;text-decoration: none;text-align: center;vertical-align: middle;}*/
/*.njn-thumbnail:hover img { top: 0;}*/