/******************************************************************
Theme Name: ECU
Theme URI: http://www.jointswp.com
Description: 
Author: Ahmed Mahdi
Author URI: http://www.yoururlhere.com
Version: 1.5 (CSS)
Tags: 

Foundation Version: 5.1.1

---------------------------------------------------------------

Because this file is not being used for styles,
feel free to use it to leave notes to yourself.

******************************************************************/

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);

body{
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    background: url('library/images/body_bg.gif');
}


.button,
input{
    font-family: 'PT Sans', sans-serif;
}

.container{
    max-width: 1100px;
    background: #fff;
    margin: 0 auto;
    box-shadow: 0 0 7px rgba(0, 55, 105, 0.1);
    overflow: hidden;
    padding-top: 45px;
    position: relative;
}

.header_nav{
    text-align: center;
    position: fixed;
    z-index: 20;
    top: 0px;
    left: 0px;
    width: 100%;
}

.inner_header_nav{
    background: #003768;
    margin: 0 auto;
    max-width: 1100px;
    position: relative;
}

.admin-bar .header_nav{
    top: 32px;
}

.inner_header_nav div{
    position: static;
}

.header_nav ul,
.header_nav li,
.header_nav a{
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    color: #fff;
}

.header_nav li ul{
    display: none;
    position: absolute;
    top: 46px;
    left: 0;
    width: 100%;
    z-index: 10;
    background: #00aec5;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #00AEC5),
        color-stop(1, #0196AA)
    );
    background-image: -o-linear-gradient(bottom, #00AEC5 0%, #0196AA 100%);
    background-image: -moz-linear-gradient(bottom, #00AEC5 0%, #0196AA 100%);
    background-image: -webkit-linear-gradient(bottom, #00AEC5 0%, #0196AA 100%);
    background-image: -ms-linear-gradient(bottom, #00AEC5 0%, #0196AA 100%);
    background-image: linear-gradient(to bottom, #00AEC5 0%, #0196AA 100%);
    box-shadow: 0 5px 5px rgba(0, 55, 105, 0.25);

}

.header_nav li:hover ul{
    display: block;
}

.header_nav li:hover a,
.header_nav li.active a{
    background: #00aec5;
}

.header_nav li:hover ul li a{
    background: none;
}

.header_nav a{
    padding: 11px 15px;
    font-size: 15px;
}

.header_nav li:hover ul ul{
    display: none;
}

.header{
    padding: 25px 0 0px 0;
    margin-bottom: 0;
}

body.home .header{
    padding: 25px 0 20px 0;
}

.header hr{
    border-color: #cceff3;
    margin: 0 0.625em;
}

.header_logo{
    padding: 10px 0 10px 39px;
}

.header_logo a{
    display: block;
    overflow:hidden;
    width: 135px;
    height: 88px;
    background: url("library/images/header_logo.png") no-repeat;
    text-indent: -9999px;
}

.header_slogan{
    border-left: 1px solid #cceff3;
    margin-left: 15px;
    height: 108px;
    padding: 10px 20px;
}

.header_slogan p{
    background: url('library/images/header_slogan.png') no-repeat;
    width: 275px;
    height: 46px;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    margin: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.header_search{
    position: relative;
    margin: 10px 0px 35px 59px;
}

.header_search form{
    margin: 0;
}

.header_search label{
    display: none;
}

.header_search input{
    padding: 0 100px 0 10px;
    height: 45px;
    border-radius: 8px;
    font-size: 16px;
    margin: 0;
    border-color: #ccd7e1;
}

.header_search .button{
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    padding:0;
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    font-size: 17px;
}

.header_options{
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    text-align: right;
    height: 25px;
}

.accessibility{
    display: inline-block;
    /*margin-right: 25px;*/
    margin-left: 17px;
}

.header_translate{
    display: inline-block;
    margin-right: 25px;

}

.goog-te-gadget-simple{
    background: #f2f5f7 !important;
    border-radius: 7px;
    border: none!important;
    padding: 5px !important;

}

.goog-te-gadget-simple img{
    display: none;
}

.goog-te-gadget-simple *{
    color: #003768 !important;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
}

a.goog-te-menu-value:before{
    content: 'Google Translate';
}

a.goog-te-menu-value span:nth-child(1){
    display: none!important;
}

a.goog-te-menu-value span:nth-child(3){
    display: none!important;
}

a.goog-te-menu-value span:nth-child(5){
    color: #003769 !important;
    margin-left: 5px;
}

.header_account{
    display: inline-block;
}

.header_account ul,
.header_account li,
.header_account a{
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.header_account li:after{
    content:'|';
}

.header_account a{
    font-size: 14px;
    margin-right: 4px;
}

.header_account li:last-child:after{
    content: '';
}

.header_account li:last-child{
    margin-right: 0;
}

.header_account li:last-child a{
    margin-right: 0;
}

.home_banners{
    border-bottom: 1px solid #cceff3;
    margin-bottom: 30px;
}

.banner{
    margin-bottom: 20px;
}

.banner{
    position:relative;
    display: block;
    overflow: hidden;
}

.banner img{
    width: 100%;
}

.banner .caption{
    position:absolute;
    bottom: 0;
    left: 0;
    font-size: 18px;
    font-weight: bold;
    padding: 15px;
    color: #fff;
    line-height: 21px;
}

.banner .caption.fullwidth{
    width: 100%;
}

.banner .caption.smallwidth{
    width: 55%;
}

.banner .caption.freefloat{
    width: 55%;
    top: 18%;
    right: 6.5%;
    bottom: auto;
    left: auto;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
}

.banner .caption.blue{
    background: rgba(0,174,197,0.85);
}

.banner .caption.green{
    background: rgba(160,206,103,0.85);
}

.banner .caption.red{
    background: rgba(241,103,129,0.85);
}

.home_charter{
    border-bottom: 1px solid #cceff3;
    padding-bottom: 25px;
    margin-bottom: 40px;
}

.home_charter .image{
    border: 1px solid #cceff3;
    margin-bottom: 10px;
}

.home_charter .image img{
    width: 100%;
}

.home_charter h2,
.home_charter p{
    line-height: 21px;
    margin: 0;
}

.home_charter h2{
    font-family: 'PT Sans',sans-serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 25px;
    margin-bottom: 10px;
}


.home_charter p{
    font-size: 14px;
}

.home_twitter_latest{
    border-bottom: 1px solid #cceff3;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.home_twitter h2,
.home_latest .tabs {
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 20px 0 !important;
    border-bottom: 1px solid #cceff3;
    padding:0 0 3px 0;
    font-family: 'PT Sans', sans-serif;
    display: block;
}

.home_latest .tabs li,
.home_latest .tabs a,
.home_latest .tabs a:hover{
    padding: 0;
    float: none;
    display: inline;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    font-family: 'PT Sans', sans-serif;
    background: none;
    color: #003768;
}

.home_latest .tabs li:first-child:after{
    content: '/';
}

.home_latest .tabs li.active a{
    font-weight: bold;
    background: none;
    color: #003768;
}


.home_twitter .wpt-intents{
    text-align: right;
    padding: 0;
}

.home_twitter .twitter-follow-button{
    display: none;
}

.home_twitter .wpt-intents span{
    overflow: hidden;
    text-indent: 9999px;
}

.home_twitter .wpt-header{
    overflow: hidden;
}

.home_twitter .wpt-header p{
    margin: 0;
    line-height: 19px;
    font-size: 14px;
}

.home_twitter .wpt-header span{
    display: block;
}

.home_twitter .wpt-header span:nth-child(3){
    font-weight: bold;
}

.home_twitter .wpt-intents-border{
    border-color: #cceff3;
    opacity: 100;
}

.home_twitter ul,
.home_twitter li{
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    line-height: 19px;
    font-size: 14px;
}

.home_twitter .panel{
    background: #fff;
    border-color: #cceff3;
    padding: 15px;
    border-radius: 5px;
}

.home_twitter #menu-action-menu a{
    margin-bottom: 10px;
    width: 100%;
    font-size: 15px;
    padding: 10px;
    color: #fff;
    display: block;
    background-color: #00aec5;
    transition:background-color 300ms ease-out 0s;
    text-align: center;
}

.home_twitter #menu-action-menu a:hover{
    background-color: #008b9e;
}

.home_latest .content{
    padding: 0;
}

.home_latest .content h3{
    color: #00aec5;
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    line-height: normal;
    font-weight: normal;
    margin-bottom: 15px;
    font-family: 'PT Sans', sans-serif;
}

.home_latest .content h4{
    font-weight: normal;
    font-size: 21px;
    line-height: 23px;
    margin-bottom: 15px;
    font-family: 'PT Sans', sans-serif;
}

.home_latest .content h4 a{
    color: #003768;
}

.home_latest .content p{
    margin: 0;
    font-size: 14px;
    line-height: 21px;
    font-family: 'PT Sans', sans-serif;
}

.home_latest .content .image{
    margin-bottom: 15px;
}

.home_latest .content .image img{
    width: 100%;
}

.home_latest .content .tags{
    margin-top: 20px;
}

.home_latest .content .tags,
.home_latest .content .tags a{
    color: #00aec5;
    font-family: 'PT Sans', sans-serif;
}

.iact{
    border-top: 1px solid #cceff3;
}

.iact p{
    margin: 0;
    font-size: 29px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    display: block;
    padding: 15px;
}

.iact p span:nth-child(1){
    color: #00aec5;
}

.iact p span:nth-child(2){
    color: #f16781;
}

.iact p span:nth-child(3){
    color: #a0ce67;
}

.iact p span:nth-child(4){
    color: #f26631;
}

.footer{
    border-top: 1px solid #cceff3;
    margin: 0;
    text-align: center;
    padding-top: 30px;
}

.footer ul,
.footer li,
.footer a,
.footer_newsletter,
.footer_social{
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer_newsletter label{
    display: none;
}

.footer_newsletter{
    margin-right: 55px;
}

.footer_newsletter h5{
    font-weight: normal;
    font-size: 14px;
    margin: 0;
    background: url('library/images/newsletter_icon.gif') no-repeat;
    padding:10px 0 10px 43px;
    text-align: left;
}

.footer_newsletter form{
    margin: 0;
    position: relative;
}

.footer_newsletter input{
    padding: 0 100px 0 10px !important;
    height: 38px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    margin: 0 !important;
    width: 370px !important;
    border-color: #ccd7e1 !important;
}

.footer_newsletter .button{
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 90px !important;
    padding:0 !important;
    border-radius: 8px !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    font-size: 14px !important;
}

.footer_social{
    vertical-align: bottom;
}

.footer_social li{
    border-right: 1px solid #e5f7f9;
    margin-right: 10px;
    padding-right: 10px;
}

.footer_social li:last-child{
    border: none;
    padding: 0;
    margin: 0;
}

.footer_social a[href*='linkedin']{
    overflow: hidden;
    text-indent: -9999px;
    background: url('library/images/linkedin_icon.gif') left center no-repeat;
    width: 16px;
    height: 30px;
    display: block;
    font-size: 14px;
    padding: 5px 0 5px 0;
}

.footer_social a[href*='twitter']{
    overflow: hidden;
    text-indent: -9999px;
    background: url('library/images/twitter_icon.gif') left center no-repeat;
    width: 19px;
    height: 30px;
    font-size: 14px;
    display: block;
    padding: 5px 0 5px 0;
}

.footer_social a[href*='contact']{
    overflow: hidden;
    background: url('library/images/contact_icon.gif') left center no-repeat;
    padding: 5px 0 5px 27px;
    font-size: 14px;
    height: 30px;
    display: block;
}

.footer_social a[href*='blog']{
    overflow: hidden;
    background: url('library/images/blog_icon.gif') left center no-repeat;
    padding: 5px 0 5px 29px;
    font-size: 14px;
    height: 30px;
    display: block;
}

.footer_nav{
    margin-top: 40px;
    margin-bottom: 10px;
}

.footer_nav li:after{
    content:'|';
}

.footer_nav a{
    font-size: 14px;
    margin-right: 4px;
}

.footer_nav li:last-child:after{
    content: '';
}

.footer_nav li:last-child{
    margin-right: 0;
}

.footer_nav li:last-child a{
    margin-right: 0;
}

.footer_company_info{
    background:#003769;
    border-top: 6px solid #00aec5;
    color: #fff;
}

.footer_company_info p{
    margin: 0;
    font-size: 14px;
    padding: 20px 0;
    line-height: 18px;
}


/*General Content*/
.hierarchical_breadcrumb{
    padding: 15px 10px;
}

.hierarchical_breadcrumb a{
    margin-right: 3px;
    font-size: 15px;
}

.hierarchical_breadcrumb a:after{
    content:'/';
    margin-left: 6px;
}

.hierarchical_breadcrumb .current{
    font-size: 15px;
    color: #00aec5;
}

.hierarchical_menu{
    margin-bottom: 107px;
}

.hierarchical_menu h3{
    display: none;
}

.hierarchical_menu ul,
.hierarchical_menu li,
.hierarchical_menu a,
.hierarchical_menu span{
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.hierarchical_menu span{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    text-indent: -9999px;
}

.hierarchical_menu li a{
    background: #003769;
    color: #fff;
    margin-bottom: 1px;
    font-size: 15px;
    padding: 8px 10px 8px 10px;
    position: relative;
}

.hierarchical_menu li a.selected{
    background: #d9eef2;
    color: #003769;
}

.hierarchical_menu li a.selected-ancestor{
    background: #00aec5;
}

.hierarchical_menu li li a{
    padding-left:20px;
    background: #f2f5f7;
    color: #003769;
}

.hierarchical_menu li li a.selected{
    background: #d9eef2;
}

.hierarchical_menu li li a.selected span{
    width: 10px;
    background: url('library/images/menu_arr.png') #aee1e9 left center no-repeat;
}

.hierarchical_menu li li a.selected-ancestor{
    background: #a9e0e8;
}

.hierarchical_menu li li li a{
    padding-left:30px;
}

.hierarchical_menu li li li a.selected span{
    width: 20px;
    background: url('library/images/menu_arr.png') #aee1e9 left center no-repeat;
}

.side_tabs li,
.side_tabs a{
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: left !important;
    display: block !important;
    font-family: 'PT Sans', sans-serif;
}

.side_tabs{
    width: 100% !important;
    overflow: hidden!important;
    margin-bottom: 20px;
}

.side_tabs li{
    margin-right: 0.5% !important;
    width: 33% !important;
}

.side_tabs li:last-child{
    margin-right: 0 !important;
}

.side_tabs a{
    background: #00aec5 !important;
    color: #fff !important;
    width: 100% !important;
    font-size: 15px !important;
    text-align: center  !important;
    padding: 2px 0 2px 0 !important;
    font-family: 'PT Sans', sans-serif !important;
    transition: background-color 300ms ease-out 0s !important;
}

.side_tabs a:hover{
    background-color: #008b9e !important;
}

.side_tabs li.active a{
    background: #fff !important;
    color: #003768 !important;
    font-weight: bold !important;
    border: 1px solid #cceff3;
    border-bottom: none !important;
}

.side_tabs .tabs-content{
    border: 1px solid #cceff3;
    margin-top: -1px;
    margin-bottom: 0;
    padding: 10px 0 7px 0;
}

.side_tabs .tabs-content .content{
    padding: 10px !important;
    overflow: hidden!important;
}

.side_tabs .tabs-content .content ul,
.side_tabs .tabs-content .content li{
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
    background: none;
}

.side_tabs .tabs-content .content li{
    margin: 0 0 10px 0 !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #cceff3;
}

.side_tabs .tabs-content .content li:last-child{
    margin-bottom: 0!important;
    padding-bottom: 0!important;
    border-bottom: none !important;
}

.side_tabs .tabs-content .content li a{
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: normal!important;
    color: #003767!important;
    background: none !important;
    text-align: left!important;
    padding: 0!important;
}

.side_tabs .tabs-content .content li a span{
    display: block;
    color: #00aec5 !important;
    line-height: 24px !important;
}

.side_search{
    background: #f2f5f7;
    padding: 11px;
    margin-bottom: 20px;
}

.side_search h4{
    font-size: 18px;
    font-weight: bold;
    font-family: 'PT Sans', sans-serif;
    text-transform: uppercase;
}

.side_search form,
.side_search p,
.side_search input,
.side_search select{
    margin: 0;
}

.side_search input,
.side_search select{
    font-size: 13px;
    margin-bottom: 9px;
    height: 35px;
    border-color: #c2e7ed;
    font-family: 'PT Sans', sans-serif;
}

.side_search label{
    display: none;
}

.side_search p{
    font-size: 15px;
}

.side_search .button{
    width: 100%;
    padding: 0;
    height: 39px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

.side_box{
    margin-bottom: 20px;
}

.side_box .image{
    width: 100%;
    overflow: hidden;
}

.side_box .image img{
    width: 100%;
}

.side_box .image a{
    display: block;
}

.side_box .text{
    border: 1px solid #ceeff3;
    padding: 10px;
    border-top: none;
}

.side_box h4{
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin: 0 0 5px 0;
    font-family: 'PT Sans', sans-serif;
}

.side_box p{
    font-size: 14px;
    line-height: 19px;
    margin: 0 0 10px 0;
}

.side_box .button{
    width: 100%;
    padding: 10px;
    border-radius: 7px;
    font-size: 14px;
    font-family: 'PT Sans', sans-serif;
    text-align: left;
    position: relative;
    margin: 0;
    background-color: #00aec5;
    border-color: #008b9e;
    height: 38px;
}

.side_box .button:hover{
    background-color: #008b9e;
    border-color: #008b9e;
}

.side_box.casestudy .text{
    background: #f2f5f7;
    border: none;
    padding: 11px;
}

.side_box.survey .text{
    background: #003769;
    border: none;
    padding: 11px;
}

.side_box.survey h4{
    color:#fff;
    margin-bottom: 10px;
}

.side_box.testimonial .text{
     background: #00aec5;
     border: none;
     padding: 11px;
     color: #fff;
     font-style: italic;
 }

.side_box.testimonial p{
    line-height: 18px;
}

.side_box.casestudy p,
.side_box.survey p{
    margin-bottom: 30px;
}

.side_box.testimonial .button{
    background-color: #fff;
    border-color: #E8E8E8;
    font-size: 15px;
    color: #003769;
    padding:10px 10px 10px 40px;
}

.side_box.casestudy .button{
    font-size: 15px;
    padding:10px 10px 10px 40px;
}

.side_box.testimonial .button:hover{
    background-color: #E8E8E8;
    border-color: #E8E8E8;
}

.side_box .button span{
    display: block;
    width: 19px;
    height: 19px;
    overflow: hidden;
    text-indent: -9999px;
    background: url('library/images/button_arr.png') no-repeat;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -9px;
}

.side_box.testimonial span,
.side_box.casestudy span{
    width: 22px;
    height: 28px;
    background: url('library/images/testimonial_icon.png') no-repeat;
    left: 10px;
    right: auto;
    margin-top: -12px;
}

.side_box.casestudy span{
    background: url('library/images/casestudy_icon.png') no-repeat;
}

.content h1,
.content_above h1,
.content_below h1{
    font-size: 24px;
    font-weight: bold;
    font-family: 'PT Sans', sans-serif;
}

.content h2,
.content_above h2,
.content_below h2{
    font-size: 22px;
    font-weight: bold;
    font-family: 'PT Sans', sans-serif;
}

.content h3,
.content_above h3,
.content_below h3{
    font-size: 20px;
    font-weight: bold;
    font-family: 'PT Sans', sans-serif;
}

.content h4,
.content_above h4,
.content_below h4{
    font-size: 18px;
    font-weight: bold;
    font-family: 'PT Sans', sans-serif;
}

.content h5,
.content_above h5,
.content_below h5{
    font-size: 16px;
    font-weight: bold;
    font-family: 'PT Sans', sans-serif;
}

.content h6,
.content_above h6,
.content_below h6{
    font-size: 14px;
    font-weight: bold;
    font-family: 'PT Sans', sans-serif;
}

.content p,
.content_above p,
.content_below p{
    font-size: 14px;
    line-height: 21px;
    font-family: 'PT Sans', sans-serif;
}

.content ul,
.content li,
.content_above ul,
.content_above li,
.content_below ul,
.content_below li{
    font-size: 14px;
    line-height: 21px;
    font-family: 'PT Sans', sans-serif;
    margin-left: 0;
    list-style: none;
}

.content li,
.content_above li,
.content_below li{
    background:url("library/images/list_bul.png") no-repeat scroll 0 9px;
    padding-left: 15px;
}

.content li li,
.content_above li li,
.content_below li li{
    background:url("library/images/list_inbul.png") no-repeat scroll 0 9px;
    padding-left: 15px;
}

.content a,
.content_above a,
.content_below a{
    color: #00aec5;
    font-family: 'PT Sans', sans-serif;
}

.content_below{
    margin-top: 1.25em;
}


.content p.intro{
    font-size: 17px;
    line-height: 24px;
    background: url("library/images/intro_bg.gif") top;
}


.alignleft{
    float: left;
    margin: 0 10px 10px 0;
}

.alignright{
    float: left;
    margin: 0 0 10px 10px;
}

.aligncenter{
    margin: 0 auto;
    display: block;
}

.content_list h3{
    font-size: 19px;
    line-height: 19px;
    margin: 0 0 5px 0;
}

.content_list h3 a{
    font-size: 19px;
    font-weight: bold;
    color: #00aec5;
    font-family: 'PT Sans', sans-serif;
}

.content_list .image{
    border: 1px solid #d6f2f6;
    overflow: hidden;
    margin-bottom: 10px;
}

.content_list .image a{
    display: block;
    overflow: hidden;
}

.content_list .image img{
    width: 100%;
}

.content_list p{
    font-size: 14px;
    line-height: 21px;
    margin: 0;
}

.content_list li ul,
.content_list li ul li{
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 21px;
    color: #00aec5;
    list-style: none;
    font-weight: bold;
}

.content_list li ul li a{
    font-size: 14px;
    line-height: 21px;
    color: #00aec5;
}

.content_list li ul li ul li{
    padding-left: 15px;
    font-weight: normal;
    background: url("library/images/list_bul.png") 0px 9px no-repeat;
}

.content_accordion{
    margin-bottom: 20px;
}

.content_accordion .accordion dd > a,
.accordion dd a.button,
{
    background-color:#f3f6f8;
    border-color: #d9e1e9;
    color: #003768;
    text-align: left;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    position: relative;
    padding: 10px 15px 10px 15px;
}

.content_accordion .accordion dd > a span,
.accordion dd a.button span {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    top: 50%;
    right: 10px;
    margin-top: -12px;
    background: url('library/images/accordion_plus.png') no-repeat;
    text-indent: -9999px;
}

.accordion dd.active > a span{
    background: url('library/images/accordion_minus.png') no-repeat;
}

.accordion dd > a:hover{
    background-color: #d9e1e9;
    border-color: #d9e1e9;
    color: #003768;
}

.accordion .button{
    margin-bottom: 1px;
}

.accordion dd > .content{
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    line-height: 19px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: rgba(243, 246, 248, 0.38);
    border-bottom:1px solid #d9e1e9;
}

.content_publication li{
    position: relative;
}

.content_publication h3{
    font-size: 19px;
    font-family: 'PT Sans', sans-serif;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #cceff3;
}

.content_publication .image{
    position: absolute;
    top: 0;
    left: 10px;
}

.content_publication .image a{
    display: block;
}

.content_publication .text{
    padding-left: 58px;
}

.content_publication .text h4{
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: bold;
    font-family: 'PT Sans', sans-serif;
    line-height: 18px;
}

.content_publication .text p{
    font-size: 14px;
    line-height: 18px;
}

.respond-form{
    padding: 0;
    margin: 0;
}

.respond-form form textarea{
    width: 100%;
}

.respond-form h3 {
    font-size: 19px;
    font-weight: bold;
    font-family: 'PT Sans', sans-serif;
    border-bottom: 1px solid #cceff3;
    padding-bottom: 10px;
    margin: 0 0 10px 0 !important;
}

.respond-form p {
    font-family: 'PT Sans',sans-serif;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 1.25rem;
}

.respond-form .button {
    font-size: 15px;
    font-weight: bold;
    height: 39px;
    padding: 0 20px 0 20px;
    text-transform: uppercase;
}

.main_search{
    background: #f2f5f7;
    padding: 12px 10px 12px 10px;
    border: none;
    margin-bottom: 30px;
}

.main_search h2{
    font-size: 18px;
    font-weight: bold;
    font-family: 'PT Sans',sans-serif;
    text-transform: uppercase;
    color: #003768;
}

.main_search label{
    display: none;
}

.main_search input,
.main_search select,
.main_search form,
.main_search p{
    margin-bottom: 0;
}

.main_search p a{
    font-size: 14px;
    float: right;
    margin-top: 10px;
}

.main_search input,
.main_search select{
    border: 1px solid #cceff3;
}

.main_search .button{
    width: 100%;
    padding: 0px;
    height: 36px;
}

.total_search{
    margin-bottom: 1.25rem;
    padding: 0 70px;
}

.total_search h2{
    font-size: 14px;
    font-family: 'PT Sans',sans-serif;
    margin: 0;
    border-bottom: 1px solid #cceff3;
    padding-bottom: 5px;
}

.total_search h2{
    margin-top: 20px;
}

.total_search h2:first-child{
    margin-top: 0;
}

.total_search .panel{
    padding: 10px 10px 10px 60px;
    border: none;
    background: none;
    border-bottom: 1px solid #cceff3;
    margin: 0;
    min-height: 55px;
}

.total_search .panel:last-child{
    border-bottom: none;
}

.total_search .panel h3{
    font-size: 18px;
    font-weight: bold;
    font-family: 'PT Sans',sans-serif;
    margin-bottom: 5px;
    line-height: 21px;
}

.total_search .panel p{
    font-size: 14px;
    font-family: 'PT Sans',sans-serif;
    line-height: 21px;
}

.total_search .panel.page{
    background: url("library/images/page_icon.png") 10px 10px no-repeat;
}

.total_search .panel.post{
    background: url("library/images/news_icon.png") 10px 10px no-repeat;
}

.total_search .panel.event{
    background: url("library/images/event_icon.png") 10px 10px no-repeat;
}

.total_search .panel.profile{
    background: url("library/images/profile_icon.png") 10px 10px no-repeat;
}

.total_search .panel.publication{
    background: url("library/images/publication_icon.png") 10px 10px no-repeat;
}

.total_search .panel.casestudy{
    background: url("library/images/casestudy_icon_lrg.png") 10px 10px no-repeat;
}

.pagination li{
    background: none;
    padding-left: 0;
}

#addThis{
    padding: 1.25rem 0;
    overflow: hidden;
}

#addThis .widget{
    padding: 0;
    margin: 0;
}

#addThis h4{
    font-size:18px;
    font-family: 'PT Sans',sans-serif;
    margin: 0;
    font-weight: bold;
}

#addThis h4,
#addThis .addthis_toolbox {
    float: left;
    margin-right: 10px;
}

.archive .panel h2 a{
    color: #003768;
}

.side_tweets{
    border: 1px solid #cceff3;
    padding: 10px;
    margin-bottom: 20px;
}

.side_tweets ul,
.side_tweets li{
    font-size: 14px;
    color: #003769;
    font-family: 'PT Sans',sans-serif;
    line-height: 21px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.side_tweets li a{
    color: #00aec5;
}

.side_tweets .wpt-right{
    float: none;
    margin: 0;
}

.side_tweets .wpt-header p{
    margin: 0;
}

.side_tweets .wpt-tweet-time,
.side_tweets .wpt-tweet-text{
    display: block;
}

.side_tweets .wpt-tweet-time{
    margin-bottom: 5px;
}

.side_tweets .wpt-tweet-text{
    margin-bottom: 10px;
}

.side_tweets .tweet{
    border-bottom: 1px solid #cceff3;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.side_tweets .tweet:last-child{
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.mc4wp-alert{
    width: 370px;
}

.page-template-page-news-php .content .panel,
.page-template-page-blog-php .content .panel{
    background: none;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    padding: 0;
}

.panel.survey h2{
    color: #00aec5;
}

.panel.survey .button{
    width: 100%;
    margin: 0;
    padding: 5px 10px;
}


.header_nav_mobile{
    display: none;
}

@media only screen and (max-width: 40em){

    .total_search{
        padding: 0;
    }

    .header_nav_mobile{
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        transition: all 0.3s ease;
        display: block;
        overflow: hidden;
        height: 60px;
        background: #fff;
        z-index: 199;
        box-shadow: 0 0 4px rgba(19,66,120,0.8);
    }

    .header_nav_mobile .header_logo{
        margin: 5px 0 0 0.625em;
        padding: 0;
    }

    .header_nav_mobile .header_logo a{
        max-width: 100%;
        height: 50px;
        background-size: contain;
    }

    .header_nav_mobile a.open-menu,
    .header_nav_mobile a.close-menu{
        position: absolute;
        right: 0.625em;
        top: 50%;
        background:url("library/images/off-canfas.gif") no-repeat;
        color: #fff;
        height: 40px;
        width: 40px;
        margin-top: -20px;
        border: none;
        outline: none;
        overflow: hidden;
        text-indent: -999px;
    }

    .header_nav_mobile a.close-menu{
        display: none;
    }

    .main_header{
        position: fixed;
        top: 0;
        width: 0;
        height: 100%;
        background: #003768;
        overflow-y: auto;
        z-index: 198;
        padding-top: 70px;
        zoom: 1;
        filter: alpha(opacity=0);
        opacity: 0;
        transition: all 0.3s ease;
    }

    .main_header .header_logo,
    .main_header hr,
    .main_header .header_slogan{
        display: none;
    }

    .main_header .header_search{
        margin: 0 0 20px 0;
    }
    
    /* C2 */
    .main_header .header_options{
        margin: 0;
        text-align: center;
        height:50px;
    }
    #off-canvas .main_header .header_search form { width:234px; }
    .main_header .header_translate {  margin-bottom:7px; margin-right:0px; }
    .main_header .accessibility {
       margin-left:0px;
    }

    .main_header .accessibility a{
        color: #fff;
        padding:2px 14px;
    }

    .off-canvas-overlay{
        z-index: 197;
        zoom: 1;
        filter: alpha(opacity=0);
        opacity: 0;
        transition: all 0.3s ease;
    }

    #off-canvas{
        padding-top: 60px;
    }

    #off-canvas .header_nav,
    #off-canvas .header_nav ul,
    #off-canvas .header_nav li,
    #off-canvas .header_nav a{
        display: block;
        position: static;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
        margin: 0;
        background: none;
        padding: 0;
        border: none;
        width: 100%;
    }

    .header_nav li:hover ul ul{
        display: block;
    }

    #off-canvas .header_nav{
        width: 270px;
    }

    #off-canvas .header_nav li ul{
        padding-left: 10px ;
    }

    #off-canvas .header_nav a{
        padding: 5px 0 5px 0;
        border-bottom: 1px solid #d6dee8;
        text-align: left;
    }

    #off-canvas .header_nav a:hover{
        color: #00aec5;
    }

    #off-canvas .header_search form{
        width: 250px;
    }

    #off-canvas:target .header_nav_mobile .open-menu {
        display: none;
    }
    #off-canvas:target .header_nav_mobile .close-menu {
        display: block;
    }

    #off-canvas:target .main_header{
        width: 270px;
        zoom: 1;
        filter: alpha(opacity=100);
        opacity: 1;
    }

    #off-canvas:target .off-canvas-overlay{
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: #000;
        zoom: 1;
        filter: alpha(opacity=50);
        opacity: 0.50;
    }

}

#page_navigation{
    padding: 20px 0;
    text-align: center;
}

#page_navigation a{
    display: inline-block;
    padding: 0px;
    width: 22px;
    height: 22px;
    margin: 0 1px;
}

#page_navigation a.active_page{

}

.content_survey{
    margin-bottom: 20px;
}

.content_survey .text {
    background: #f2f5f7;
    border: none;
    padding: 11px;
}

.content_survey  h4 {
    font-family: "PT Sans",sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}

.content_survey .button {
    background-color: #00aec5;
    border-color: #008b9e;
    border-radius: 7px;
    font-family: "PT Sans",sans-serif;
    font-size: 14px;
    height: 38px;
    margin: 0;
    padding: 10px;
    position: relative;
    text-align: left;
    padding-right: 50px;
}

.content_survey .button span {
    background: url("library/images/button_arr.png") no-repeat;
    display: block;
    height: 19px;
    margin-top: -9px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    text-indent: -9999px;
    top: 50%;
    width: 19px;
}

.mc4wp-form{
    margin: 0!important;
}

.accessibility.myecu > a {
    background: #003768;
    border-radius: 24px;
    color: #ffffff;
    padding: 2px 14px;
}