/*
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 : October 19, 2015, 6:00:25 PM
    Author     : Iqbal Hossen
*/
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@font-face {
	font-family:"CastleT-Book";
	src: url('../custom_fonts/CastleT-Book.ttf');
}
@font-face {
	font-family:"Myriad-Pro";
	src: url('../custom_fonts/Castle T Light Regular.otf');
}

body {
    font-size: 12px;
    line-height: 20px;
    font-family: "CastleT-Book", Helvetica, Arial, Sans-Serif;
    background: #b6def2 url(../img/background.jpg) bottom center no-repeat;
    background-attachment: fixed;

}
.no-padding-left{
    padding-left: 0;
}
.no-padding-right{
    padding-right: 0;
}

/****Added 14-2-16***/
@media (min-width: 100px) and (max-width: 320px) { 
    h2, .h2 {
        font-size: 12px;
    }
    h1, .h1, h2, .h2, h3, .h3 {
        margin-top: 2px;
        margin-bottom: 2px;
    }
}

/*Extra small devices Phones*/
@media (min-width: 320px) and (max-width: 360px) { 
    
    /*******Header Start******/
    .folwb-log{
        margin-left: 0;
    }
    
    .header-section-middel{
        margin-top: 0;
    }
    
    div.header-section-middel h2{
        margin-top: 0;
        margin-bottom: 0;
        font-size: 9px;
        color: #f0f8fc!important;
    }
    
    /****Main Container******/
     /*****Main Menu***/
    #main-menu-container{
        padding-left: 0px;
    }
   
    .menu-sm-devices-nopadding{
        padding-left: 0;
        padding-right: 0;
    }
    
    #main-container{
        padding-left: 0px;
    }
   
    /*****Main Section***/
    div.main-section {
        padding-right: 15px!important;
    }
    
    /*****Search Box*****/
    .search-seation{
        padding-left: 0px;
    }
    
    .search-sm-devices{
        padding-left: 0px;
    }
    /***MOst interview Section****/
    .most_viewed_interview .nopadding-right{
        padding-right: 15px;
    }
    
    .post-data-right{
        padding-left: 0px!important;
    }
    
    /*** All Thumb Center*/
    .home-interview-thumb-dimension,
    .content-image-dimension,
    .category-thumb-dimension{
        margin: auto;
    }
    /*****Contact Info*****/
    .contact-info h1, .contact-info h2 {
        font-size: 8px;
    }
    
     /*****All Thumb Title Center****/
    .category-title{
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    
    /******Gallery****/
    .photo_gallery_details_container.nopadding-right{
        margin-left: 13%;
    }
    
    /***Document Gallery***/
    .document_gallary.padding-middel{
        margin-left: 23%!important;
    }
    
    .document_gallary.nopadding-right{
        margin-left: 21%!important;
    }
    
    /***All Content Header****/
    .content-header{
        font-size: 14px!important;
        line-height: 20px!important;
    }
    
    .topics-tabs .nav-tabs > li > a {
        font-size: 8px!important;
    }
}
/*Small devices Tablets*/
@media (min-width: 361px) and (max-width: 767px) { 
    /*****Menu Start*******/
    #main-menu-container .nav-collapse .nav > li {
        background: url(../img/menu-bg.png) top left repeat-x!important;
    }
     /*****Menu End*******/
    /*******Header Start******/
    .folwb-log{
        margin-left: 0;
    }
    .header-section-middel{
        margin-top: 0;
    }
    
    div.header-section-middel h2{
        margin-top: 0;
        margin-bottom: 0;
        font-size: 9px;
        color: #f0f8fc;
        
    }
    /*******Header End******/
    /*****Main Menu***/
    .menu-sm-devices-nopadding{
        padding-left: 0;
        padding-right: 0;
    }
    
    #main-menu-container{
        padding-left: 0px;
    }
    
    #main-container{
        padding-left: 0px;
    }
    /*****Search Box*****/
    .search-seation{
        padding-left: 0px;
    }
    .search-sm-devices{
        padding-left: 0px;
    }
    
    /***MOst interview Section****/
    .most_viewed_interview .nopadding-right{
        padding-right: 15px;
    }
    
    /*****Main Section***/
    div.main-section {
        padding-right: 15px!important;
    }
    
    /*** All Thumb Center*/
    .home-interview-thumb-dimension,
    .category-thumb-dimension,
    .content-image-dimension{
        margin: auto;
    }
    
    /*****All Thumb Title Center****/
    .category-title{
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    
    /*****Contact Info*****/
    .contact-info h1, .contact-info h2 {
        font-size: 8px;
    }
    
    /******Gallery****/
    .photo_gallery_details_container.nopadding-right{
        margin-left: 13%!important;
    }
    
     /***Document Gallery***/
    .document_gallary.padding-middel{
        margin-left: 23%!important;
    }
    .document_gallary.nopadding-right{
        margin-left: 21%!important;
    }
    
    /***All Content Header****/
    .content-header{
        font-size: 14px!important;
        line-height: 44px!important;
    }
    
    .topics-tabs .nav-tabs > li > a {
        font-size: 8px!important;
    }
}
/**Medium devices Desktops**/

@media (min-width: 768px) and (max-width: 799px) { 
    #header{
        background: #1f2f3f url(../img/header-bg.png) top left repeat-x;  
    }
    
   /*******Header Start******/
    .folwb-logo{
        display: flex;
        justify-content: center;
        margin-top: 44px; /* Half the height */
    }
    /*******Header End******/
    .folwb-log{
        margin-left: 0;
    }
    .header-section-middel{
        margin-top: 0;
        
    }
    div.header-section-middel h2{
        margin-top: 0;
        margin-bottom: 0;
        font-size: 17px;
        color: #f0f8fc;
       
    }
    
    /*****Main Menu***/
    .menu-sm-devices-nopadding{
        padding-left: 0;
        padding-right: 0;
    }
    
    #main-menu-container .navbar{ 
        margin-left: 15px;
    }
    
    /***Added 14-2-2016 start****/
    #main-menu-container .navbar .nav > li{
        /*max-width: 17%;*/
        text-align: center;
        border-image: url('../img/menu_separator.png') 0 3 0 0 repeat;
        /*-moz-border-image: url('../img/menu_separator.png') 0 3 0 0 repeat;*/
        -webkit-border-image: url('../img/menu_separator.png') 0 3 0 0 repeat;
        border-style: solid;
    }
    #main-menu-container nav.navbar .nav > li > a {
        width: 112px;
    }
    
    #main-menu-container .navbar-collapse{
        padding-left: 0;
        padding-right: 0;
    }
    #main-menu-container .navbar-brand{
        padding: 0;
        width: 100%
    }
    
    #menu .navbar-nav > .active {
        margin: 0 -3px;
    }
    /*******End 14-2-2016****/
    
    /****Search Top Padding ***/
    div.search-seation{
        padding-top: 12px;
        padding-left: 0px;
    }
    #side-section{
        width: 28.3%;
    }
    /******* Main Content ******/
    div.main-section{
        max-width: 71.7%;
    }
    #adv-search {
        width: 245px;
    }
    
    .pc-width-set{
        min-width: 790px;
    }
    /****Content Title*****/
    .post-data-left{
        width: 15%;
    }
    
    .post-data-right{
        width: 85%;
    }
    
    #main-menu-container{
        padding-left: 0px;
    }
    
    #main-container{
        padding-left: 0px;
    }
    
    /*** All Thumb Center*/
    .home-interview-thumb-dimension,
    .category-thumb-dimension,
    .content-image-dimension{
        margin: auto;
    }
    
    /*****All Thumb Title Center****/
    .category-title{
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    
     /******Gallery****/
    .photo_gallery_details_container{
        margin-left: 13%!important;
    }
    
    /***Document Gallery***/
    .document_gallary.padding-middel{
        margin-left: 23%!important;
    }
    
    .document_gallary.nopadding-right{
        margin-left: 21%!important;
    }
    
    .topics-tabs .nav-tabs > li > a {
        font-size: 8px!important;
    }
   
}
/*Medium devices Desktops*/ 
@media (min-width: 800px) and (max-width: 979px) { 
    #header{
        height: 196px;
        background: #1f2f3f url(../img/header-bg.png) top left repeat-x;  
    }
    .folwb-logo{
        display: flex;
        justify-content: center;
        margin-top: 44px; /* Half the height */
    }

    div.header-section-middel{
        font-family: CastleT-Book;
        padding-left:15px;
        display: block;
    }
    div.header-section-middel h2{
        margin-top: 0;
        margin-bottom: 0;
        font-size: 35px;
        color: #f0f8fc;
    }
    
    /***Main Menu****/
    #main-menu-container{
        padding-right: 0;
        padding-left: 0;
    }
    
    #main-menu-container .navbar {
        margin-left: 5px;
    }
    
    #main-menu-container .navbar .nav > li{
        /*max-width: 17%;*/
        text-align: center;
        border-image: url('../img/menu_separator.png') 0 3 0 0 repeat;
        /*-moz-border-image: url('../img/menu_separator.png') 0 3 0 0 repeat;*/
        -webkit-border-image: url('../img/menu_separator.png') 0 3 0 0 repeat;
        border-style: solid;
    }
    #main-menu-container nav.navbar .nav > li > a {
        width: 112px;
    }
    
    #main-menu-container .navbar-collapse{
        padding-left: 0;
        padding-right: 0;
    }
    #main-menu-container .navbar-brand{
        padding: 0;
        width: 100%
    }
    
    #menu .navbar-nav > .active {
        margin: 0 -3px;
    }
    
    #side-section{
        width: 28.3%;
    }
    /******* Main Content ******/
    div.main-section{
        max-width: 71.7%;
    }
    
    #adv-search {
        width: 305px;
    }
    .pc-width-set{
        min-width: 790px;
    }
    
    /****Content Title*****/
    .post-data-left{
        width: 15%;
    }
    
    .post-data-right{
        width: 85%;
    }
    
    /*****Most Interviwe********/
    div.most_viewed_interview{
        width: 260px;
    }
    
     /*** All Thumb Center*/
    .home-interview-thumb-dimension,
    .category-thumb-dimension,
    .content-image-dimension{
        margin: auto;
    }
    
    /*****All Thumb Title Center****/
    .category-title{
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    
   /******Gallery****/
    .photo_gallery_details_container.nopadding-right{
        margin-left: 13%;
    }
    /***Document Gallery***/
    .document_gallary.padding-middel{
        margin-left: 23%!important;
    }
    
   .document_gallary.nopadding-right{
        margin-left: 21%!important;
    }
   
    .topics-tabs .nav-tabs > li > a {
        font-size: 8px!important;
    }
    
    
}

@media (min-width: 960px) and (max-width: 1000px) { 
    div.search-seation{
        padding-top: 8px!important;
    }
    
    div.header-section-middel {
        margin-top:30px!important;
    }
    
    #main-menu-container nav.navbar .nav > li > a {
        width: 115px!important;
    }
}

/*Medium devices Desktops*/ 
@media (min-width: 980px) and (max-width: 1279px) { 
    #header{
        height: 196px;
        background: #1f2f3f url(../img/header-bg.png) top left repeat-x;  
    }
    .folwb-logo{
        display: flex;
        justify-content: center;
        margin-top: 44px; /* Half the height */
        margin-left: 50px;
    }

    div.header-section-middel{
        font-family: CastleT-Book;
        margin-top: 46px;
        padding-left:15px;
        display: block;
    }
    div.header-section-middel h2{
        margin-top: 0;
        margin-bottom: 0;
        font-size: 35px;
        color: #f0f8fc;
    }
    
    /****Search Top Padding ***/
    div.search-seation{
        padding-top: 75px;
    }
    /*******Header Start******/
    
    /*******Header End******/ 
    
    /*****Menu Start*******/
    #main-menu-container{
        padding-right: 0;
        padding-left: 0;
    }
    
    #main-menu-container .navbar-collapse{
        padding-left: 0;
        padding-right: 0;
    }
    #main-menu-container .navbar-brand{
        padding: 0;
        width: 100%;
    }
   
    #main-menu-container .navbar .nav {
        margin: 0;
        display: table;
        width: 100%;
    }
   
    #main-menu-container .navbar .nav > li{
        /*max-width: 17%;*/
        
        text-align: center;
        border-image: url('../img/menu_separator.png') 0 3 0 0 repeat;
        /*-moz-border-image: url('../img/menu_separator.png') 0 3 0 0 repeat;*/
        -webkit-border-image: url('../img/menu_separator.png') 0 3 0 0 repeat;
        border-style: solid;
    }
    
    #main-menu-container nav.navbar .nav > li > a {
        width: 155px;
    }
    
    #menu .navbar-nav > .active {
        margin: 0 -3px;
    }
   
    /*****Menu end*******/
    /******Sidebar Start ****/
    #side-section{
        width: 28.3%;
    }
    /******Sidebar end ****/
    /******* Main Content ******/
    div.main-section{
        max-width: 71.7%;
    }
    
    #adv-search {
        width: 305px;
    }
    
    .pc-width-set{
        min-width: 790px;
    }
    
    /****Content Title*****/
    .post-data-left{
        width: 15%;
    }
    
    .post-data-right{
        width: 85%;
    }
    /*****Most Interviwe********/
    div.most_viewed_interview{
        width: 260px;
    }
    
}

@media (min-width: 1200px) and (max-width: 1279px) { 
     
    #main-menu-container .navbar{ 
        margin-left: 15px!important;
    }
    
    #main-menu-container nav.navbar .nav > li > a {
        width: 170px;
    }
}

@media (min-width: 1280px) { 
    #header{
        height: 196px;
    }
    .folwb-logo{
        display: flex;
        justify-content: center;
        margin-top: 44px; /* Half the height */
        margin-left: 50px;
    }

    div.header-section-middel{
        font-family: CastleT-Book;
        margin-top: 46px;
        padding-left:15px;
        display: block;
    }
    div.header-section-middel h2{
        margin-top: 0;
        margin-bottom: 0;
        font-size: 35px;
        color: #f0f8fc;
    }
    
    /****Search Top Padding ***/
    div.search-seation{
        padding-top: 75px;
    }
    /*******Menu Start*********/
    #main-menu-container{
        padding-right: 0;
    }
    
    #main-menu-container .navbar .nav {
        margin: 0;
        display: table;
        width: 100%;
    }
    #main-menu-container .navbar .nav > li{
/*        width: 16%;*/
        width: 185px;
        display: block;
        text-align: center;
        border-image: url('../img/menu_separator.png') 0 3 0 0 repeat;
        /*-moz-border-image: url('../img/menu_separator.png') 0 3 0 0 repeat;*/
        -webkit-border-image: url('../img/menu_separator.png') 0 3 0 0 repeat;
        border-style: solid;
       
    }
    
    #main-menu-container .navbar-collapse{
        padding-left: 0;
        padding-right: 0;
    }
    #main-menu-container .navbar-brand{
        padding: 0;
        width: 100%
    }
      
    #menu .navbar-nav > .active {
        margin: 0 -3px;
    }
    
    /*******Menu End*********/
   /******Sidebar Start ****/
   #side-section{
        width: 28.3%;
    }
    /******Sidebar End ****/
    
    /******* Main Content ******/
    div.main-section{
        max-width: 71.7%;
    }
    
    div.most_viewed_interview{
        width: 260px;
    }
    
   
    img.home-interview-thumb-dimension{
        width: 239px;
        height: 152px;
    }
    
    img.content-image-dimension{
        width: 220px;
        height: 143px;
    }
    
    #adv-search {
        width: 305px;
    }
    
    .pc-width-set{
        min-width: 790px;
    }
    
    /****Content Title*****/
    .post-data-left{
        width: 15%;
    }
    
    .post-data-right{
        width: 85%;
    }
    
    #main-menu-container .navbar .nav > li:last-child{
        border: 0;
        width: 190px;
        
    }
    
}
/************@media 1200 end***/
/*@media screen and (min-width: 768px) {
    #adv-search {
        width: 500px;
        margin: 0 auto;
    }
    .dropdown.dropdown-lg {
        position: static !important;
    }
    .dropdown.dropdown-lg .dropdown-menu {
        min-width: 500px;
    }
}*/

#header{
    background: #28a8fa url(../img/header-bg.png) top left repeat-x;  
}
/************Header Start***/


div.header-section-middel h3{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    color: #000000;
}

div.header-section-middel h2{
    color: #000000;
}

h3.official-archive { 
    color: #4b4b4b!important;
}

.header-section-middel p{
    font-size: 17px;
    color: #535353;
}
/************Header End***/

/********* Search Section Start******/

.search-seation .form-control{
    /*width: 232px;*/
    border: 0;
    border-radius: 0;
    background:#fffbff url(../img/search-bg.png) top left repeat-x;  
}
search-seation .btn-default{
    border-color: #dedfe7;
    border-radius: 0;
    background:#fffbff url(../img/search-bg.png)top left repeat-x;  
}
search-seation .caret{
    border-top: 5px solid #dedfe7;
    border-right: -2px solid #dedfe7;
    border-left: -2px solid #dedfe7;
}

#adv-search {
    /*width: 305px;*/
    margin: 0 auto;
    margin-bottom: 10px;
}
.search-seation .dropdown.dropdown-lg .dropdown-menu {
    margin-top: -1px;
    padding: 1px 1px;
    margin-right: 32px;
}
.search-seation .input-group-btn .btn-group {
    display: flex !important;
}
.search-seation .btn-group .btn {
    border-radius: 0;
/*    margin-left: -1px;*/
}
.search-seation .btn-group .btn:last-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.search-seation .btn-group .form-horizontal .btn[type="submit"] {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.search-seation .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}
.search-seation .form-group .form-control:last-child {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.search-seation .dropdown-menu-right .form-group{
    margin-bottom: 1px;
}

/********* Search Section End******/

/*************Menu Start ********/
div#main-menu-container{
   background: #b6def2; 
}

#main-menu-container .navbar{
    min-height: 46px;
    padding-right: 0px;
    padding-left: 0px;
    border-radius: 0px;
    border: 0;
    font-size: 20px;
    color: #ffffff;
    background: #1d7bc1 url(../img/menu-bg.png) top left repeat-x;
}

#main-menu-container .navbar-nav > li > a{
    padding-bottom: 11px;
    color: #ffffff;
}

#main-menu-container .navbar .nav > li:last-child{
    border: 0;
}

#main-menu-container .navbar .nav > li.active:last-child {
    border-top: 1px solid #fff;
}

 .main-menu .nav:before, 
 .main-menu .nav:after, 
 .main-menu .navbar:before, 
 #main-menu-container .navbar:after, 
 #main-menu-container .navbar-header:before, 
 #main-menu-container .navbar-header:after, 
 #main-menu-container .navbar-collapse:before, 
 #main-menu-container .navbar-collapse:after{
      content: inherit;
      display: none;
 } 

.main-menu .dropdown-menu{
    padding-top: 0;
    min-width: 178px;
}

.main-menu .dropdown-menu li{
    background: #1d7bc1 url(../img/menu-bg.png) top left repeat-x;
}

#main-menu-container .nav .open > a, 
#main-menu-container .nav .open > a:hover, 
#main-menu-container .nav .open > a:focus{
    background:  url(../img/menu-bg.png) top left repeat-x;
}
#main-menu-container .nav .active > a{
    background:#fff!important;
}
#main-menu-container nav.navbar .nav > li > a{
    text-align: center;
    color: #ffffff;
    padding: 13px 15px 10px;
    text-shadow: 1px 2px 0 #0c3751;
}
.main-menu .dropdown-menu > li > a {
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    line-height: 38px;
}
.main-menu .navbar .nav > li > .dropdown-menu:after{
    content: inherit;
    border: 0;
}
.main-menu .navbar .nav > li > .dropdown-menu:before{
    content: inherit;
    border: 0;
}
#main-menu-container .navbar .nav > li > a:focus, 
#main-menu-container .navbar .nav > li > a:hover {
     background: transparent;
     color: #ffffff;
}

.main-menu .dropdown-menu > li > a:hover, 
.main-menu .dropdown-menu > li > a:focus, 
.main-menu .dropdown-submenu:hover > a,
.main-menu .dropdown-submenu:focus > a{
    background: transparent;
    color: #ffffff;
}

#main-menu-container .navbar .nav li.dropdown.open > .dropdown-toggle, 
    #main-menu-container .navbar .nav li.dropdown.active > .dropdown-toggle, 
    #main-menu-container .navbar .nav li.dropdown.open.active > .dropdown-toggle{
        background: #187dbd;
        background: #1f2f3f url(../img/menu-bg.png) top left repeat-x;
        background: transparent;
        color: #ffffff;
        text-shadow: 1px 2px 0 #0c3751;
    }

#main-menu-container .navbar-toggle {
    background-color:#dddddd;
    /*border: 1px solid #dddddd;*/
}
/*************Menu End ********/
/*************Main Container Start ********/
div#main-container{
   background: #b6def2; 
   padding-bottom: 20px;
   
}

/*************Main Container End ********/
/*************Footer Start ********/
div#footer{
    min-height: 102px;
    background: #1f2f3f url(../img/footer-bg.png) top left repeat-x;  
}

div.footer-menu {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.footer-menu ul{
    list-style: none;
}
.footer-menu ul li{
   list-style: none;
   display:inline-block;
   border-right: 1px solid #FFFFFF; 
  
}
.footer-menu ul li:last-child{
   border-right: 0; 
}

.footer-menu ul li a{
    display: block;
    font-size: 15px;
    color: #ffffff;
    padding: 0px 5px;
    
}

.footer-menu ul li a:hover{
    display: block;
    color: #2091d1;
    background: none;
    
}

.footer-menu p{
    font-size: 15px;
    color: #ffffff;
    margin: 0px 0;
}
/*************Footer End ********/

/****Left sidebar start**/

#side-section .module-top {
    margin-top: 5px;
    min-height: 44px;
    background: #1d79bf url(../img/site-bar-top-bg.png) top left repeat-x;
    color: #bdd7ef;
    padding: 5px 13px 7px 18px;
    font-size: 20px;
    line-height:30px;
}

#side-section .module {
    margin: 0px;
    padding-bottom: 10px;
}

div.module ul{
    list-style: none;
    padding: 0;
}

div.module ul li{
    list-style: none;
    background: #eff7ff url(../img/quick-link-list-bg.png) bottom left repeat-x;
    min-height: 44px;
}
div.module ul li a{
   font-family: "CastleT-Book";
   display: block;
   text-decoration: none;
   font-size: 18px;
   padding-left:20px;
   padding-top: 10px;
   color: #848284;
   line-height: 20px;
   padding-bottom: 10px;
}
div.module ul li:last-child {
    background: #218ece url(../img/sitebar-title-bottom.png) top left repeat-x;
    min-height: 9px;
}
/****Left sidebar End**/

/******* Main Content ******/
div.main-section{
    padding-left: 20px;
    padding-right: 37px
}

.well-come-message{
    padding-top: 10px;
    text-align: justify;
    font-family: "CastleT-Book", Helvetica, Arial, Sans-Serif;
    font-size: 17px;
}

div.highlighted-section{
    background: #d1e9f6;
    margin-top: 40px;
}

.highlighted-image{
    padding-left: 0px;
}

.highlighted-message{
   padding-top: 40px;
}

.highlighted-title{
     margin-bottom: 0;
}

.highlighted-sub-title{
    margin-top: 0;
}
.highlighted-message hr {
    display: block;
    border: 0;
    border-top: 7px solid #2288ca;
    padding: 0; 
}

.highlighted-message p{
    font-size: 15px;
    text-align: justify;
}

div.inner_most_viewed_interview{
    padding: 60px 0 0 0;
}

div.most_viewed_interview{
    background: url(../img/most-view-head-bg.png) top left repeat-x;
}

div.most_viewed_interview p{
    padding-left: 10px;
    font-size: 20px;
    line-height: 42px;
    color: #ffffff;
    text-shadow: 2px 2px #001821;
}

.nopadding-column{
    padding-left: 0;
    padding-right: 0;
}

.nopadding-left {
   padding-left: 0 !important;
   /*margin: 0 !important;*/
}

.nopadding-right{
     padding-right: 0 !important;
}

.screencast .play_btn {
    position: absolute;
    width: 44px;
    height: 44px;
    background: url(../img/play-btn.png) no-repeat scroll 0 0;
    top: -webkit-calc(50% - 16.5px);
    top: calc(40% - 16.5px);
    left: -webkit-calc(50% - 24px);
    left: calc(50% - 24px);
}

.video_post{
   padding-top: 13px; 
   padding-bottom: 13px;
}

.post-data-left{
     /*width: 15%;*/
     height: 31px;
     background: #219ed6;
     padding:0;
     margin-top: 5px;
}

.padding-middel{
    padding-left: 8px!important;
    padding-right: 10px!important;
}

.post-data-right{
    margin-top: 5px; 
    padding-left: 5px;
    padding-right: 0px;
}

div.post-data-inner{
      line-height: 15px;
      background: #8ccbef; 
      padding-left: 2px;
      font-size: 15px;
}

.post-data-inner .post_title{
    color: #205f88;
}

.post-data-inner .date{
    color: #205f88;
}

.post-data-inner .country-name{
    font-size: 11px;
    color: #000;
}

/*Interview Archive*/

/*.interview-video-post{
    padding-top: 0;
    padding-bottom: 32px;
}*/

.blog-section{
    padding-bottom: 18px;
}

.abailable-topics-fieldset,
.archive-fieldset,
.citation-fieldset,
.related-meterails-fieldset,
.event-fieldset{
    margin-top: 21px;
    margin-bottom: 10px;
    border: 1px solid #6baad6;
    border-right: 1px solid #6baad6; 
    border-bottom: 1px solid #6baad6;
}
legend {
    float:left;
    margin-top: -11px;
    margin-left: -1px;
    border: 0;
}
legend span{
     font-family: "Myriad-Pro";
     font-size:17px;
     color: #ffffff;
     background: #1875bd;
     padding: 7px 7px 7px 15px;
     
}

.content-archive .legend2 { 
    position: relative; 
    left: 537px; 
    top: 246px; 
    background: #1875bd;  
}
.citation-archive .legend2 { 
    position: relative; 
    left: 537px; 
    top:190px; 
    background: #1875bd;  
}

a.content-more-cat-wise{
   text-decoration: none; 
}
div.content-archive{
    margin-bottom: 15px;
}

/*legend + * {
    clear:both;
}*/

.interview-content-summary{
    font-family: "Myriad-Pro";
    padding-top: 10px;
    padding-bottom: 5px;
}

.interview-content-summary .panel-heading{
    min-height:84px; 
    padding-top: 20px;
    padding-left: 0px;
    border-top-left-radius: 0px; 
    border-top-right-radius: 0px;
}

.interview-content-summary .panel-default > .panel-heading {
    color: #fff;
    background-color: #1c78bf;
    border-color: #1c78bf; 
}

.interview-content-summary .panel-default {
    background-color: #b6def2;
    border-color: #1c78bf; 
    border-radius:0px;
}

.interview-content-summary .panel-body{
   text-align: justify;
   font-size: 17px;
   border-top: 0px !important; 
}

.citation-panel-body{
   font-family: "Myriad-Pro";
   text-align: justify;
   font-size: 17px;
   padding-bottom: 15px;
}

.summary-content-title{
    font-size: 32px;
}

.summary-content-title span{
    color: #fff;
}

.summary-content-title small{
    color: #000;
}

.summary-content-interviewee{
    font-size: 20px;
}

.summary-content-interviewee span{
    color: #b6def2;
}

.summary-content-interviewee small{
    color: #fff;
}

.english-summary{
    background-color: #ffffff;
    padding-left: 5px;
    padding-right: 5px;
}

.english-summary a:hover{
    text-decoration: none;
}

.english-summary i{
    float: right; 
    padding-top: 2px;
}

.related-meterails-fieldset img{
    display: block;
    margin-left: auto;
    margin-right: auto
}

.caption p{
    font-family: "Myriad-Pro";
    text-align: center;
    font-size: 15px;
}

.content-details{
    border-left: 1px solid  #6baad6;
    border-right: 1px solid  #6baad6;
    border-bottom: 1px solid  #6baad6;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 10px;
}
.content-details .content_title{
    background: #1875bd;
    line-height: 36px;
    color: #fff;
}
.content-details .post-name{
     line-height: 36px;
     color: #6baad6;
     font-size: 20px;
}
.content-details .post-details{
    text-align: justify;
    font-size: 17px;
    padding-bottom: 10px;
    padding-top: 20px;
}

.tag {
    color: #ffffff;
    background: #1875bd;
    border-radius: 2px;
    display: inline-block;
    line-height: 28px;
    padding: 0 13px;
    text-transform: uppercase;
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 7px;
    text-align: justify;
}

.citation-item {
    font-family: "CastleT-Book";
    color: #ffffff;
    background: #67a8d6;
    border-radius: 2px;
    display: inline-block;
    width: 100%;
    line-height: 28px;
    padding: 0 5px;
    font-size: 13px;
    margin-right: 5px;
    margin-bottom: 7px;
    text-align: justify;
}

.citation-item-title{
    display: inline-block;
    padding-left: 5px; 
}

.citation-item-title-icon{
    display: inline-block;
    padding-left: 30px; 
    background: url(../img/video-icon.png) center left no-repeat;
    
}
.citation-item-title-no-icon{
    display: inline-block;
    padding-left: 30px; 
    background: url(../img/no-icon.png) center left no-repeat;
    
}


.related-document-inner{
    margin-bottom: 10px;
}
.related-document-inner img {
    border: 2px solid #1875bd;
    height:62px;
    width:62px;
    display:inline-block;
    border-radius: 0; 
    margin: 0 auto;
    text-align: center;
}

.related-document-inner .center-block {
    margin: 0 auto;
    text-align: center;
        
}
.related-document-inner .related-document-title {
   font-size: 15px;
   line-height: 18px;
}
.related-document-inner .col-md-12 {
   padding-left: 0;
   padding-right: 0;
}

/********** Event Content ************/
.content-header{
    text-transform: uppercase;
    background: #008fe6 url(../img/content-header-bg.png) top left repeat-x;
    height: 44px;
    font-family: 'Myriad-Pro';
    color: #FFFFFF;
    font-size: 22px;
    padding-left: 15px;
    line-height: 44px;
    margin-bottom: 15px;
}


.content-video-post{
    padding-top: 0;
    /*padding-bottom: 32px;*/
    margin-bottom: 30px;
}

div.event-content, .content-header-top{
    padding-top: 5px;
}

.category-bottom{
    display: inline-block;
    width: 100%;
    height: 4px;
    background: url(../img/document-default-category-bottom-bg.png) top left repeat-x;
}

div.document-category-title{
    font-family: 'CastleT-Book';
    font-size: 14px;
    color: #3c88c6;
    text-transform: uppercase;
    padding-top: 10px;
    
}

div.document-achive-inner{
    padding-top: 13px; 
    padding-bottom: 13px; 
}

div.document-achive-image{
    padding-top: 15px;
    background: #8ccbe9;
}

div.document-post-data-inner{
    padding-top: 10px;
    line-height: 15px;
    background: #8ccbe9;
    padding-left: 2px;
    font-size: 13px;
    padding-bottom: 10px;
}

div.document-achive-title{
    background: #8ccbe9;
}
div.document-achive-inner .play_btn{
    position: absolute;
    width: 36px;
    height: 33px;
    background: url(../img/download-icon.png) no-repeat scroll 0 0;
    top: -webkit-calc(60% - 16.5px);
    top: calc(60% - 16.5px);
    left: -webkit-calc(60% - 24px);
    left: calc(60% - 35px);
}
.video_post_padding{
    padding-top: 10px;
}
.embed_video_post_padding{
    padding-top: 5px;
}

div.document-achive-inner .document_download_btn{
    position: absolute;
    width: 36px;
    height: 33px;
    background: transparent url(../img/download-icon.png) no-repeat scroll 0 0;
    top: -webkit-calc(60% - 16.5px);
    top: calc(60% - 16.5px);
    left: -webkit-calc(60% - 24px);
    left: calc(60% - 35px);
}

div.document-achive-inner .gallery_zome_btn{
    position: absolute;
    width: 40px;
    height: 42px;
    background: url(../img/zoom-in.png) no-repeat scroll 0 0;
    top: -webkit-calc(60% - 16.5px);
    top: calc(60% - 16.5px);
    left: -webkit-calc(56% - 24px);
    left: calc(56% - 35px);
}

.document-thumb-dimension{
    width: 220px;
    height: 144px; 
    margin: auto;
}



/********* About Menu **********/
.about-block-1,
.about-block-2{
    font-family: 'Myriad-Pro';
    font-size: 15px;
    text-align: justify;
    padding-bottom: 10px;
}

.about-title{
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 5px;
}
.about-subtitle{
    font-size: 20px;
    color: #135781;
    font-weight: bold;
}
.about-banner{
    background-color: #209bd3;
    margin: 45px 0;
}
div.banner-left{
     margin-left: auto;
     margin-right: auto;
     min-height: 187px;
     /*background: #209bd3 url(../img/about-banner-logo.png) 40px center no-repeat;*/
     background: url(../img/about-banner-logo.png) 40px center no-repeat;
     display: inline-block;
     vertical-align: middle;
}
div.banner-right{
     margin-left: auto;
     margin-right: auto;
     min-height: 187px;
     background: transparent url(../img/about-banner-right.png) right center no-repeat;
     /*background:  #209bd3 url(../img/about-banner-right.png) right center no-repeat;*/
     display: inline-block;
     vertical-align: middle;
}

/********* Contact Menu********/
div.google-map{
    height: 355px;
    border: 3px solid #1d76be;
    margin-top: 5px;
    margin-bottom: 18px;
}

div.contact-section-2{
     min-height: 143px;
     background: #e1f0f8 url(../img/contact-second-block-bg.png)no-repeat;
     /*display: inline-block;*/
     vertical-align: middle;
     margin: 20px 0;
         
}
.contact-info h2{
    color: #0c4977;
     background: none;
}
.contact-info p{
    color: #373e42;
    background: none;
}
.contact-info hr {
    display: block;
    border: 0;
    border-top: 3px solid #2288ca;
    padding: 0; 
    margin: 0;
}

div.message-header h3{
    font-size: 22px;
    color: #0d4777;
    font-weight: normal;
    margin: 10px 0 15px 0;
}

.contact-section-3{
    background-color: #609fd1;
    margin: 0px 0 50px 0;
}
.contact-from{
    padding-top: 20px;
    padding-bottom: 20px;
}
.contact-from input,
.contact-from textarea{
    border: 0;
    border-radius: 0;
    font-family: Myriad-Pro;
    font-size: 18px;
    font-weight: normal;
    background-color: #d0e2f1;
}
.contact-from button{
    border: 0;
    border-radius: 0;
    font-family: Myriad-Pro;
    font-size: 18px;
    font-weight: normal;
}

/**********Tag hover style*******/
.topics-header{
    background: #1c74bc;
    line-height: 45px;
    font-family: 'Myriad-Pro';
    color: #FFFFFF;
    font-size: 20px;
    padding-left: 5px;
}

.tag:hover {
    color: #f1f4f5;
    border-color: #0a4d83;
    background: #0a4d83;
    text-decoration: none;
}

.topics-message{
    font-family: 'Myriad-Pro';
    font-size: 17px;
}

div.search-for-topic{
    border: 1px solid #1c74bc; 
    width: 81%; 
    line-height: 46px;
}
.checkbox-inline:first-child{
    padding-left: 50px;
}

.checkbox-inline input{
  background: #008fe6;
  height: 30px;
  width: 30px;
  display: block;
  border-radius: 0;
  border: 0;
  line-height: 38px;
  margin-top: 10px;
}
.checkbox-inline span{
    padding:15px;
    font-size: 17px;
    color: #1d76be;
}

.search-botton{
    margin: 20px 0;
}

.search-for-topics{
    background: #1c74bc;
    font-family: 'Myriad-Pro';
    color: #FFFFFF;
    font-size: 20px;
}
.search-for-topics button{
    border: 0;
    border-radius: 0;
    height: 50px;
}
.tag-demo {
    font-family: 'Myriad-Pro';
    color: #ffffff;
    background: #1875bd;
    border-radius: 2px;
    /*width: 96%;*/
    height: 33px;
    display: inline-block;
    line-height: 28px;
    text-transform: uppercase;
    font-size: 16px;
    margin-right: 5px;
    margin-bottom: 7px;
    text-align: justify;
}
.tag-demo:hover {
    color: #f1f4f5;
    border-color: #0a4d83;
    background: #0a4d83;
    text-decoration: none;
}

div.topics-result-header{
    margin: 5px 0;
}

.topics-tabs .nav-tabs > li > a {
    background-color: #008fe6;
    font-family: 'Myriad-Pro';
    font-size: 17px;
    color: #FFFFFF;
    margin-right: 0px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.topics-tabs .nav-tabs > li.active > a, 
.topics-tabs .nav-tabs > li.active > a:hover, 
.topics-tabs .nav-tabs > li.active > a:focus{
    background-color: #0b5988;
    color: #FFFFFF;
    margin-right: 0px;
}
.topics-tabs .nav-tabs > li > a:hover {
    border-color: #008fe6 #008fe6 #008fe6;
}
.topics-tabs .nav > li > a:hover,
.topics-tabs .nav > li > a:focus {
    text-decoration: none;
    background-color: #0b5988;
}
div.topics-tabs-item{
    border-left: 1px solid #69a9d7; 
    border-right: 1px solid #69a9d7; 
    border-bottom: 1px solid #69a9d7; 
}

.topics-tablist-interview{
    padding-right: 6px;
}
.topics-tablist-citation{
   padding-left: 7px;
}

div.topics-item{
    border-bottom: 1px solid #69a9d7;
    display: table;
}

div.topics-item:last-child{
    border-bottom: 0;     
}

div.topics-item-header{
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Myriad-Pro';
    font-size: 17px;
    color: #0b5988;
}

.topics-item:hover{
    background-color: #92bdd5;
}

.search-keyword {
    color: #001821;
    background: #FFFFFF;
    border-radius: 2px;
    display: inline-block;
    line-height: 28px;
    padding: 0 13px;
    text-transform: uppercase;
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 7px;
    text-align: justify;
}
.topics-search-result{
    color: #0b5988;
    text-align: right;
    padding-top: 25px;
    font-weight: bold;
}

.content-pagination-text{
    color: #0b5988;
    text-align: right;
    padding-top: 25px;
    font-weight: bold;
}
.content-not-found-text{
    font-family: 'Myriad-Pro';
    font-size: 17px;
    color: #0b5988;
    font-style: italic;
}

/*Advance search*/
.search-result-count{
    font-family: 'Myriad-Pro';
    font-size: 15px;
    font-weight: normal;
    color: #001821;
}

.advanced-search .nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
}
.advanced-search-description{
    font-family: 'Myriad-Pro';
    font-size: 15px;
    font-weight: normal;
    color: #001821;
}

.most-important-topics li:first-child{
    line-height: 15px;
}

/*Footer menu style start*/ 

.terms-of-use-content,
.privacy-policy-content{
    padding-top:5px; 
    padding-bottom: 20px;
}

.sitemap-image img{
    text-align: center;
    display: block;
    margin: auto;
}

/*Citatuion Modal Box Style*/

.modal-backdrop.in {
	opacity: 0.9;
}

#modal-citation-content-details .modal-header{
    border: 0px;
}

#modal-citation-content-details .modal-content{
     background: #f9fafa url(../img/model-box-bg.png) top left repeat;
}

#modal-citation-content-details .modal-title{
    font-family: "CastleT-Book";
    font-size: 23px;
    color: #fff;
    padding-left: 13px;
    line-height: 61px;
}
#modal-citation-content-details .close{
    margin-top:0;
    opacity: 2;
}

#modal-citation-content-details .modal_cross{
    display: block;
    width: 138px;;
    height:61px;
    background:transparent  url(../img/modal_cross.png) top right no-repeat;
}

#modal-citation-content-details .citation-model-title-right{
    display: block;
    height:48px;
    background:transparent  url(../img/modal_video_bg.png) top right no-repeat;
}
/*.citation-model-title-left{
    padding-left: 10px;
}*/

.citation-model-title-left p{
    font-family: 'Myriad-Pro';
    margin-bottom: 0px;
   
}
.citation-model-title-left p.title{
    color: #8eb9e3;
    font-size: 25px;
}
.citation-model-title-left p.country-name{
    font-size: 17px;
    color: #000;
}
.citation-model-title-right img{
    display: block;
    float: right;
    padding: 15px;
}
.citation-model-details{
    font-family: 'Myriad-Pro';
    font-size: 18px;
}
.citation-modal-related-video legend{
    padding-bottom: 10px;
    font-size: 26px;
}
.citation-modal-related-video legend span{
    font-family: 'Myriad-Pro';
    font-size: 26px;
}

.other-content{
    text-align: center;
    background-color: #1c74bc;
}
.other-content p{
    text-transform: uppercase;
    font-size: 17px;
    color: #fff;
    font-family: 'Myriad-Pro';
    margin: 10px 0px;
}

/* Read More */
.more-item{
    font-family: "Myriad-Pro";
    font-size: 17px;
    color: #fff;
    padding: 7px 15px;
    float: right;
    background: #1875bd;
    margin-top: -30px;
    margin-right: 15px;
}

.related-meterails-fieldset a{
    text-decoration: none;
}

.extra_video_title{
    min-height: 31px;
    line-height: 31px;
}

/****************Gallery Style Start**********************/

div.photo-gallery-inner{
    padding-top: 15px; 
    padding-bottom: 15px; 
}

.gallery-thumb-dimension{
   width: 333px;
   height: 218px; 
   margin: 0;
}

#photogallery{
    margin-top: 10px;
}

.event_container {
    margin-bottom:10px;
    text-align: center;
}
.event_container img {
    width:100%;
}
.photo_gallary_title{
    margin-bottom: 28px;
    overflow: hidden;
    position: relative;
}
.photo_gallary_title:hover h3.event_title_bottom {
    display:none !important;
}

/*.photo_gallary .event_wrapper img{
    -webkit-transition: 0.8s ease-in-out; 
    -moz-transition: 0.8s ease-in-out; 
    -o-transition: 0.8s ease-in-out; 
    transition: 0.8s ease-in-out;
}	
.photo_gallary:hover .event_wrapper img{
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -webkit-transform: scale(1.5); 
    -moz-transform: scale(1.5); 
    -o-transform: scale(1.5); 
    -ms-transform: scale(1.5); 
    transform: scale(1.5);
}*/

.transparent_bg{
    background-color:rgba(0, 0, 0, 0.7);
}

.album_container{
    display:none;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;

}
.photo_gallary:hover .event_wrapper .album_container span {
    color: #fff;
    display: block;
    font-size: 24px;
    font-weight: 400;
}
.photo_gallary:hover .event_wrapper .album_container span.album_title{
    margin-top:55px;
}
.photo_gallary:hover .event_wrapper .album_container {
    display: block;
    height: 268px;
    margin: 0;
    position: absolute;
    width: 96%;
    margin-right: 15px;
    z-index: 999;
    text-align:center;
}
.album_container_text {
    position: absolute;
    /*top: -161px;*/
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin:auto;
    width:100%;
    padding-right: 15px;
    text-align:center;
    height:100%;
}
.album_container:hover .album_container_text {
    position: absolute;
    top: 0px;
}

.photo_gallary .event_wrapper{
    overflow:hidden;
}		

.event_title {
    display: block;
    height: 45px;
    line-height: 22px;
    margin: 0;
    overflow: hidden;
    font-weight:500;
}

.zoom_icon_plus {
    border-radius: 50%;
    color: #fff !important;
    font-size: 41px !important;
    font-weight: bolder;
}
.photo_gallery_details_container{
    margin-bottom:30px;
}
.photo_gallary_details:hover .img_zooming {
    top: 95px;
}

div.gallery-achive-image{
    padding-top: 15px;
    background: #8ccbe9;
}

div.gallery-achive-title{
    background: #8ccbe9;
}

.gallery-title{
    text-align: left;
}

.browse-other-photo-category{
    margin-top: 30px;
    margin-bottom: 30px;
}

/*******Gallery End Style**************/

/*****Document Item Style Start *********/
.document_gallary:hover .event_wrapper .album_container span {
    color: #fff;
    display: block;
    font-size: 24px;
    font-weight: 400;
}

.document_gallary:hover .event_wrapper .album_container {
    display: block;
    min-height: 195px;
    margin: 0;
    position: absolute;
    width: 95%;
    margin-right: 15px;
    z-index: 999;
    text-align:center;
}
.document_gallary .event_wrapper{
    overflow:hidden;
}

/******Add 4/1/16***/
.play_event_name{
    font-family: "Myriad-Pro";
    font-size: 32px!important;
    color: #1c74bc!important;
}

span.play_event_date{
    font-family: "Myriad-Pro";
    font-size: 20px;
    color: #91adbb;
}
 .advanced-search .search-archive-tab{
    padding-left: 10px; 
    padding-right: 10px;
}
.contact-info h1,
.contact-info h2{
    margin: 5px 0px;
}
/*********Menu Style******/
#main-menu-container .navbar-nav{
    margin: 0px;
}

#menu .navbar-nav > .active{
    border-top: 1px solid #ffffff; 
}

 #menu .navbar-nav > .active > a, 
 #menu .navbar-nav > .active > a:hover, 
 #menu .navbar-nav > .active > a:focus {
   border-top: 2px solid #ffffff;
 }

 /**** Event Details Image Dimension******/
 .event-details-thumb-dimension{
     margin-left: auto;
     margin-right: auto;
     width: 220px; 
     height: 143px;
 }
 
 /*****Interview Thumb/Interview Related Award Ceremoy Thumb ******/
 .interview-details-thumb-dimension,
 .award-ceremony-thumb-dimension,
 .extra-video-thumb-dimension,
 .event-category-page-thumb-dimension{
     margin-left: auto;
     margin-right: auto;
     width: 235px; 
     height: 152px;
 }
 
  /*content image dimension*/
    img.interview-thumb-dimension{
        width: 239px;
        height: 152px;
        margin-left: auto;
        margin-right: auto;
    }
    .highlighted-section a{
        color: #000;
        text-decoration: none;
    }


/******Added 09-02-2016******/
#menu .active > a{
    background-color: #fff;
   
}

#main-menu-container .nav .active > a{
    color: #1d7ac0!important;
    text-shadow: 0px 0px 0 #1d7ac0!important;
}

#main-menu-container .navbar .nav > .active > a:hover,
#main-menu-container .navbar .nav > .active > a:focus,
#main-menu-container .nav .open > a,
#main-menu-container .nav .active > a{
    background-color: #fff;
}