@font-face {
    font-family: 'tex_gyre_adventorregular';
    src: url('../fonts/texgyreadventor-regular-webfont.woff2') format('woff2'),
         url('../fonts/texgyreadventor-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'texgyreadventorbold';
    src: url('../fonts/texgyreadventor-bold-webfont.woff2') format('woff2'),
         url('../fonts/texgyreadventor-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{font-family: 'tex_gyre_adventorregular'; font-size: 14px;}



.pd0{padding:0 ;}
.m0{margin:0;}

/*---------- Top Bar----------- */
.topbar {background-color: #f7f7f7; padding: 7px 0;} 
.topbar-left p {color:#8b8a8a;padding: 0 0 0 0; margin: 0px 0 0 0 ;}
.top-social i {color: #8b8a8a; margin: 3px 5px 0 0 ;}
.top-social i:hover{ color: #181818;}
.topbar-right ul{margin: 0; padding: 0; list-style: none; color: #8b8a8a;}
.topbar-right ul li{display: inline-block}
.topbar-right ul li a{color: #8b8a8a}
.topbar-right .login{margin: 0 0 0 50px;}
.topbar-right .login a{text-decoration: underline}
.topbar-right .login a i{color: #8b8a8a;}
.topbar-right i{color: #8d8c8c; padding:0 9px 0 15px;}

.logo{text-align: center; padding: 25px 0  20px 0; position: relative} 
.logo-icon{position: absolute; left: 0; top: 20px}
.logo a{text-decoration: none}
.logo img {padding:0;  margin: 0 0 0 0;}
.logo img.tgu-logo{margin: 0 0 5px 0}
.logo span {font-size: 22pt; color:#000;  font-family: 'texgyreadventorbold'; font-weight: bold; padding: 0 0 0 0; margin: 0 0 0 0;}
.content-middle-inner p{margin: 0 0 35px 0}
.content-middle tr td{padding-bottom: 7px}
/* -----------Navigation top ---------*/
.navbar{min-height: 40px;}
.navbar-default{ background: #2b2b2b; border-radius: 0; padding: 0; margin: 0; border:none}
.nav {list-style: none;display: inline-block;padding:0;margin: 0;text-align: center }
.nav li {display: inline-block; font-size: 11pt; margin: 0 9px; text-align: center; padding: 0;}
.navbar-nav{padding:0px;margin:0px;} 
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #db9335; background-color: transparent;}
.navbar-nav>li>.dropdown-menu{ background-color:#8e8d8d;border:none;}
.navbar-default .navbar-nav>.active>a{ font-size: 20px;}
.navbar-default .navbar-nav>li>a{color: #fff; font-size: 14px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background:#006f9e; color: #fff;}
.nav>li>a { position: relative; display: block; padding: 10px 2px;color:white; text-decoration: none;}
.nav li:first-child{border: none}
.nav li ul li{border: none; display: block; text-align: left}
.nav li ul li  a{color:white;}
.navbar-nav>li>a:hover { color: #fff; background-color: transparent;}

/*=-------- banner slider------------- */
.carousel-indicators .active {width: 14px;height:18px;}
.carousel-indicators li{max-width:18px;}

/*------- Main content----------- */
.content {padding: 40px 0 10px 0 ;margin:0px 0 0 0 ; background: #fff; }

/*------- sidebar left----------- */
.sidebar-left ul li {list-style: none; position: relative}
.sidebar-left ul li button{width:100%;height:45px;font-size:18px;color:#024f6b;}
.sidebar-left ul li  a {height: 38px;display:block;text-decoration: none;padding: 7px 10px 10px 25px;color:#024f6b;font-size: 15px; font-weight:600; }
.sidebar-left .sidebar-category li a { border-bottom: 1px solid #efefef; color: #777575; font-weight: bold;}
.sidebar-left .sidebar-category li:last-child a{border: none}
.sidebar-left ul li a:hover{ color: #ea992f;}
.sidebar-category .dropdown-menu {top: auto;left: auto; background: none; border: none; box-shadow: none;
position: static; width: 100%; background: #f3f3f3;float: none;}

/* middel content home page */
.content-middle .panel-default{border:none; box-shadow: none}
.panel-body {padding: 15px 15px 10px 15px;}
.panel-footer{background: none; border: none}
.panel ul{margin: 0; padding: 0; list-style: none}
.panel ul li{border-top: 1px solid #dedede; padding: 9px 0}
.panel ul li:first-child{border: none; padding-top:0 }
.panel ul li a { color:#000;}
.panel ul li a:hover {text-decoration: none; color:#ea992f}

.panel .panel-body i { color:#ea992f;padding: 0 5px 0 0; font-weight: 500;font-size: 18px;     }
.panel .panel-body h2 { display: inline-block; color: #ea992f; margin: 0 0 20px 0; border-bottom: 1px solid #ea992f;}

.panel .panel-body span { color:#8d8c8c; } 
.panel .panel-footer a{background-color: #fbfbfb; text-align: center; color: #000; border: none; padding: 6px 0px 6px 0px; display: block}
.panel .panel-footer a:hover{background: #da9235; color: #fff; text-decoration: none}
.panel .panel-footer a:focus{text-decoration: none}


.aboutus {  background: #ecebeb;  color:#383434; padding-top:25px;}
.aboutus  .disclaimer p { color: #383434;padding-top:15px; padding-bottom: 15px;}
.aboutus .disclaimer { font-size: 12px; padding: 20px 0 0 0}
.aboutus hr {color: #676567; }
.aboutus a{color: #383434}
.aboutus h2{font-weight: bold;}
.color {color: #676567;}
.address h2{font-weight: bold;}
.address a { color: #383434;text-decoration: underline;}
.links ul li:last-child{border: none !important;}

    .links ul { list-style: none;}
    .links ul li { padding:15px 0px 10px 0px; border-bottom: 1px dashed #676567 ;}
    .latestnews h2{padding-bottom: 8px;}
    .latestnews ul {list-style: none;}
    .latestnews li{margin: 0 0 10px 0; border-top: 1px dashed #676567; padding:10px 0 0 0}
    .latestnews li:first-child{border:none}
    
    .latestnews ul li a{color:#676567;}
    .latestnews ul li a:hover { color: #676567;text-decoration: none;} 
     
    .latestnews ul hr {color: #676567;margin-bottom: 1rem;
    }
    .latestnews hr {color: #676567;}
    .latestnews p {color: #676567; }
.address .socialicons span { padding: opx 10px 0px 10px;}
.address .socialicons span a {color: #676567}
.address .socialicons span a i {text-align: center; border: 1px solid #676567;font-size: 15px;font-weight: bold; padding: 10px 10px 10px 10px ;border-radius: 50%; margin:0px 10px 0 10px;width:35px;height: 35px;}
.address .socialicons span a i:hover { background-color: #676567;color:#000;}
.address p{margin: 0;}
.footer { background-color:#131111; text-align: center;color:#676567; padding: 15px 0}
.footer p { color: #676567;padding: 10px 0px 10px 749px;}
.btn .btn-basic { padding: 0px 2px 0px 2px ;}
.sidebar-right .sidebar-right-title { position: relative; background: #fbfbfb;}
.sidebar-right-title-archive{ position: relative; background: #fbfbfb;}
.sidebar-right-title-archive h2{padding: 17px 0 13px 18px; margin-bottom: 0}
.sidebar-right .sidebar-right-title h2 { padding: 20px 0px 0px 15px; color:#8e8d8d; margin:0px;}
.sidebar-right .sidebar-right-title h2 span { padding: 0px 10px 0px 0px ;color:#8e8d8d; }
.sidebar-right .sidebar-right-title h4 { padding:5px 0px 10px 20px;font-weight: bold;color:#2c81d1;margin:0;border-style: dotted ;border :none; border-bottom: 1px solid #000;}
.sidebar-right .sidebar-scroll-text{padding: 20px 18px 0 18px; background: #fbfbfb;}
.sidebar-right marquee ul li { color:#777575; padding-bottom: 15px;list-style: none;}
.sidebar-right marquee ul li a { text-decoration: underline; color: #000}
.sidebar-right .search-bar input {
    border: 1px solid #fbfbfb; 
    border-right-color: #ebebeb;
    font-size: 14px;
    border-radius: 0;
    padding: 0 0 0 16px;
    box-shadow: none;
    background: #fbfbfb;
}
.sidebar-right .search-bar {
    padding: 0;
    display: inline-block;
    margin: 20px 0 0 0;
    background: #fbfbfb;
}
.sidebar-right.inner .search-bar{margin: 0 0 5px 0}
.sidebar-right .search-bar button{ background-color: #fbfbfb; border: 1px solid #fbfbfb; font-size: 15px;padding: 0 40px 0px 0px;text-align: center;}
.sidebar-right .search-bar span { padding-left: 10px; color:#8e8d8d;}
.sidebar-right form{width: 100%;}
.gallery .gal-item .box h2 { background-color: #847d7b;padding: 10px;margin:0px;color: #fff;} 

.image-gallery h2{ margin: 0px;padding: 15px 8px 8px 0px;color:#847d7b;}
.cause-title p{padding: 0 !important}

/*-------------------------slider---------------*/
#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}
.owl-dots{
    position: absolute;
    bottom: 42px;
    right: 120px;
}
.owl-theme .owl-dots .owl-dot span{width: 10px; height: 10px; margin: 5px 3px;}
.owl-theme .owl-dots .owl-dot :active{ color:#0486bd; }

.caption {
    position: absolute;
    font-weight: 500;
    font-size: 14px;
    bottom: 80px;
    right: 100px;
    padding: 22px 26px;
    text-align: right;
    max-width: 43%;
    z-index: 9999;
    color: #fff;
    background: rgba(215,143,51,0.9);
    margin: 15% 0 0 0;
    font-weight: 200;
    width: 380px;
    border-radius: 3px;
}
.caption h2{font-size: 40px; font-family: 'texgyreadventorbold'; margin-bottom: 15px;}
.image-gallery .owl-nav.disabled {
    display: block;
    position: absolute;
    bottom: 15px;
    left: 90px;
    padding: 0px;
    margin: 0px;
} 
.image-gallery .owl-theme .owl-nav.disabled+.owl-dots {
    display :none;
    padding:0;
    margin: 0px;
   
}
.owl-theme .owl-nav [class*=owl-] { background-color: transparent;}
.licence-title {text-align: left ;padding: 11px 5px 10px 0px ; margin-bottom: 20px;}
.licence-title span {
    color: #000000;
    background-color: #fbfbfb;
    width: 14%;
    font-size: 18px;
    margin: 10px 5px 10px 23px;
    padding: 10px 20px;
    z-index: 9;
    position: relative;
}
.licence-title:after {
    content: "";
    background: #fbfbfb;
    height: 2px;
    width: 100%;
    display: block;
    left: 0px;
    position: absolute;
    top: 26px;
}


.license-content {  padding-top: 0px;}
.license-content p { color:#222;font-size: 15px; padding: 15px}
.content-table {background-color: #fff;padding: 0px;}
.content-table td{width:100%;font-size: 15px;padding: 8px 15px !important;  border-color: #fbfbfb;}
.content-table td button {
    text-align: right;
    font-size: 15px;
    color: #006f9e;
    padding: 0;
    background: none;
    border:none;
    margin: 6px 0 0 0;
}
.pipe{position: relative; top: 6px;}
.content-table td button:hover{background: none;}
.content-table tr{ border-color: #fbfbfb;}

 .table-striped>tbody>tr:nth-child(odd)>td, 
 .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #fbfbfb;
    border-color: #fbfbfb;
  }

 .content-sidebar {margin:0px;}
 .archive  {background-color: #fbfbfb;font-size: 18px;}
.archive h4 {background-color: #fff;font-size: 18px;color:#04658f;font-weight:600;padding: 20px 0px 10px 20px;}
.archive ul{list-style: none;padding: 0px;margin: 0px; padding-left: 20px;}
.archive ul li { padding-bottom: 14px; font-size: 15px;}
.archive ul li a{ text-decoration: none; color: #777575;}
.page-index li a {font-size: 12px; }
.pagination{margin: 14px 15px;}

.btn_observation {
    font-size: 13px;
    margin: -44px 0 0 0;
    z-index: 999;
    position: relative;
}
/*-------------------------slider---------------*/


/*-------------------------marquee---------------*/


.marquee-content {background-color: #fbfbfb;
color:#000; padding: 4px 0px 4px 0px; }
.marquee-content h1{font-size: 15px;  margin: 0}
/*-------------------------marquee---------------*/
/*------------------------inner Html------------------------*/







/*------------------------inner Html------------------------*/




@media (max-width: 767px){
    .navbar {border-radius: 0px !important;}
    .navbar-toggler-icon{background: #fff;}
}
