/* put here your custom css styles */

.vc_col-sm-3 {
    width: 25% !important;
        float: left !important;
}
.vc_carousel-slideline .vc_item .vc_inner img{
    width: 100%;
    position: relative;
    display: block;
    height: auto;
}
.bg-gray{
    background: #f0f0f0;
}

.text-oxygen{
    font-family: Oxygen;
}
.text-white{
    color: white;
}
.research-homepage .box-research{
    height: 125px;
    overflow: hidden;
}
.research-homepage .box-research .date-box{
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}

.research-homepage .box-research .date-box{
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    float: left;
    height: 100%;
    background: #d3e1ff;
}
.research-homepage .box-research .date-box .date,
.research-homepage .box-research .date-box .month{
    color: rgba(0,0,0,0);
}
.research-homepage .box-research .title-box{
    font-size: 16px;
    border-left: 1px solid white;
    padding: 13px 10px 10px 10px;
    height: 100%;
}
.research-homepage .box-research .title-box a{
    color: black;
    text-decoration: none !important;
    line-height: 18px;
}
.research-homepage .box-research:hover .title-box a{
    color: #3357a1;
}
.research-homepage .footer-box{
    background: #3357a1;
    color: white;
    padding: 0 20px;
}

.blog-homepage .title-box{
    padding-top: 30px;
     color: black;
     font-size: 22px;
    text-decoration: none !important;
}
.blog-homepage .blog-box:hover .title-box{
    color: #3357a1;
}

.news-homepage .menu-news {
    width: 100%;
    display: block;
    position: relative;
    float: left;
    background: #123379;
    list-style-type: none;
    padding: 25px 0px;
    margin-top: 0;
}

.news-homepage .menu-news li{
    width: 100%;
    position: relative;
    display: block;
    float: left;
    list-style-type: none;
    padding: 20px 25px;
    color: #fff;
    font-size: 18px;
    font-family: Oxegen;
    transition: all 0.5s ease;
    cursor: pointer;
}

.news-homepage .menu-news li.active{
    background: white;
    color: #3357a1;
    transition: all 0.5s ease;
}
.news-homepage .menu-news li:hover{
    background: white;
    color: #3357a1;
    transition: all 0.5s ease;
}

.news-homepage .menu-news li .text{
    position: relative;
    display: block;
    float: left;
    padding: 15px 0;
    text-indent: 10px;
    
}
.news-homepage .menu-news li .icon{
    width: 50px;
    height: 50px;
    position: relative;
    display: block;
    float: left;
    
    background-position: center;
    background-size: 100%;

}
.news-homepage .menu-news li .icon.icon-news{
    background-image: url("./images/icon_home/newsnon.png");
}
.news-homepage .menu-news li .icon.icon-policy{
    background-image: url("./images/icon_home/policybriefnon.png");
}
.news-homepage .menu-news li .icon.icon-publication{
    background-image: url("./images/icon_home/publicationnon.png");
}

.news-homepage .menu-news li.active .icon.icon-news,
.news-homepage .menu-news li:hover .icon.icon-news{
    background-image: url("./images/icon_home/newsactive.png");
}
.news-homepage .menu-news li.active .icon.icon-policy,
.news-homepage .menu-news li:hover .icon.icon-policy{
    background-image: url("./images/icon_home/policybriefActive.png");
}
.news-homepage .menu-news li.active .icon.icon-publication,
.news-homepage .menu-news li:hover .icon.icon-publication{
    background-image: url("./images/icon_home/publicationActive.png");
}

.news-homepage .news-box .news{
    display: none;
}
.news-homepage .news-box .news.active{
    display: block;
}

.news-homepage .news-box .policy{
    display: none;
}
.news-homepage .news-box .policy.active{
    display: block;
}

.news-homepage .news-box .publication{
    display: none;
}
.news-homepage .news-box .publication.active{
    display: block;
}

.news-homepage .news-box .report{
    display: none;
}
.news-homepage .news-box .report.active{
    display: block;
}
.news-homepage .news-box{
    padding: 25px
}


.news-homepage .news-box .title-box{
    padding-top: 30px;
    padding-bottom: 10px;
    color: black;
    font-size: 18px;
    text-decoration: none !important;
    height: auto;
    overflow: hidden;
    line-height: 25px;
    
}
.news-homepage .news-box .box-list:hover .title-box{
    color: #3357a1;
}



.border-under-title:after{
    content: ' ';
    position: relative;
    display: block;
    width: 90px;
    height: 9px;
    text-align: center;
    margin: 0 auto;
    border-bottom: 2px solid;
}
.top-sectionbottom .login-intranet{
    background: #42b3e5;
    position: relative;
    display: block;
    float: right;
    border-radius: 3px 3px 0 0;
    margin-left: 15px;
    cursor: pointer;
}
.top-sectionbottom .login-intranet .login-btn{
        color: white;
    margin: 0;
    padding: 7px 28px;
    font-size: 16px;
}
.top-sectionbottom .login-intranet:hover {
    background: #3860ac;
}
    
.top-sectionbottom .login-intranet .box-login{
    position: absolute;
    display: none;
    background: #3156a3;
    background-image: url("./images/hitapboxt.jpg");
    background-position: left top;
    background-size: cover;
    width: 312px;
    right: 0;
    top: 31px;
    z-index: 99;
    padding: 35px 35px;
}
.top-sectionbottom .login-intranet.actived .box-login{
    display: block;
}
.top-sectionbottom .login-intranet .box-login p.title{
    font-size:23px;
    color: white;
    padding-bottom: 18px;
}

.top-sectionbottom .login-intranet .box-login input{
    width: 90%;
    font-size: 16px;
    padding: 9px 12px 7px 12px;
    position: relative;
    display: block;
    outline: none;
    border: 0;
    margin-bottom: 25px;
}
.top-sectionbottom .login-intranet .box-login .submit{
    background: #42b3e5;
    position: relative;
    display: block;
    padding: 11px 20px;
    color: white;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    margin: 0 auto;
    width: 45%;
    font-weight: bold;
    border: 0;
}
.top-sectionbottom .login-intranet .box-login .submit:hover{
    background: #0000008f;
}
   
.top-sectionbottom .login-intranet .box-login p.error {
    border-left: 2px solid red;
    background: #ffe4e4;
    margin-bottom: 25px;
    padding: 5px;
    display: none;
}
.top-sectionbottom .login-intranet .box-login p.error.actived {
    display: block;
}
.top-sectionbottom .login-intranet .box-login p.wait {
    margin-bottom: 25px;
    padding: 5px;
    display: none;
    color: white;
    text-align: center;
}
.top-sectionbottom .login-intranet .box-login p.wait.actived {
    display: block;
}

/*
div.ribbon-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 128px;
    height: 128px;
    background-image: url("./images/black-ribbon.png");
    background-size: 128px 128px;
    z-index: 9999;
    
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


@media screen and (max-width: 1100px) {
    div.ribbon-fixed {
        width: 80px;
        height: 80px;
        background-size: 80px 80px;
    }
}*/
.table{
    margin-top: 25px;
}
.table th{
    font-weight: bold;
    
    padding-right: 15px;
    text-align: center;
    padding: 18px 12px;
    
}
.table td{
   
    padding-right: 15px;
    padding: 18px 12px;
}

.table th h3 {
    color: #193b95;
}

body .navmain {
    background: #090909;
}

.navmain .sf-menu > li{
   background: #363636;
}
.navmain ul.sub-menu li.menu-item:hover > a {
    background: #363636;
}
ul.sub-menu li.menu-item:hover{
    background: #363636;
}
/*html, img {

    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.4);
	
	-webkit-filter: grayscale(0.4);
	
	filter: grayscale(0.4);
	filter: grayscale(40%);
	filter: gray; 
	-moz-filter: grayscale(40%);
	-webkit-filter: grayscale(40%);

}*/

.bloglayout{
   
}
.bloglayout .leftcontent,.single .vc_col-sm-4 .leftcontent{
    float: left;
    width: 66.66666667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}
.bloglayout .rightcontent,.single .vc_col-sm-4 .rightcontent {
    float: left;
    width: 33.33333333%;
    margin-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}
.bloglayout .page_layout h2 ,.single .vc_col-sm-4 .page_layout h2 {
    font-size: 30px;
    line-height: 30px;
    float: left;
    width: 330px;
    margin-bottom: 10px;
    margin-top: 0;
}
.bloglayout hr,.single .vc_col-sm-4 hr{
    margin-bottom: 40px;
    line-height: 1px;
    height: 1px;
    /* border: 0; */
    border-bottom: 1px dashed#DFDFDF;
    /* border-bottom: 0; */
    border-top: 0;
    /* border-right: 0; */
    border-left: 0;
}
.bloglayout .blog_list_terms,.single .vc_col-sm-4 {
    display: inline-block;
     padding: 0;
   margin: 0;
}
.bloglayout .blog_list_terms li,.single .vc_col-sm-4 .blog_list_terms li{
   display: inline-block;
   padding: 0;
   margin: 0;
   list-style: none;
   transition: all 0.2s ease-in-out;
   text-decoration: none;
   background: #34a6d3
}
.bloglayout .post_thumbnail ,.single .vc_col-sm-4 .post_thumbnail{
float: left;
margin-right: 25px;
width: 274px;
}
.bloglayout .blog_list_terms li:hover,.single .vc_col-sm-4 .blog_list_terms li:hover{
   display: inline-block;
   padding: 0;
   margin: 0;
   list-style: none;
    text-decoration: none;
   background: #3156a3
}
.bloglayout .blog-wrap  p,.single .vc_col-sm-4 .blog-wrap  p{
    font-family: Arial,Tahoma;
    font-size: 16px;
line-height: 1.72em;
    margin-bottom: 0px;
    padding-bottom: 10px;
}
.bloglayout .blog_list_terms a,.single .vc_col-sm-4 .blog_list_terms a{
    padding: 2px 5px;
    color: #fff;
}
.bloglayout .post_body_list,.single .vc_col-sm-4 .post_body_list{
    width: 330px;
    float: left
}
.bloglayout .page_layout h2 a,.single .vc_col-sm-4 .page_layout h2 a{
    color: #3156A3;
    width: 330px;
    display: block;
    word-wrap: normal;
    margin: 0;
    padding: 0;
    transition: all 0.2s ease-in-out;
}
.bloglayout .page_layout h2 a:hover,.single .vc_col-sm-4 .page_layout h2 a:hover{
    color: #34a6d3
}
.single .post_content {
    float: right;
    width: 520px;
    padding-bottom: 25px;
    border-bottom: 1px solid #E0E0E0;
    word-wrap: normal
}

.single .vc_col-sm-8{
    float: left;
    width: 66.66666667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}
.single .vc_col-sm-4{
    float: left;
    width: 33.33333333%;
    margin-top: 12px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}
.staff-list{
    display: block;
    width: 178px;
    margin: 0 20px 20px 0;
    text-align: center;
    float: left;
}
.staff-list:nth-child(5n+2){
    clear: left
}
.staff-list h3{
    font-size: 19px;
    color: #000
}
.staff-list h3 a{
    color: #000
}
.staff-wrap h2{
    clear: both;
margin: 30px 0 20px 0;
}
.footer_box {
    float: left;
    width: 300px;
    padding-right: 30px;
    color: #909090;
}
.page-template-template-archivements-php .page_layout h2{
    font-size: 23px;
    line-height: 27px;
    text-align: center;
}
.page-template-template-archivements-php .isotope-inner{
    text-align: center;
}
.page.page-template-archive-projects-php .page_layout h2{
    border-bottom: 0;
    padding-bottom: 0px;
    margin-top: 0px;
}
.publishdatetime{
    font-size: 12px;
    color: #aaa;
}
.single .vc_row .single .vc_row p{
    font-family: Arial,Tahoma;
    font-size: 15px;
    line-height: 1.67em;
}
.page_layout .sw_date{
    font-family: Arial,Tahoma;
    font-size: 15px;
    line-height: 1.67em;
    color: #909090;
}
.page_layout .sw_cat,.page_layout .sw_tags,.page_layout .sw_wby{
    clear: both;
display: block;
}
.page_layout .sw_cat  li{
    font-family: Arial,Tahoma;
    font-size: 15px;
    line-height: 1.67em;
}
.page_layout .sw_tags  li{
    font-family: Arial,Tahoma;
    font-size: 15px;
    line-height: 1.67em;
}
.page_layout .sw_wby  li{
    font-family: Arial,Tahoma;
    font-size: 15px;
    line-height: 1.67em;
    margin-bottom: 20px
}
.bloglayout .widget_categories li a,.single .vc_col-sm-4  .widget_categories li a{
    padding: 6px 6px;
    margin: 0 0 1px 0;
    list-style: none;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    background: #34a6d3;
    color: #fff;
    font-size: 14px !important;
    border: 1px solid #E0E0E0;
    display: inline-block;
    clear: both
}
.bloglayout .widget_categories li a:hover,.single .vc_col-sm-4 .widget_categories li a:hover{
    padding: 6px 6px;
    margin: 0 0 1px 0;
    list-style: none;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    background: #3156a3;
    color: #fff;
    font-size: 14px !important;
    border: 1px solid #E0E0E0;
    display: inline-block;
}
.bloglayout .widget_categories li,.single .vc_col-sm-4 .widget_categories li{
    float: none
}
.bloglayout .tagcloud a,.single .vc_col-sm-4 .tagcloud a{
    padding: 6px 6px;
    margin: 0 0 3px 0;
    list-style: none;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    background: #34a6d3;
    color: #fff;
    font-size: 14px !important;
    border: 1px solid #E0E0E0;
    display: inline-block;
}
.bloglayout .tagcloud a:hover,.single .vc_col-sm-4 .tagcloud a:hover{
   padding: 6px 6px;
    margin: 0 0 3px 0;
    list-style: none;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    background: #3156a3;
    color: #fff;
    font-size: 14px !important;
    border: 1px solid #E0E0E0;
    display: inline-block;
}
.single .vc_col-sm-8 p img{
    max-width: 100%;
    height: auto;
}
.clearbr{
    clear: both;
    margin-top: 10px;
}
.comma{
    margin: 0 5px
}
.bloglayout .sidebar .widget_recent_post_type .post_thumbnail img,.single .vc_col-sm-4 .widget_recent_post_type .post_thumbnail img {
max-width: 90px;
height: auto;
}
.bloglayout .sidebar .widget_recent_post_type .post_thumbnail,.single .vc_col-sm-4 .widget_recent_post_type .post_thumbnail{
    width: auto;
    margin-right: 10px;
}
.bloglayout .sidebar .widget_recent_post_type li a.clearfix,.single .vc_col-sm-4 .widget_recent_post_type li a.clearfix{
    float: left;
    color: #666;
    border: none;
    display: block;
    width: 165px;
    clear: none;
}
.bloglayout .sidebar .widget_recent_post_type .timeago,.single .vc_col-sm-4 .widget_recent_post_type .timeago {
clear: none;
display: block;
margin-top: 2px;
font-size: 11px;
color: #909090;
float: left;
}
.bloglayout .sidebar .scrolling_recent_posts_widget .post_thumbnail img,.single .vc_col-sm-4 .scrolling_recent_posts_widget .post_thumbnail img {
max-width: 90px;
height: auto;
}
.bloglayout .sidebar .scrolling_recent_posts_widget .post_thumbnail,.single .vc_col-sm-4 .scrolling_recent_posts_widget .post_thumbnail{
    width: auto;
    margin-right: 10px;
}
.bloglayout .sidebar .scrolling_recent_posts_widget li a.clearfix,.single .vc_col-sm-4 .scrolling_recent_posts_widget li a.clearfix{
    float: left;
    color: #666;
    border: none;
    display: block;
    width: 165px;
    clear: none;
}
.bloglayout .sidebar .scrolling_recent_posts_widget .timeago,.single .vc_col-sm-4 .scrolling_recent_posts_widget .timeago {
clear: none;
display: block;
margin-top: 2px;
font-size: 11px;
color: #909090;
float: left;
}
.no_post_relate{
    float: left;
}
.vc_col-sm-8 img{
    max-width: 100%;
    height: auto
}
.bloglayout .sidebar  h3,.single .vc_col-sm-4   h3 {
    font-size: 26px;
    line-height: 43px;
    font-size: 3.4em;
    border-top: 5px solid #DFDFDF;
    margin-bottom: 0px;
    color: #333;
    padding-top: 40px;
}
.bloglayout .sidebar h3 {
font-family: 'oxygenbold';
}
.bloglayout .sidebar .sidebar_box:first-child h3,.single .vc_col-sm-4 .sidebar_box:first-child h3{
    padding-top: 0px;
    border-top: 0px solid #333;
}

.bloglayout .sidebar  .post_body_list,.single .vc_col-sm-4 .post_body_list{
width: 300px;
float: left;
}
.popular_post_bar_wrapper{
    clear: both;
    margin: 10px 0 0 0
}
.popular_posts_bars {
  display: block !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  background: none !important;
  color: #333 !important;
  text-decoration: none !important;
  list-style: none !important;
  margin-bottom: 0.5em !important; }
  .popular_posts_bars .popular_posts_bars_li {
    display: block !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    background: none !important;
    color: #333 !important;
    text-decoration: none !important;
    position: relative !important;
    overflow: visible !important;
    margin: 0 0 -6px 0 !important;
    padding: 15px 0 15px 15px !important;
    background: #ccc !important;
    background: rgba(200, 200, 200, 0.9) !important;
    width: 76% !important;
    box-sizing: border-box;}
    .popular_posts_bars .popular_posts_bars_li.popular_posts_bars_color_red {
      background: #f45 !important;
      background: rgba(255, 68, 75, 0.9) !important;
      width: 100% !important; }
    .popular_posts_bars .popular_posts_bars_li.popular_posts_bars_color_orange {
      background: #f74 !important;
      background: rgba(255, 103, 57, 0.9) !important;
      width: 95% !important; }
    .popular_posts_bars .popular_posts_bars_li.popular_posts_bars_color_yellow {
      background: #fd4 !important;
      background: rgba(255, 218, 57, 0.9) !important;
      width: 89% !important; }
    .popular_posts_bars .popular_posts_bars_li.popular_posts_bars_color_green {
      background: #cf5 !important;
      background: rgba(193, 241, 78, 0.9) !important;
      width: 84% !important; }
    .popular_posts_bars .popular_posts_bars_li.popular_posts_bars_color_blue {
      background: #3cf !important;
      background: rgba(29, 195, 246, 0.9) !important;
      width: 80% !important; }
    .popular_posts_bars .popular_posts_bars_li.popular_posts_bars_color_no-color {
      background: #ccc !important;
      background: rgba(200, 200, 200, 0.9) !important;
      width: 76% !important; }
    .popular_posts_bars .popular_posts_bars_li.with_thumbnail a.popular_posts_bars_link {
      clear: both !important; }
      .popular_posts_bars .popular_posts_bars_li.with_thumbnail a.popular_posts_bars_link:after {
        display: block !important;
        clear: both !important;
        content: '' !important; }
    .popular_posts_bars .popular_posts_bars_li.with_thumbnail img {
      padding: 0 3px !important;
      font-size: 0 !important; }
    .popular_posts_bars .popular_posts_bars_li a.popular_posts_bars_link {
        display: block !important;
        border: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        background: none !important;
        color: #333 !important;
        text-decoration: none !important;
        width: auto !important;
        min-height: 30px !important;
        margin-right: 25px !important;
        clear: both;
        line-height: 18px;
    }
      .popular_posts_bars .popular_posts_bars_li a.popular_posts_bars_link:hover {
        color: #fff !important; }
    .popular_posts_bars .popular_posts_bars_li .popular_posts_bars_comment_count_hold {
      display: block !important;
      border: 0 !important;
      padding: 0 !important;
      margin: 0 !important;
      width: 100% !important;
      background: none !important;
      color: #333 !important;
      text-decoration: none !important;
      position: absolute !important;
      width: 40px !important;
      top: 10px !important;
      right: -17px !important;
      z-index: 20;}
      .popular_posts_bars .popular_posts_bars_li .popular_posts_bars_comment_count_hold a.popular_posts_bars_comment_count {
        display: block !important;
        border: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        background: none !important;
        color: #333 !important;
        text-decoration: none !important;
        width: 40px !important;
        color: #fff !important;
        text-align: center !important;
        font-weight: bold !important;
        padding: 0.5em 0.5em !important;
        background: #333 !important;
        white-space: nowrap !important; }
      .popular_posts_bars .popular_posts_bars_li .popular_posts_bars_comment_count_hold .popular_posts_bars_comment_count_triangle {
        display: block !important;
        border: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        background: none !important;
        color: #333 !important;
        text-decoration: none !important;
        width: 0 !important;
        height: 0 !important;
        border-right: 9px solid transparent !important;
        border-top: 9px solid #333 !important;
        border-left: 0 solid transparent !important;
        margin: 0 auto !important;
        top: 0 !important; }
    .popular_posts_bars .popular_posts_bars_li img {
      position: static !important;
      float: left !important;
      border: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important; }
  .popular_posts_bars.most_viewed_bars a.popular_posts_bars_link {
    margin-right: 50px !important; }
  .popular_posts_bars.most_viewed_bars .popular_posts_bars_comment_count_hold, .popular_posts_bars.most_viewed_bars a.popular_posts_bars_comment_count {
    min-width: 70px !important; }
  .post-related{
      clear: both
  }
  .socialshare{
      clear: both;
        margin: 10px 0 40px;
        float: left;
        width: 100%;
  }
/* -----------------------------------------------------------------------------
 * Post navigation
 * -------------------------------------------------------------------------- */
.post-nav {
  clear: both;
  margin-bottom: 40px;
}

.post-previous, .post-next {
  display: inline-block;
  width: 50%;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  box-sizing: border-box;
}
.post-previous:hover, .post-next:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}
.post-previous i, .post-next i {
  display: none;
  font-size: 40px;
  line-height: 0;
  vertical-align: middle;
  color: #222;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.post-previous .title, .post-previous .widget .widget-title, .widget .post-previous .widget-title, .post-next .title, .post-next .widget .widget-title, .widget .post-next .widget-title {
  margin: 0;
  font-weight: bold;
  font-size: 1.3em;
}


.post-previous {
  padding-right: 5%;
}
.post-previous i {
  float: left;
}
.post-previous .title, .post-previous .widget .widget-title, .widget .post-previous .widget-title {
  margin-left: 15px;
  font-size: 16px;
   color: #000;
    font-family: Tahoma;
    font-weight: normal;
}
.post-previous:hover i {
  -webkit-transform: translateX(-5px);
  -moz-transform: translateX(-5px);
  -ms-transform: translateX(-5px);
  -o-transform: translateX(-5px);
  transform: translateX(-5px);
}

.post-next {
  float: right;
  text-align: right;
  padding-left: 5%;
  border-left: 1px solid #ddd;
}
.post-next i {
  float: right;
}
.post-next .title, .post-next .widget .widget-title, .widget .post-next .widget-title {
    margin-right: 15px;
    color: #000;
    font-size: 16px;
    font-family: Tahoma;
    font-weight: normal;
}
.post-next:hover i {
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -ms-transform: translateX(5px);
  -o-transform: translateX(5px);
  transform: translateX(5px);
}
.post-previous .super-title, .post-next .super-title {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: normal;
  clear: both;
    display: block;
    font-weight: bold
}
  /* -----------------------------------------------------------------------------
 * Related Posts
 * -------------------------------------------------------------------------- */
html body .post-related .section-title {
    line-height: 43px;
    font-size: 3.4em;
    border-top: 1px solid #DFDFDF;
    margin-bottom: 20px;
    color: #333;
    padding-top: 40px;
    width: 100%;
}
.post-related .post-box-wrapper {
  margin-bottom: 45px;
}
.post-related .post-box-wrapper:last-child {
  margin-bottom: 0;
}
.post-related .col4 {
width: 31.03333333333333%;
/* display: inline-block; */
float: left;
margin-right: 20px;
}
.post-related .col4:last-child{
    margin-right: 0
}
.page_layout .post-related .col4 h3 {
font-size: 16px;
line-height: 27px;
font-family: Tahoma;
margin-bottom: 15px
}
.page_layout .post-related .col4 h3 a{
    color: #000
}
/* Flexbox for modern browser */
  .post-box-headline {
    height: 317px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .post-box-headline > .title, .widget .post-box-headline > .widget-title, .post-box-headline > .post-meta {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .post-box-headline > .title{
      height: 60px;
  overflow: hidden;
  }
  .post-box-headline > .post-thumbnail-wrapper {
    -webkit-flex: 1 1 80px;
    -moz-flex: 1 1 80px;
    -ms-flex: 1 1 80px;
    flex: 1 1 80px;
  }
  .post-box.post-box-headline  .post-thumbnail-wrapper img{
      display: none;
      visibility: visible;
  }
  
  
  .bloglayout .WP_Widget_Categories2 li a,.single .vc_col-sm-4  .widget_categories li a{
    padding: 6px 6px;
    margin: 0 0 1px 0;
    list-style: none;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    background: #34a6d3;
    color: #fff;
    font-size: 14px !important;
    border: 1px solid #E0E0E0;
    width: 100%;
    display: block;
    clear: both
}
.bloglayout .WP_Widget_Categories2 li a:hover,.single .vc_col-sm-4 .widget_categories li a:hover{
    padding: 6px 6px;
    margin: 0 0 1px 0;
    list-style: none;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    background: #3156a3;
    color: #fff;
    font-size: 14px !important;
    border: 1px solid #E0E0E0;
    width: 100%;
    display: block;
}
.bloglayout .WP_Widget_Categories2 li,.single .vc_col-sm-4 .widget_categories li{
    float: none
}
.bloglayout .widget_jal_widget ul{
  clear: both;
  margin: 10px 0 0 10px;
  padding: 0;
  list-style: none;
}
.bloglayout .widget_jal_widget ul ul{
    margin: 10px 0 20px 10px;
    padding: 0 0 0 10px;
}
.bloglayout .widget_jal_widget ul ul li{
    padding: 10px 0 0
}
.WP_Widget_Categories2 ul,.widget_archive2 ul {
clear: both;
margin: 10px 0 0;
padding: 0;list-style: none;
}

.widget_archive2 ul,
.widget_archive2 select
{
	margin-top: 0px;
}
.widget_archive2 li
{
	float: left;
	width: 137px;
	background: url('images/icon_arrow_right_black.png') left center no-repeat;
	line-height: 150%;
    padding: 5px 0 5px 18px;
}
.widget_archive2 li a
{
	color: #666666;
	border: none;
}
/*
** Button Share Single
*/
.sharrre .box{
  float:left;
}
.sharrre .share {
  color:#FFFFFF;
  display:block;
  font-size:11px;
  height:16px;
  line-height:16px;
  margin-top:3px;
  padding:0;
  text-align:center;
  text-decoration:none;
  width:50px;
  background-color:#9CCE39;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px; 
}
.sharrre .buttons {
  display:none;
  position:absolute;
  margin-left:50px;
  z-index:10;
  background-color:#fff;
}
.sharrre .button {
  float:left;
  max-width:50px;
  margin-left:10px;
}
#relates-project,#relates-link,#relates-picture{
    clear: both
}
#relates-print,#relates-picture{
    clear: both;
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #eee;
    box-sizing: border-box;
    font-size: 13px;
    float: left;
    width: 100%;
}
#relates-print a.viewbook p{
    font-size: 12px;
    word-wrap: break-word;
}
#relates-print .book-item,#relates-picture .book-item{
    margin: 10px 30px 0px 12px
}
#relates-print .book-item:nth-child(3n),#relates-picture .book-item:nth-child(3n){
    margin-right: 0
}
#relates-print .book-item:nth-child(3n+2),#relates-picture .book-item:nth-child(3n+2){
    clear: left;
}
html body #relates-print h2,html body #relates-link h2,html body #relates-picture h2,html body #relates-project h2{
    background: #34A6D3;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 10px;
    width: 100%
}

/* -----------------------------------------------------------------------------
 * Post top
 * -------------------------------------------------------------------------- */


.top-posts .post-box-wrapper + .post-box-wrapper, .vwpc-section-post_slider-headline .post-box-wrapper + .post-box-wrapper {
  border-left: 1px dotted #ddd;
}
.top-posts {
  clear: both;
  padding: 30px 0;
  border-bottom: 1px solid #ddd;
  position: relative;
  overflow: hidden;
}
.top-posts .caroufredsel_wrapper .top-posts-inner {
  display: block;
}
.top-posts .caroufredsel_wrapper ~ .carousel-na v-prev,
.top-posts .caroufredsel_wrapper ~ .carousel-nav-next {
  display: block;
}
.top-posts .post-box-wrapper {
  border-left: 1px dotted rgba(255, 255, 255, 0);
  display: inline-block;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
  width: 303px;
}
.top-posts .post-thumbnail-wrapper {
  margin-bottom: 0px !important;
}
.top-posts .carousel-nav-prev, .top-posts .carousel-nav-next {
  width: 40px;
  height: 70px;
  top: 50%;
  margin-top: -45px;
  position: absolute;
  z-index: 1;
  opacity: 0.5;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
.top-posts .carousel-nav-prev:hover, .top-posts .carousel-nav-next:hover {
  opacity: 1;
}
.top-posts .carousel-nav-prev {
  background: url(images/carousel-nav-prev.png) no-repeat;
  left: 0;
}
.top-posts .carousel-nav-prev:hover {
  left: -5px;
}
.top-posts .carousel-nav-next {
  background: url(images/carousel-nav-next.png) no-repeat;
  right: 0;
}
.top-posts .carousel-nav-next:hover {
  right: -5px;
}
.top-posts .post-box-headline > .title a{
    font-family: 'oxygenbold';
    font-size: 30px;
    line-height: 30px;
    float: left;
    margin-bottom: 10px;
    margin-top: 0;
}
.top-posts .post-meta{
    margin-bottom: 10px
}
.top-posts .theme_page{
    padding: 0;
    width: 990px;
    position: relative;
    height: 317px;
    overflow: hidden;
}
.top-posts  .top-posts-inner .post-box-headline a img{
	max-width:100%;
	height:auto
}

/*
 * Style CSS
 */
.archivemenu,
.archivemenu ul,
.archivemenu ul li,
.archivemenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.archivemenu {
  width: 100%;
  font-family: Raleway, sans-serif;
  color: #ffffff;
      margin-top: 10px;
}
.archivemenu ul ul {
  display: none;
}
.archivemenu > ul > li.active > ul {
  display: block;
}
.align-right {
  float: right;
}
.archivemenu > ul > li.open > a {
    background: #42B3E5;
}
.archivemenu > ul > li > a {
  padding: 16px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 16px;
  text-decoration: none;
  color: #ffffff;
  background: #3156A3;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
.archivemenu > ul > li > a:hover {
    color: #d8f3f0;
    background: #42B3E5;
}
.archivemenu ul > li.has-sub > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #ffffff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.archivemenu ul > li.has-sub > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #ffffff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.archivemenu ul > li.has-sub.open > a:after,
.archivemenu ul > li.has-sub.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.archivemenu ul ul li a {
  padding: 14px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  text-decoration: none;
  color: #dddddd;
  background: #49505a;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
.archivemenu ul ul ul li a {
  padding-left: 32px;
}
.archivemenu ul ul li a:hover {
  color: #ffffff;
      background: #676767;
}
.archivemenu ul ul > li.has-sub > a:after {
  top: 16px;
  right: 26px;
  background: #dddddd;
}
.archivemenu ul ul > li.has-sub > a:before {
  top: 20px;
  background: #dddddd;
}

/*
* Jaw
*/
.widget_jal_widget>ul>li>a {
    padding: 16px 22px;
    cursor: pointer;
    z-index: 2;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    background: #3156A3;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    display: block;
}
.widget_jal_widget>ul>li>a:hover {
    color: #d8f3f0;
    background: #42B3E5;
}
.bloglayout .widget_jal_widget ul ul {
    margin: 0;
    padding:0;
}
.widget_jal_widget ul ul li a {
    padding: 14px 22px;
    cursor: pointer;
    z-index: 2;
    font-size: 14px;
    text-decoration: none;
    color: #ddd;
    background: #49505a;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    display: block
}
.bloglayout .widget_jal_widget ul ul li {
    padding:  0;
}
.widget_jal_widget ul ul li a:hover {
    color: #fff;
    background: #676767;
}
.widget_jal_widget ul > li.jaw_years {
 position: relative   
}
.widget_jal_widget ul > li.jaw_years > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #ffffff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.jaw_symbol{
    display: none
}
.widget_jal_widget ul > li.jaw_years > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #ffffff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.widget_jal_widget ul > li.jaw_years.expanded > a:after,
.widget_jal_widget ul > li.jaw_years.expanded > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.bloglayout .widget_jal_widget ul {
    clear: both;
    margin: 0;
    padding: 0;
    list-style: none;
}

a.vc_btn3.vc_btn3-color-primary.vc_btn3-style-modern:focus, a.vc_btn3.vc_btn3-color-primary.vc_btn3-style-modern:hover,
button.vc_btn3.vc_btn3-color-primary.vc_btn3-style-modern:focus, button.vc_btn3.vc_btn3-color-primary.vc_btn3-style-modern:hover{
    color: #f7f7f7;
    border-color: #2654a1;
    background-color: #2c4d9a;
}
a.vc_btn3.vc_btn3-color-primary.vc_btn3-style-modern, button.vc_btn3.vc_btn3-color-primary.vc_btn3-style-modern{
    color: #3156a3;
    border-color: #3156a3;
    background-color: #fff;
}
a.vc_btn3.vc_btn3-style-modern, button.vc_btn3.vc_btn3-style-modern {
     background-image: none;
}

.flag-box-border .flag-icon{
    box-shadow: 0px 0px 2px #9a9a9a;
}

.transform-30{
  -ms-transform: translate(0px,30px); /* IE 9 */
  transform: translate(0px,30px);
}