/*
Theme Name: Canvas-child
Theme URI: Theme URL Here
Version: 1.0.0
Template: canvas
Description: canvas-child theme
Author: Deepika
Tags: THEME, TAGS, CUSTOM, HERE
Copyright: (c) 2016 Earth Charter International.
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/Fgpl-2.0.html
*/
@import url(../canvas/style.css);
/* default style */
ol {
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 15px
    }
ul {
    list-style-type: disc;
    list-style-position: hanging
    }
.col-full, #wrapper {
    max-width: 1170px;
    margin: 0 auto
    }
.bannerImage img {
    height: auto
    }
/* header css */
#header {
    padding: 20px 0 0
    }
#logo {
    width: 171px;
    float: left
    }
#logo .site-title {
    display: none
    }
#logo .site-description {
    display: block !important
    }
#header-right {
    width: 82.8%;
    float: right;
    position: relative
    }
.header-widget {
    width: 100%;
    border-bottom: solid 1px #b2b2b2;
    padding: 0 0 20px 0;
    margin: 0 0 15px 0;
    float: left
    }
.header-widget .site-description {
    color: #666;
    font-size: 25px;
    padding: 10px 0 0 0;
    float: left;
    font-family: "felt-tip-woman";
    font-weight: normal;
    letter-spacing: -0.1px
    }
.header-widget .widget {
    margin: 0 0 0 18px;
    float: right
    }
.header-widget .widget_search {
    width: 270px;
    margin: 0 0 0 2px;
    float: right
    }
.header-widget .widget_search h3 {
    display: none
    }
.header-widget .widget_search .search_main {
    width: 100%
    }
.header-widget .widget_search input.s {
    width: 78%;
    height: 38px;
    padding: 0 10px;
    border: solid 1px #ccc;
    float: left
    }
.header-widget .widget_search button.submit {
    width: 40px;
    height: 40px;
    background: #3e86bb;
    top: 0;
    right: 0;
    border-radius: 0 3px 3px 0;
    float: right
    }
.searchform .fa-search:before {
    color: #fff
    }
.header-widget .widget aside#connect {
    margin: 0
    }
.header-widget .widget .searchform, #searchform {
    width: 100%;
    margin: 0;
    border: none;
    float: left
    }
.header-widget #php_widget-32 {
    position: relative;
    width: 270px;
    float: right
    }
/* email subscription with gravity form */
.header-widget .emailsubscription {
    float: right;
    position: relative;
    width: 245px;
    color: red !important
    }
.emailsubscription .gform_wrapper {
    margin: 0 0 0 0
    }
.emailsubscription .gform_wrapper .gform_heading {
    margin: 0 0 0 0;
    display: none
    }
.emailsubscription .gform_body {
    box-sizing: initial;
    margin-top: -32px;
    width: 85%;
    /* border: 1px solid rgb(204, 204, 204);border-radius: 5px; */
    float: left
    }
.emailsubscription ul li .ginput_container_email input[type="text"] {
    width: auto;
    float: left;
    height: 37px;
    line-height: 18px;
    margin: 0;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px 0 0 5px !important
    }
.emailsubscription .gform_wrapper input[type="image"] {
    border-radius: 0 5px 5px 0;
    margin: 0
    }
.emailsubscription .gform_wrapper label.gfield_label + div.ginput_container {
    margin-top: 0
    }
.emailsubscription .gform_wrapper .gform_footer.left_label, .emailsubscription .gform_wrapper .gform_footer.right_label {
    float: left;
    margin: 0;
    padding: 0;
    width: 15%;
    clear: right;
    position: absolute;
    left: 73%
    }
.gforms_confirmation_message h2 {
    color: rgb(52, 52, 52) !important;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px
    }
.gform_confirmation_message_2.gform_confirmation_message {
    color: red !important
    }
.gform_wrapper div.validation_error {
    border-bottom: 2px solid rgb(255, 0, 0);
    border-top: 2px solid rgb(255, 0, 0);
    clear: both;
    color: rgb(255, 0, 0);
    font-size: 0.8em;
    font-weight: 700;
    margin-bottom: 5px;
    padding: 5px 0;
    width: 97.5%
    }
.gform_wrapper li.gfield.gfield_error {
    background: transparent;
    border-top: 1px solid red;
    border-bottom: 1px solid red
    }
.gform_wrapper .validation_message {
    font-weight: normal;
    font-size: 14px;
    font-family: "adelle";
    color: red
    }
.header-widget .widget {
    color: red !important
    }
.header-widget .emailsubscription .gform_wrapper div.validation_error {
    display: none !important
    }
.header-widget .emailsubscription .gform_wrapper .left_label .gfield_description {
    width: 98%;
    margin: 0 1%
    }
/* language selector */
.lang-widget {
    position: absolute;
    bottom: 44px;
    right: 0;
    z-index: 999;
    background-color: white;
    padding-left: 10px
    }
#lang_sel li, #lang_sel ul ul {
    width: 120px !important
    }
.lang-widget h4 {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 25px
    }
#lang_sel a:visited, #lang_sel a {
    border: none
    }
#lang_sel a, #lang_sel a.lang_sel_sel {
    color: #0068a7 !important
    }
#lang_sel a.lang_sel_sel {
    background: url(images/nav-arrow-down.png) #fff right no-repeat !important
    }
#lang_sel ul ul {
    top: 22px !important
    }
/* social icon on header */
#connect h3, #connect p {
    display: none
    }
#connect .social a:before {
    color: #3e86bb;
    border-radius: 5px
    }
#connect .social a.youtube:before, #connect .social a.facebook:before, #connect .social a.twitter:before, #connect .social a.subscribe:before, #connect .social a.linkedin:before {
    background: #ececec
    }
#connect .social a:before {
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0 8px 0 0;
    text-align: center;
    line-height: 40px
    }
/* navigation css */
#navigation {
    width: 48%;
    background: none;
    margin: 0;
    float: left
    }
ul#main-nav {
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    white-space: nowrap
    }
ul#main-nav li {
    width: 33%;
    display: inline-block;
    text-align: center
    }
ul#main-nav li:last-child {
    margin: 0 0 0 0
    }
ul#main-nav li a {
    font-size: 22px;
    color: #000;
    margin: 0;
    padding: 0;
    font-family: "adelle";
    font-weight: normal;
    line-height: 50px
    }
#navigation .nav li.parent > a:after {
    width: 12px;
    color: #3e86bb;
    font-size: 20px;
    display: none
    }
#navigation .nav li.parent:hover > a:after, #navigation .nav li.parent.current-menu-item > a:after, #navigation .nav li.parent.current-menu-ancestor > a:after {
    background-color: #f90;
    bottom: -3px;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -50%;
    position: absolute;
    width: 100%;
    z-index: 99;
    display: block
    }
#navigation ul.nav > li a:hover {
    background: none
    }
#navigation ul.nav > li:hover {
    background: none
    }
ul#main-nav li ul {
    display: none
    }
#navigation .nav li.parent > a::after {
    margin-left: 7px
    }
ul#main-nav > li {
    padding: 0 0 12px
    }
#navigation .nav li.parent.current-menu-item > a::after {
    color: #f90
    }
/* secondary-menu css */
#secondary-menu li {
    padding: 0 13px;
    float: none;
    background: url(images/divider.png) no-repeat left center;
    text-align: right;
    display: inline-block
    }
#secondary-menu li:last-child {
    padding: 0 0 0 13px
    }
#secondary-menu li:first-child {
    background: none
    }
#secondary-menu li ul {
    display: none
    }
ul.nav {
    float: right;
    width: 48%;
    text-align: right;
    margin: 18px 0 0 0
    }
ul.nav li {
    font-size: 14px
    }
ul.nav li a {
    padding: 0 !important;
    color: #000;
    font-family: "proxima-nova";
    font-weight: 500;
    display: inline-block
    }
ul.nav li a:hover {
    color: #3e86bb
    }
ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a {
    background: none;
    color: inherit
    }
/********************** footer css ****************************************************/
.top-footer {
    width: 100%;
    background: #0068a7;
    float: left;
    font-family: "Raleway", sans-serif
    }
.top-footer h3 {
    font-family: "Raleway", sans-serif !important
    }
#footer-widgets {
    position: relative;
    background: #0068a7;
    border: none;
    padding: 100px 0 50px 0;
    display: block
    }
#footer-widgets .block {
    margin: 0
    }
#footer-widgets.col-4 .footer-widget-1 {
    width: 31.6% !important;
    padding: 0 30px 0 0;
    font-size: 14px;
    line-height: 22px
    }
#footer-widgets.col-4 .footer-widget-2 {
    width: 31.6% !important;
    padding: 0
    }
#footer-widgets.col-4 .footer-widget-2 .widget {
    width: 45%;
    float: left;
    margin: 0 5% 0 0 !important
    }
#footer-widgets.col-4 .footer-widget-2 {
    margin: 0
    }
#footer-widgets.col-4 .footer-widget-3 {
    width: 15.3% !important;
    padding: 0 20px 0 0
    }
#footer-widgets.col-4 .footer-widget-4 {
    width: 14.5% !important;
    padding: 0
    }
#footer-widgets.col-4 .footer-widget-4 .widget li {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold
    }
#footer {
    width: 100%;
    padding: 50px 0;
    float: left
    }
#footer .col-left {
    width: 37%
    }
#footer .col-right {
    width: 55%
    }
#footer-widgets .block li {
    font-size: 14px;
    line-height: 22px;
    list-style: none;
    padding: 0 0 6px 0
    }
#footer-widgets .footer-widget-2 li, #footer-widgets .footer-widget-3 li {
    padding: 0 0 6px 10px;
    background: url(images/ftr-list.png) no-repeat left 10px
    }
#footer-widgets .block li a {
    color: #fff;
    font-family: "Raleway", sans-serif !important
    }
#footer-widgets.col-4 .footer-widget-1 h4 {
    font-size: 14px;
    font-weight: bold;
    color: #a6bfdf;
    margin: 0 0 5px 0;
    text-transform: uppercase
    }
#footer-widgets.col-4 .footer-widget-1 h3 {
    text-transform: uppercase;
    font-family: "Raleway", sans-serif
    }
#footer-widgets.col-4 .footer-widget-1 form {
    width: 100%;
    position: relative;
    border-bottom: solid 1px #a6bfdf;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    float: left;
    border: medium none
    }
.search_main {
    float: left;
    width: 100%
    }
#footer-widgets.col-4 .footer-widget-1 form button.submit {
    background: #3f85b8;
    border-radius: 0 3px 3px 0;
    float: right;
    height: 40px;
    right: 0;
    top: 0;
    width: 40px
    }
.top-footer #search-5 {
    float: left;
    position: relative;
    width: 100%;
    top: 30px;
    margin: 0
    }
.top-footer #search-5 h3 {
    bottom: 10px;
    font-size: 16px;
    padding: 0;
    top: -25px;
    position: relative;
    color: #fff
    }
.top-footer #search-6 {
    float: left;
    position: relative;
    width: 100%;
    top: 30px;
    margin: 0
    }
.top-footer #search-6 h3 {
    bottom: 10px;
    font-size: 16px;
    padding: 0;
    top: -25px;
    position: relative;
    color: #fff
    }
#footer-widgets .searchform input.field {
    border: 1px solid #ccc;
    float: left;
    height: 38px;
    padding: 0 10px;
    width: 92%;
    background: #fff
    }
/* footer social icon */
.top-footer #connect .social a.youtube:before, .top-footer #connect .social a.facebook:before, .top-footer #connect .social a.twitter:before, .top-footer #connect .social a.subscribe:before, .top-footer #connect .social a.linkedin:before {
    background: #3e86bb
    }
.top-footer #connect .social a:before {
    color: #fff;
    border-radius: 5px
    }
/* home page section one css */
.section-one {
    padding: 50px 0 80px 0 !important
    }
.section-one h1 {
    color: #343434;
    font-size: 60px;
    text-align: center;
    margin: 0 0 20px 0;
    font-family: "adelle";
    font-weight: 400
    }
.section-one p {
    color: #343434;
    font-size: 20px;
    text-align: center;
    font-family: "proxima-nova";
    font-weight: normal
    }
.featured_stories {
    width: 450px;
    float: left;
    background: #0068a7;
    padding: 10px 0;
    border-radius: 5px;
    position: relative
    }
.stories_image {
    width: 100%;
    position: relative;
    float: left
    }
.stories_image .community {
    position: absolute;
    bottom: 24px;
    /* right: 45px; */
    color: #fff;
    font-style: italic;
    font-size: 18px;
    right: auto;
    left: 10px
    }
.featured_stories .stories_details {
    width: 92%;
    position: relative;
    float: left;
    padding: 4%
    }
.stories_header {
    width: 92%;
    padding: 0 4% 15px 4%;
    border-bottom: solid 1px #fff;
    float: left;
    font-size: 30px;
    color: #fff
    }
.stories_header h3 {
    color: #fff;
    font-weight: 300;
    float: left;
    font-family: "proxima-nova";
    text-transform: uppercase;
    font-size: 1.6em
    }
.featured_stories .stories_details .details_container {
    width: 100%;
    color: #fff;
    padding: 10px 0 0 0;
    float: left
    }
.featured_stories .stories_details .details_container span.location {
    font-size: 12px;
    font-family: "proxima-nova";
    font-weight: 700
    }
.featured_stories .stories_details .details_container h4 {
    color: #fff;
    font-size: 20px;
    padding: 0 0 10px;
    font-family: "adelle";
    font-weight: 400
    }
.featured_stories .stories_details .details_container p {
    padding: 0 0 10px 0;
    font-family: "adelle";
    font-weight: 400
    }
a.seeall {
    font-size: 12px;
    color: #fff !important;
    background: url(images/seeall.png) no-repeat center right;
    line-height: 15px;
    padding: 0 22px 0 0;
    float: right;
    line-height: 57px;
    font-family: "proxima-nova";
    font-weight: 700
    }
.featured_stories .stories_details .details_container a.learn {
    font-size: 12px;
    color: #fff;
    line-height: 15px;
    border: solid 3px #fff;
    padding: 16px;
    font-weight: bold;
    display: inline-block;
    margin: 5px 0 0 0;
    border-radius: 5px;
    text-decoration: none
    }
.featured_stories .stories_details .details_container a.learn:hover, ul.featuredStoryList li .images .side .more:hover, .homepage_sec2 ul li .images .down .more:hover {
    border: solid 3px #0B496F
    }
.twitter_feed {
    width: 270px;
    margin: 0 40px;
    float: left
    }
/* home page section two css */
.homepage_sec2 {
    width: 100%;
    padding: 50px 0 70px 0;
    background: #fff;
    float: left
    }
.homepage_sec2 h3 {
    font-size: 60px;
    color: #343434;
    text-align: center;
    margin: 0 0 25px 0;
    font-family: "adelle";
    font-weight: 400
    }
.homepage_sec2 p {
    font-size: 20px;
    color: #343434;
    text-align: center;
    line-height: 30px;
    margin: 0 0 50px 0;
    font-family: "proxima-nova";
    font-weight: 400
    }
.homepage_sec2 ul {
    list-style: none
    }
.homepage_sec2 ul li {
    width: 30%;
    margin: 0 0 30px 0;
    float: left
    }
.homepage_sec2 ul li .images {
    width: 100%;
    position: relative;
    overflow: hidden;
    float: left;
    border-radius: 5px
    }
.homepage_sec2 ul li .images img {
    width: 100%;
    /* height:100%; */
    height: auto !important;
    border-radius: 5px;
    float: left
    }
.homepage_sec2 ul li .images .line {
    width: 100%;
    height: 10px;
    background: #0068a7;
    border-radius: 5px 5px 0 0;
    float: left;
    position: absolute;
    top: 0;
    left: 0
    }
.homepage_sec2 ul li .images .down {
    width: 90.1%;
    padding: 5%;
    position: absolute;
    bottom: -75%;
    left: 0;
    background: rgba(0, 104, 167, 0.9);
    height: 90%;
    transition: all 0.3s ease-in-out 0s;
    float: left
    }
.homepage_sec2 ul li .images .down .title {
    width: 90%;
    font-size: 22px;
    color: #fff;
    line-height: 30px;
    float: left;
    font-family: "adelle";
    font-weight: 400
    }
.homepage_sec2 ul li .images .down p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    padding: 30px 0;
    display: inline-block;
    font-family: "adelle";
    font-weight: 400;
    text-align: left;
    opacity: 0
    }
.homepage_sec2 ul li .images .down .more {
    font-size: 12px;
    color: #fff;
    line-height: 15px;
    border: solid 3px #fff;
    padding: 16px;
    display: inline-block;
    margin: 5px 0 0 0;
    border-radius: 5px;
    text-decoration: none;
    font-family: "proxima-nova";
    font-weight: 700;
    opacity: 0
    }
.homepage_sec2 ul li .images:hover .down {
    bottom: 0;
    transition: all 0.3s ease-in-out 0s;
    border-radius: 5px 5px 5px 5px
    }
.homepage_sec2 ul li .images:hover .down p {
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    opacity: 1
    }
.homepage_sec2 ul li .images:hover .down .more {
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    opacity: 1
    }
.homepage_sec2 ul li .images:hover .line {
    display: block
    }
.homepage_sec2 ul li:nth-of-type(3n+1) .line {
    background: #d9ca63
    }
.homepage_sec2 ul li:nth-of-type(3n+1) .down {
    background: rgba(217, 202, 99, 0.9)
    }
.homepage_sec2 ul li:nth-of-type(3n+2) {
    margin: 0 5%
    }
.homepage_sec2 ul li:nth-of-type(3n+2) .line {
    background: #ffa119
    }
.homepage_sec2 ul li:nth-of-type(3n+2) .down {
    background: rgba(255, 161, 25, 0.9)
    }
.homepage_sec2 ul li:nth-of-type(3n+3) .line {
    background: #0871a0
    }
.homepage_sec2 ul li:nth-of-type(3n+3) .down {
    background: rgba(8, 113, 160, 0.9)
    }
.homepage_sec2 ul li:nth-of-type(3n+4) .line {
    background: #eb717c
    }
.homepage_sec2 ul li:nth-of-type(3n+4) .down {
    background: rgba(235, 113, 124, 0.9)
    }
.homepage_sec2 ul li:nth-of-type(3n+5) .line {
    background: #388d2f
    }
.homepage_sec2 ul li:nth-of-type(3n+5) .down {
    background: rgba(56, 141, 47, 0.9)
    }
.homepage_sec2 ul li:nth-of-type(3n+6) .line {
    background: #a8008b
    }
.homepage_sec2 ul li:nth-of-type(3n+6) .down {
    background: rgba(168, 0, 139, 0.9)
    }
/* divider css */
.divider1, .divider2 {
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
    height: 320px;
    display: table
    }
.divider1 .table, .divider2 .table {
    vertical-align: top;
    display: table-cell;
    padding-top: 40px
    }
.divider1 .guideline, .divider2 .guideline {
    font-size: 14px;
    font-family: "proxima-nova";
    font-weight: 700;
    line-height: 55px;
    text-transform: uppercase
    }
.divider1 h2, .divider2 h2 {
    font-size: 60px;
    line-height: 64px;
    padding: 0 0 10px 0;
    color: #fff;
    font-family: "felt-tip-woman";
    font-weight: normal
    }
.divider1 p, .divider2 p {
    font-family: "proxima-nova";
    font-weight: 300;
    font-size: 24px;
    line-height: 30px;
    padding: 0 17%
    }
.divider2 {
    height: 344px
    }
/******************************* home page section three css *****************************/
.homepage_sec3 {
    width: 100%;
    padding: 50px 0 70px 0;
    background: #fff;
    float: left
    }
.homepage_sec3 h3 {
    font-size: 60px;
    color: #343434;
    text-align: center;
    margin: 0 0 25px 0;
    font-family: "adelle";
    font-weight: 400
    }
.homepage_sec3 p {
    font-size: 20px;
    color: #343434;
    text-align: center;
    line-height: 30px;
    margin: 0 0 50px 0;
    font-family: "proxima-nova";
    font-weight: 400
    }
/* executive-programmes widget on home page */
.executive-programmes {
    width: 30%;
    float: left
    }
.executive-programmes.youth-events {
    margin: 0 3%
    }
.executive-programmes h4 {
    color: #343434;
    font-size: 24px;
    margin: 0 0 20px 0;
    text-transform: uppercase
    }
.executive-programmes ul {
    list-style: none
    }
.executive-programmes ul li {
    width: 100%;
    margin: 0 0 15px 0;
    border-bottom: solid 1px #ececec;
    padding: 0 0 15px 0;
    float: left
    }
.executive-programmes ul li:last-child {
    border: none;
    margin: 0;
    padding: 0
    }
.executive-programmes ul li span.date {
    font-size: 12px;
    display: block;
    color: #343434;
    font-weight: bold
    }
.executive-programmes ul li span.title {
    font-size: 16px;
    margin: 10px 0
    }
.executive-programmes ul li span.title a {
    color: #3e86bb !important
    }
.executive-programmes ul li span.title a:hover {
    color: #343434 !important;
    text-decoration: none
    }
.executive-programmes ul li p {
    font-size: 14px;
    color: #343434;
    text-align: left;
    line-height: 24px;
    margin: 0
    }
.executive-programmes .allevents {
    background: url(images/allevents.png) no-repeat center right;
    color: #3e86bb;
    font-size: 14px;
    font-weight: bold;
    padding: 0 22px 0 0;
    float: right;
    text-transform: uppercase
    }
.executive-programmes .logos {
    width: 100%;
    margin: 50px 0 0 0;
    float: left
    }
/* virtual library widget on home page */
.virtual-library {
    width: 29%;
    background: #f0f0f0;
    padding: 1%;
    border-top: solid 10px #3e86bb;
    border-radius: 5px 5px 0 0;
    float: left
    }
.virtual-library h4 {
    color: #343434;
    font-size: 22px;
    text-align: center;
    padding: 0 0 15px 0;
    font-family: "proxima-nova";
    font-weight: 800;
    text-transform: uppercase
    }
.virtual-library .search-area {
    width: 100%;
    float: left
    }
.virtual-library .search-area .library-widget {
    width: 100%;
    float: left
    }
.virtual-library .search-area .library-widget p {
    font-size: 16px;
    text-align: left;
    line-height: 20px;
    padding: 0 0 15px 0;
    border-bottom: solid 2px #b2b2b2;
    margin: 0 0 15px 0;
    color: #343434;
    font-family: "proxima-nova";
    font-weight: 400
    }
.virtual-library .search-area .search_main {
    width: 100%;
    float: left
    }
.virtual-library .search_main .searchform, #searchform {
    width: 100%;
    margin: 0 0 20px 0
    }
.virtual-library .searchform input.s, #searchform input#s {
    width: 80%;
    border: solid 1px #ccc;
    padding: 10px 20px 10px 10px
    }
.virtual-library .searchform button.submit {
    background: #f90;
    padding: 5px 10px;
    top: 0;
    border-radius: 0 5px 5px 0
    }
.virtual-library .input-group input.form-control, #searchform input#s {
    width: 79%;
    border: solid 1px #ccc;
    padding: 10px 20px 10px 10px
    }
.virtual-library .input-group input.btn-default {
    background: #f90 url(images/srch-icon.png) no-repeat center center;
    padding: 7px 15px;
    top: 0;
    border-radius: 0 5px 5px 0;
    text-indent: -999px;
    width: 15%;
    float: left;
    padding: 0;
    height: 35px;
    box-sizing: border-box
    }
.virtual-library form {
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    float: left
    }
.virtual-library form .input-group {
    width: 100%;
    float: left
    }
.virtual-library .input-group input.form-control {
    border-right: 0;
    border-radius: 5px 0 0 5px;
    float: left;
    padding: 0 0 0 5px;
    height: 35px;
    box-sizing: border-box;
    width: 85%
    }
.virtual-library .search-area .library-widget ul {
    width: 100%;
    margin: 0 0 25px 0;
    float: left;
    list-style: none
    }
.virtual-library .search-area .library-widget ul li a {
    width: 96%;
    padding: 10px 2%;
    font-size: 16px;
    color: #343434;
    background: url(images/seeall.png) no-repeat 98% center;
    text-decoration: none;
    border-bottom: dotted 1px #b8b8b8;
    float: left;
    font-family: "proxima-nova";
    font-weight: 400
    }
.virtual-library .search-area .library-widget ul li a:hover {
    background: url(images/allevents.png) no-repeat 98% center #dcdcdc;
    color: #3e86bb
    }
.virtual-library .search-area .library-widget a.visit {
    width: 140px;
    height: 40px;
    line-height: 40px;
    background: #f90;
    color: #fff;
    font-size: 12px;
    border: solid 3px #fff;
    border-radius: 5px;
    text-decoration: none;
    display: block;
    margin: 0 auto;
    clear: both;
    text-align: center;
    font-family: "proxima-nova";
    font-weight: 800
    }
.virtual-library .search-area .library-widget a.visit:hover {
    background: #343434;
    color: #3e86bb
    }
/* news widget on home page */
.featured_news {
    width: 330px;
    padding: 20px;
    background: #f0f0f0;
    border-top: solid 10px #3e86bb;
    border-radius: 5px;
    position: relative;
    float: right
    }
.featured_news h3 {
    font-size: 30px;
    color: #343434;
    border-bottom: solid 1px #b2b2b2;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    display: block;
    font-family: "proxima-nova";
    font-weight: 300
    }
.featured_news .post_content {
    width: 100%;
    border: none;
    margin: 0;
    float: left
    }
.featured_news .post_content .newsdesc {
    width: 100%;
    border-bottom: solid 1px #b2b2b2;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    font-size: 14px;
    line-height: 22px;
    color: #343434;
    position: relative;
    float: right
    }
.featured_news .post_content .newsdesc:last-child {
    margin: 0
    }
.featured_news .post_content .newsdesc h2 {
    width: 75%;
    font-size: 17px;
    line-height: 24px;
    padding: 0;
    float: right;
    font-family: "adelle";
    font-weight: normal
    }
.featured_news .post_content .newsdesc h2 a {
    color: #3e86bb
    }
.featured_news .post_content .newsdesc h2 a:hover {
    color: #343434;
    text-decoration: none
    }
.featured_news .post_content .newsdesc p {
    width: 75%;
    float: right;
    font-family: "adelle";
    font-weight: normal
    }
.featured_news .post_content .newsdesc .post_date, .civic-widget-event .post_date {
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
    color: #343434;
    font-size: 12px;
    font-family: "proxima-nova";
    font-weight: 800
    }
.featured_news .view_all_link {
    padding: 0 20px 0 0;
    font-size: 12px;
    background: url(images/seeall.png) no-repeat right center;
    text-decoration: none;
    font-weight: bold;
    position: absolute;
    top: 27px;
    right: 20px;
    float: left
    }
.featured_news .view_all_link a {
    color: #666;
    font-family: "proxima-nova";
    font-weight: 700;
    text-transform: uppercase
    }
.featured_news .view_all_link a:hover {
    color: #343434;
    text-decoration: none
    }
/* slider css */
.home-slider .layer {
    left: 200px !important;
    position: static !important;
    height: auto !important
    }
.metaslider .flexslider {
    margin: 0 !important
    }
.metaslider .flex-control-thumbs li {
    position: relative
    }
.metaslider .flex-control-thumbs li img {
    z-index: 999;
    position: relative;
    opacity: 0
    }
.metaslider .flex-control-thumbs li img.flex-active + span.customthumbs {
    border-bottom: 5px solid #f90
    }
span.customthumbs {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    font-size: 26px;
    line-height: 35px;
    color: #fff;
    font-family: "adelle";
    font-weight: normal;
    padding: 0 1%;
    box-sizing: border-box
    }
p.nav-text {
    display: none
    }
span.customthumbs strong {
    font-weight: 700
    }
.flex-control-nav {
    position: absolute !important;
    bottom: 85px !important
    }
.home-slider .layer p.main-heading span {
    font-size: 50px !important;
    line-height: 55px;
    font-family: "adelle";
    font-weight: normal
    }
.home-slider .layer p {
    font-size: 20px !important;
    line-height: 30px;
    font-family: "proxima-nova";
    font-weight: normal
    }
.home-slider .layer p a {
    color: #fff;
    font-size: 14px !important;
    font-family: "proxima-nova";
    font-weight: 700;
    border: solid 3px #fff;
    padding: 0 53px !important;
    display: inline-block;
    margin: 5px 0 0 0;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    height: 40px;
    line-height: 40px !important;
    vertical-align: middle;
    text-transform: uppercase
    }
.msHtmlOverlay .col-full:first-child {
    padding-top: 5%
    }
.col-full.customthumb {
    position: relative
    }
.home-slider .layer.black_bg {
    height: 100% !important;
    left: 0 !important;
    margin: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
    background: url(images/overlay.png) center no-repeat !important;
    background-size: 100% !important
    }
/*********************************************** discover page css ****************************************/
.mpage-container {
    width: 100%;
    float: left;
    padding-bottom: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }
/* banner css */
.secondary-banner {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 25px
    }
.secondary-banner img {
    width: 100%;
    float: left;
    position: relative
    }
.secondary-banner h1.page-title {
    position: absolute;
    bottom: 43px;
    font-size: 50px;
    line-height: 55px;
    font-family: "adelle";
    font-weight: normal;
    color: #fff
    }
/* page css */
.left-section {
    width: 74.5%;
    margin-right: 2.5%;
    float: left
    }
.page-content p, .page-content ul li, .page-content ol li {
    font-size: 18px;
    line-height: 28px;
    font-family: "proxima-nova";
    font-weight: normal;
    color: #343434;
    margin-bottom: 20px
    }
/* getenvolved section */
.discover-getenvolved-section.homepage_sec2 {
    padding: 50px 0 15px
    }
.discover-getenvolved-section.homepage_sec2 ul li .down {
    background: rgba(8, 113, 160, 0.9) !important
    }
.discover-getenvolved-section.homepage_sec2 ul li .line {
    background: #0871a0 !important
    }
.discover-getenvolved-section.homepage_sec2 ul li .images .down .title {
    font-size: 18px;
    line-height: 26px
    }
.discover-getenvolved-section.homepage_sec2 p {
    margin: 0 0 20px
    }
.discover-getenvolved-section.homepage_sec2 ul li .images .down p {
    padding: 15px 0 10px;
    font-size: 14px;
    line-height: 18px
    }
.earth-section-content {
    width: 100%;
    float: left;
    margin: 50px 0 5px
    }
.earth-section-content h1 {
    font-size: 30px;
    line-height: 44px;
    font-family: "proxima-nova";
    font-weight: 300;
    text-transform: uppercase;
    color: #343434;
    letter-spacing: 2px
    }
.earth-section-content p {
    font-size: 16px;
    line-height: 24px;
    font-family: "adelle";
    font-weight: 400;
    color: #343434
    }
.discove-bottom-section {
    width: 100%;
    float: left;
    margin: 20px 0 50px
    }
.stories-sidebar {
    width: 20%;
    float: left
    }
.stories-sidebar h3 {
    font-size: 28px;
    line-height: 28px;
    font-family: "felt-tip-woman";
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px
    }
.stories-sidebar h4 {
    font-size: 18px;
    line-height: 22px;
    font-family: "proxima-nova";
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 7px;
    border-bottom: 2px solid #ccc
    }
.community-list {
    width: 100%;
    float: left;
    margin: 13px 0 30px
    }
.region-list {
    width: 100%;
    float: left
    }
.community-list ul, .region-list ul {
    list-style: none
    }
.community-list ul li a, .region-list ul li a {
    width: 100%;
    padding: 9px 26px 9px 0;
    font-size: 16px;
    color: #343434;
    background: url(images/sidebar-list.png) no-repeat 98% center;
    text-decoration: none;
    border-bottom: solid 1px #b8b8b8;
    float: left;
    font-family: "proxima-nova";
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }
.community-list ul li a:hover, .region-list ul li a:hover {
    background: url(images/sidebar-list-hover.png) no-repeat 98% center;
    color: #f90
    }
.discover-featuredStories {
    width: 77%;
    float: right
    }
ul.featuredStoryList {
    margin: 0;
    padding: 0;
    list-style: none
    }
ul.featuredStoryList li, .type-stories {
    width: 100%;
    float: left;
    margin-bottom: 30px
    }
ul.featuredStoryList li .images, .type-stories .images {
    width: 100%;
    float: left;
    position: relative
    }
ul.featuredStoryList li .images span.community, .type-stories .images span.community {
    position: absolute;
    right: 20px;
    bottom: 10px;
    font-size: 24px;
    line-height: 28px;
    font-family: "felt-tip-woman";
    font-weight: normal;
    color: #fff
    }
ul.featuredStoryList li .images .side .location, .type-stories .images .side .location {
    font-size: 13px;
    line-height: 18px;
    font-family: "proxima-nova";
    font-weight: 700;
    color: #fff;
    display: block;
    text-transform: uppercase;
    margin-bottom: 7px
    }
ul.featuredStoryList li .images .side .title, .type-stories .images .side .title {
    font-size: 18px;
    line-height: 26px;
    font-family: "adelle";
    font-weight: 400;
    color: #fff;
    margin-bottom: 5px;
    display: block
    }
ul.featuredStoryList li .images .side p, .type-stories .images .side p {
    font-size: 14px;
    line-height: 22px;
    font-family: "proxima-nova";
    font-weight: 400;
    color: #fff;
    margin-bottom: 0
    }
ul.featuredStoryList li .images .side .more, .type-stories .images .side .more {
    font-size: 12px;
    color: #fff;
    line-height: 15px;
    border: solid 3px #fff;
    padding: 13px 18px;
    display: inline-block;
    margin: 28px 0 0 0;
    border-radius: 5px;
    text-decoration: none;
    font-family: "proxima-nova";
    font-weight: 700;
    text-transform: uppercase
    }
ul.featuredStoryList li .images .top, .type-stories .images .top {
    width: 100%;
    height: 10px;
    background: #0068a7;
    border-radius: 5px 5px 0 0;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999
    }
ul.featuredStoryList li .images img, .type-stories .images img {
    width: 100%;
    float: left;
    border-radius: 0 5px 5px 0;
    padding: 0
    }
ul.featuredStoryList li .images .side, .type-stories .images .side {
    position: absolute;
    left: 0;
    width: 40%;
    top: 10px;
    background: rgba(8, 113, 160, 0.9);
    height: calc(100% - 10px);
    padding: 20px 20px 10px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 0 0 5px;
    float: left
    }
.img-container {
    width: 60.3%;
    float: right;
    position: relative
    }
/* right sidebar section */
.right-section {
    width: 22.5%;
    float: left
    }
.discover-right-section {
    padding-top: 115px
    }
.page-template-template-discoveraroundworld .discover-right-section {
    padding-top: 9px
    }
.right-section h4, .right-section h3 {
    font-size: 28px;
    color: #343434;
    line-height: 28px;
    font-family: "felt-tip-woman";
    font-weight: bold;
    text-align: center;
    margin-bottom: 6px
    }
.ec-text {
    background: #e9eff7;
    padding: 25px 20px;
    border-top: 10px solid #3e86bb;
    border-radius: 5px 5px 0 0;
    margin-bottom: 11px;
    margin-right: -6px;
    margin-top: 10px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
    }
.ect img.ect-img {
    width: inherit;
    float: left;
    padding: 10px 0
    }
.ect .ect-content {
    width: 65%;
    float: right;
    font-size: 14px;
    line-height: 22px;
    font-family: "adelle";
    font-weight: 400;
    color: #343434;
    padding: 10px 0
    }
.ec-text p {
    padding: 15px
    }
a.download-language {
    font-size: 11px;
    width: 100%;
    text-transform: uppercase;
    color: #0068a7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 15px;
    border: solid 3px #fff;
    padding: 16px 10px;
    display: inline-block;
    margin: 13px 0 0 0;
    border-radius: 5px;
    text-decoration: none;
    font-family: "proxima-nova";
    font-weight: 700;
    text-align: center
    }
.featuredContent {
    background: #f0f0f0;
    padding: 25px 20px;
    border-top: 10px solid #ddd;
    border-radius: 5px 5px 0 0;
    margin-bottom: 11px;
    float: left
    }
.featuredContent p {
    font-size: 14px;
    line-height: 22px;
    font-family: "adelle";
    font-weight: 400;
    color: #343434
    }
.featuredContent .view_all_link, .related-news .view_all_link {
    padding: 0 20px 0 0;
    font-size: 12px;
    background: url(images/seeall.png) no-repeat right center;
    float: left;
    margin-top: 15px
    }
.featuredContent .view_all_link a.learnMore, .related-news .view_all_link a.learnMore {
    font-size: 12px;
    line-height: 22px;
    font-family: "proxima-nova";
    font-weight: 700;
    color: #666;
    text-transform: uppercase
    }
.related-news {
    background: #f0f0f0;
    padding: 25px 20px;
    border-top: 10px solid #ddd;
    border-radius: 5px 5px 0 0;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 11px
    }
.relnewsdesc {
    width: 100%;
    float: left;
    padding: 10px 0
    }
.relnewsdesc .post_date {
    font-size: 11px;
    line-height: 19px;
    font-family: "proxima-nova";
    font-weight: 700;
    color: #343434
    }
.relnewsdesc h2 {
    display: block;
    font-size: 16px;
    color: #3e86bb;
    line-height: 20px;
    font-family: "adelle";
    font-weight: 400
    }
.relnewsdesc p {
    font-size: 13px;
    color: #343434;
    line-height: 18px
    }
.ed-text {
    width: 90%;
    background: #e9f6ed;
    padding: 5% 5% 3% 5%;
    border-top: 10px solid #0068a7;
    border-radius: 5px 5px 0 0;
    margin-bottom: 11px;
    float: left
    }
.ed-text .search_main {
    width: 100%;
    background: #fdfdfd;
    border-bottom: solid 1px #c5cac4;
    border-top: solid 1px #c5cac4
    }
.ed-text .search_main .searchform, #searchform {
    width: 100%;
    border: none;
    margin: 0
    }
.ed-text .search_main .searchform input.s, #searchform input#s {
    width: 80%;
    padding: 11px 2% 11px 3%
    }
.ed-text .search_main .searchform button.submit {
    width: 15%;
    height: 40px;
    background: #4086ba;
    position: inherit;
    top: 0;
    right: 0;
    float: right
    }
.clearfix {
    clear: both
    }
.ec-text.endorse {
    float: left;
    background: #f0f0f0;
    border-top: solid 10px #ddd
    }
/************************************** learn page css *********************************************/
.learn-left-section {
    width: 66%;
    margin-right: 2%;
    float: left
    }
.event-box {
    width: 100%;
    float: left;
    background: #e9eff7;
    padding: 20px 20px;
    border-top: 10px solid #3e86bb;
    border-radius: 5px 5px 5px 5px;
    margin: 30px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }
.title-and-text {
    font-size: 16px;
    line-height: 24px;
    font-family: "adelle";
    font-weight: 400;
    color: #343434;
    margin-bottom: 20px
    }
.title-and-text h4 {
    width: 100%;
    float: left;
    font-size: 30px;
    line-height: 44px;
    font-family: "proxima-nova";
    font-weight: 300;
    text-transform: uppercase;
    color: #3e86bb;
    letter-spacing: 2px;
    text-align: center
    }
.photo-and-logo {
    width: 49%;
    float: left
    }
.photo-and-logo h4 {
    display: none
    }
.photo-and-logo img.event-img {
    margin-bottom: 20px
    }
.upcoming-events {
    width: 49%;
    float: right
    }
.upcoming-events h4 {
    font-size: 18px;
    line-height: 22px;
    font-family: "proxima-nova";
    font-weight: 700;
    color: #343434
    }
.eventBox ul {
    list-style: none
    }
.upcoming-events ul li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    padding: 10px 0
    }
.upcoming-events ul li .date {
    font-size: 11px;
    line-height: 19px;
    font-family: "proxima-nova";
    font-weight: 700;
    color: #343434;
    display: block
    }
.upcoming-events ul li .title {
    font-size: 17px;
    color: #3e86bb;
    line-height: 24px;
    padding: 0 0 6px 0;
    font-family: "adelle";
    font-weight: normal
    }
.upcoming-events ul li .title a {
    color: #3e86bb !important
    }
.upcoming-events ul li p {
    font-size: 16px;
    color: #343434;
    line-height: 22px;
    font-family: "adelle";
    font-weight: normal
    }
.additionTextBox {
    width: 100%;
    float: left
    }
/* .additionTextBox h3{ font-size:18px; line-height:22px;font-family: "proxima-nova";font-weight:700;color:#343434;text-transform:uppercase;} */
.additionTextBox p {
    font-size: 16px;
    line-height: 24px;
    font-family: "adelle";
    font-weight: 400;
    color: #343434;
    margin: 0 0 20px 0
    }
.additionTextBox ul, .additionTextBox ol {
    margin: 10px 0 20px 40px;
    list-style: disc
    }
.additionTextBox ul li, .additionTextBox ol li {
    margin: 0 0 5px 0
    }
.additionTextBox ul li, .additionTextBox ol li {
    font-size: 16px;
    line-height: 24px;
    font-family: "adelle";
    font-weight: 400;
    color: #343434
    }
/* learn-right-section css */
.learn-right-section {
    width: 32%;
    float: right
    }
.learn-right-section .virtual-library {
    width: 94%;
    padding: 25px 3%
    }
.right-section .virtual-library h4 {
    color: #343434;
    font-size: 22px;
    text-align: center;
    padding: 0 0 15px 0;
    font-family: "proxima-nova";
    font-weight: 800;
    text-transform: uppercase
    }
/**************************** act page css *************************************/
.act-left-section {
    width: 74.5%;
    float: left
    }
.act-right-section {
    width: 22.5%;
    float: right
    }
.promo-widget {
    background: #f0f0f0;
    border-top: 10px solid #ddd;
    border-radius: 5px 5px 0 0;
    margin-bottom: 22px;
    padding: 25px 0;
    float: left;
    width: 100%;
    text-align: center
    }
.promotional-area {
    padding: 25px 20px 20px;
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 0 0 5px;
    text-align: left
    }
.promotional-area span.region {
    font-size: 12px;
    line-height: 18px;
    font-family: "proxima-nova";
    font-weight: 700;
    color: #666;
    text-transform: uppercase;
    display: block
    }
.promotional-area span.title {
    font-size: 22px;
    line-height: 26px;
    font-family: "adelle";
    font-weight: 400;
    color: #3e86bb
    }
.promotional-area p {
    font-size: 16px;
    line-height: 20px;
    font-family: "adelle";
    font-weight: 400;
    color: #343434
    }
.seeAll {
    padding: 0 20px 0 0;
    background: url(images/seeall.png) no-repeat right center;
    float: left;
    margin-top: 20px
    }
.seeAll a {
    font-size: 12px;
    line-height: 16px;
    font-family: "proxima-nova";
    font-weight: 700
    }
.seeAll.submitStory {
    float: right
    }
/* communities css */
.communities {
    width: 100%;
    float: left
    }
.communities-text {
    width: 100%;
    float: left;
    margin-bottom: 30px
    }
.communities-text h1 {
    font-size: 30px;
    line-height: 30px;
    font-family: "proxima-nova";
    font-weight: 300;
    text-transform: uppercase;
    color: #343434;
    margin-bottom: 20px
    }
.communities-text p {
    font-size: 16px;
    line-height: 24px;
    font-family: "adelle";
    font-weight: 400;
    color: #343434
    }
.communities-icon {
    width: 100%;
    float: left
    }
.communities-icon ul li {
    display: inline-block;
    width: 31%;
    margin: 0 2% 30px 0
    }
.communities-icon ul li a {
    display: inline-block;
    margin-right: 3%;
    width: 44%;
    position: relative;
    border: 2px solid transparent
    }
.communities-icon ul li a img {
    border-radius: 5px
    }
.communities-icon ul li a .topLine {
    position: absolute;
    height: 10px;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 5px 5px 0 0
    }
.communities-icon ul li a.community-title {
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    font-family: "adelle";
    font-weight: 400;
    color: #3e86bb;
    vertical-align: top
    }
.communities-icon ul li a.community-title:hover {
    color: #FF4800
    }
/* breadcrumb css */
.discover-page .breadcrumb, .act-page .breadcrumb, .learn-page .breadcrumb, .about-page .breadcrumb {
    display: none
    }
span.trail-before, span.trail-end {
    display: none
    }
.breadcrumb-trail a {
    font-size: 12px;
    line-height: 18px;
    font-family: "proxima-nova";
    font-weight: 700;
    color: #3e86bb;
    text-transform: uppercase
    }
/* artical page css */
h1.articalPage-title {
    font-size: 50px;
    line-height: 55px;
    font-family: "adelle";
    font-weight: 400;
    color: #343434
    }
.articalPage-container {
    width: 100%;
    float: left;
    margin-top: 50px
    }
.leftFields h3, .rightFields h3 {
    font-size: 24px;
    font-family: "adelle";
    font-weight: 400;
    line-height: 22px;
    color: #343434;
    margin: 25px 0
    }
/* submenu css */
.submenuContainer {
    border-top: solid 2px #b8b8b8;
    width: 22%;
    float: left;
    margin: 0
    }
.submenuContainer.community-list ul li a {
    background: none;
    font-weight: 700
    }
.submenuContainer.community-list ul li a:hover, .submenuContainer.community-list ul li.menu-item-has-children ul.sub-menu li a:hover {
    background: url(images/sidebar-list-hover.png) no-repeat 98% center;
    color: #f90 !important
    }
.submenuContainer.community-list ul li.current-menu-item a {
    background: url(images/submenu.png) no-repeat 98% center;
    color: #0068a7
    }
.submenuContainer.community-list ul li.menu-item-has-children a {
    border-bottom: dotted 1px #b8b8b8
    }
.submenuContainer.community-list ul li.menu-item-has-children ul.sub-menu {
    float: left
    }
.submenuContainer.community-list ul li.menu-item-has-children ul.sub-menu li {
    width: 100%;
    background: url(images/disc.png) no-repeat left 18px
    }
.submenuContainer.community-list ul li.menu-item-has-children ul.sub-menu li a {
    font-weight: 400;
    color: #343434;
    background: none;
    padding-left: 10px
    }
.submenuContainer.community-list ul li.menu-item-has-children ul.sub-menu li:last-child a {
    border-bottom: solid 2px #b8b8b8
    }
/* articalPage-content css */
.articalPage-content {
    width: 77%;
    float: right
    }
.page-content .articalPage-content {
    width: 100%
    }
.articalPage-content h2 {
    font-size: 30px;
    line-height: 44px;
    font-family: "proxima-nova";
    font-weight: 300;
    text-transform: uppercase;
    color: #343434;
    letter-spacing: 2px
    }
/*.articalPage-content h3{bottom:10px;} */
.articalPage-content p {
    font-size: 16px;
    line-height: 24px;
    font-family: "adelle";
    font-weight: 400;
    color: #343434;
    margin-bottom: 20px
    }
.articalPage-content p span {
    color: #428bca
    }
.articalPage-content p span.red {
    color: red
    }
.leftFields {
    width: 45%;
    float: left;
    margin-right: 5%
    }
.rightFields {
    width: 45%;
    float: left
    }
.leftFields ol {
    list-style: default
    }
/* communities page css */
.communtyList.homepage_sec2 ul li .images .down {
    padding: 6% 5% 3%;
    bottom: -72%
    }
.communtyList.homepage_sec2 ul li .images .down .title {
    line-height: 18px;
    font-size: 17px
    }
.communtyList.homepage_sec2 ul li .images .down .description p {
    margin-bottom: 10px;
    padding: 10px 0
    }
.communtyList.homepage_sec2 ul li .images:hover .down {
    bottom: 0;
    transition: all 0.3s ease-in-out 0s;
    border-radius: 5px 5px 5px 5px;
    opacity: 0.9
    }
.communtyList.homepage_sec2 ul li .images:hover .line {
    display: block
    }
.communtyList.communities-icon {
    float: left;
    margin-top: 30px;
    width: 100%
    }
.communtyList.communities-icon ul li {
    margin: 0 2% 40px 40px !important;
    width: 39%
    }
/* contact page css */
.contactUs {
    width: 100%;
    padding: 50px 50px 50px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left
    }
.contactUs ul {
    width: 100%;
    float: left;
    list-style: none
    }
.contactUs ul li {
    width: 100%;
    float: left;
    margin-bottom: 16px
    }
.contactUs ul li label {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-family: "proxima-nova";
    font-weight: 700;
    color: #343434;
    margin-bottom: 5px
    }
.contactUs ul li div {
    width: 45%;
    float: left
    }
.contactUs ul li div.fname {
    width: 45%;
    float: left
    }
.contactUs ul li div.lname {
    width: 45%;
    float: right
    }
.contactUs ul li div span {
    display: block;
    width: 100%
    }
.contactUs ul li span input, .contactUs ul li span select, .contactUs ul li span textarea {
    display: block;
    width: 100%;
    border: 1px solid #666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0
    }
.contactUs ul li div span select {
    height: 27px
    }
.contact-widget #connect h3 {
    display: block
    }
.contact-widget #connect {
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    clear: both !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    font-weight: normal !important
    }
/* contact page new css */
.gform_body ul {
    width: 100%;
    float: left;
    list-style: none
    }
.gform_body ul li.fname {
    width: 45%;
    float: left
    }
.gform_body ul li.lname {
    width: 45%;
    float: right
    }
.gform_wrapper ul li.gfield {
    clear: right
    }
.gform_body ul li {
    width: 100%;
    float: left;
    margin-bottom: 16px
    }
.gform_wrapper .left_label .gfield_label {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-family: "proxima-nova";
    font-weight: 700;
    color: #343434;
    margin-bottom: 5px;
    float: none;
    width: 100%
    }
.gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper .left_label textarea.large, .gform_wrapper .left_label textarea.medium, .gform_wrapper .left_label textarea.small, .gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .right_label textarea.large, .gform_wrapper .right_label textarea.medium, .gform_wrapper .right_label textarea.small {
    display: block;
    width: 100%;
    border: 1px solid #666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    color: #343434;
    font-family: "proxima-nova";
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    text-indent: 1em
    }
.ginput_container_email {
    width: 100% !important;
    height: 38px;
    line-height: 18px;
    border: none;
    border-radius: 0;
    padding: 0 0 0 0 !important;
    position: relative !important;
    margin: 0;
    float: left
    }
.gform_wrapper .gform_footer.left_label, .gform_wrapper .gform_footer.right_label {
    margin-left: 0 !important
    }
.ec-text {
    width: 100%
    }
/******************************** virtual library list page ***************************************/
.virtualPage-content {
    width: 100%;
    float: left
    }
.vl-lisling {
    width: 100%;
    float: left
    }
.vl-lisling ul {
    list-style: none
    }
.vl-lisling ul li {
    padding: 15px 20px 15px !important;
    width: 100%;
    float: left;
    background: rgb(233, 239, 247) none repeat scroll 0 0;
    border-radius: 5px;
    border-top: 10px solid rgb(62, 134, 187);
    box-sizing: border-box;
    float: left;
    width: 100%;
    margin: 0 0 20px 0 !important
    }
.vl-image {
    margin-bottom: 10px;
    float: left;
    margin-right: 20px
    }
.new_thumbnail {
    margin-right: 20px;
    width: 126px
    }
.vl-description {
    display: block;
    overflow: hidden
    }
.vl-description h3 {
    font-size: 20px;
    color: #3e86bb;
    line-height: 24px;
    font-family: "adelle";
    font-weight: normal
    }
.vl-kt {
    width: 100%;
    float: left
    }
span.vl-country {
    float: right
    }
.download {
    padding: 10px 0 0;
    border-top: 1px dashed #343434;
    /* display:flex; */
    }
.row {
    width: 100%;
    float: left;
    margin-bottom: 5px
    }
.row img {
    width: 17px;
    height: 23px
    }
.row span {
    display: inline;
    vertical-align: middle;
    font-size: 14px;
    line-height: 18px
    }
.row span.extnsn {
    text-transform: uppercase
    }
/* new width style of virtual library */
.page-template-template-virtual-library .left-section {
    width: 62.5%
    }
.page-template-template-virtual-library .right-section {
    width: 34.5%
    }
/* keyword-filter */
.keyword_search_filter {
    width: 100%;
    float: left;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px
    }
.keyword_search_filter span {
    float: left;
    margin-right: 1%;
    text-align: left
    }
.fltr-key {
    border: none;
    border-radius: 0 !important;
    padding: 6.5px 5px;
    float: left
    }
a.go-btn {
    background: #ddd url(images/gobtn.png) no-repeat 98% center;
    text-align: left;
    width: 54px;
    padding: 4px 5px;
    font-size: 12px;
    color: #000 !important
    }
a.go-btn:hover {
    background: #ddd url(images/sidebar-list.png) no-repeat 98% center
    }
/* fitler box css */
.filter-box {
    background: #d1d1d1;
    padding: 13px 10px;
    width: 100%;
    float: left;
    box-sizing: border-box;
    margin-bottom: 20px;
    border-top: 10px solid rgb(62, 134, 187);
    border-radius: 5px 5px 0 0
    }
.filter {
    width: 100%;
    float: left
    }
.filter span {
    width: 7%;
    float: left;
    margin-right: 1%;
    text-align: left
    }
.filter form {
    width: 92%;
    float: left
    }
.sort {
    margin-top: 10px
    }
.sort button {
    margin-right: 10px
    }
.sort button.activeState {
    background: #fff;
    color: #343434 !important
    }
/* select css */
.select-btn {
    float: left;
    width: 189px;
    height: 29px;
    line-height: 29px;
    vertical-align: middle;
    background: #fff;
    margin-right: 11px
    }
.stylish-select .SSContainerDivWrapper {
    margin: 0;
    padding: 0;
    width: 100%;
    position: absolute;
    top: 29px !important;
    left: 0 !important;
    z-index: 2;
    border: 0;
    border-top: 0 none;
    height: 150px !important;
    overflow-y: scroll
    }
.stylish-select ul.newList {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    overflow: auto;
    overflow-x: hidden;
    width: 100% !important;
    height: auto !important;
    border: none
    }
.stylish-select ul.newList * {
    /*float: left;*/
    margin: 0;
    padding: 0;
    border: none;
    width: 100% !important
    }
.stylish-select ul.newList a {
    display: block;
    text-decoration: none;
    padding: 0 4% 0 5%;
    width: 100% !important;
    font-size: 12px;
    color: #fff;
    background: #428bca;
    text-align: left
    }
.stylish-select .newListSelected {
    float: left;
    width: 100%;
    height: 29px;
    padding: 0;
    background: url(images/down.png) no-repeat 98% 43%
    }
.stylish-select .selectedTxt {
    overflow: hidden;
    height: 29px;
    padding: 0 8% 0 6%;
    font-size: 12px;
    color: #343434;
    text-align: left;
    line-height: 29px
    }
.footer-form {
    float: left;
    width: 100%
    }
.stylish-select .amount_sec .newListHover {
    background: #1f1f1f;
    color: #fff
    }
/* featured document css */
.fb-widget {
    margin-top: 30px;
    width: 100%;
    float: left
    }
.featured_document ul {
    list-style: none
    }
.featured_document ul li {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    width: 100%;
    float: left
    }
/* .featured_document ul li .promotional-area{padding-top:10px}
.featured_document ul li .promotional-area h5{font-family: "adelle";font-weight: normal;line-height: normal;}
.featured_document ul li .promotional-area p{font:300 13px/17px "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif} */
.featured_document .vl-description h5 {
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-family: "adelle";
    font-weight: 400;
    color: #3e86bb;
    text-decoration: none;
    margin: 0
    }
.featured_document .vl-description p {
    font-size: 13px;
    line-height: 18px
    }
/* single virtual library document */
.library-left {
    width: 44%;
    float: left;
    margin-right: 1%
    }
.library-left img.attachment-post-thumbnail {
    width: 100%;
    height: auto;
    display: block
    }
.library-right {
    width: 54%;
    float: left;
    margin-left: 1%
    }
.download-doc span.h_download {
    font-size: 20px;
    line-height: normal;
    margin-bottom: 15px;
    display: block
    }
.download-doc span.f_title {
    display: block;
    margin-bottom: 5px
    }
.docs {
    padding: 5px 0;
    border-bottom: 1px solid #ccc
    }
.download-doc .row {
    margin-bottom: 0
    }
.library-postDetails {
    width: 100%;
    float: left;
    padding: 10px 0;
    margin-top: 15px;
    border-top: 1px dashed #ccc
    }
/*********************endorser form css*******************/
.page-content h3 {
    font-family: "proxima-nova";
    padding: 0 0 10px 0
    }
.crm-title h1 {
    font-family: "proxima-nova" !important
    }
#crm-container.crm-public input[type="text"], #crm-container.crm-public input[type="password"], #crm-container.crm-public input[type="email"], #crm-container.crm-public select {
    width: 15em
    }
.crm-container .select2-container-multi .select2-choices:before {
    background: url(images/select-arw.png) no-repeat right center !important
    }
.select2-container .select2-choice .select2-arrow {
    background: url(images/select-arw.png) no-repeat scroll right center !important;
    border-left: none !important
    }
/* news page css */
.news-article {
    width: 100%;
    float: left
    }
.news-article ul {
    list-style: none
    }
.news-article ul li {
    padding: 9px 0 15px;
    border-bottom: 1px solid #bebebe;
    width: 100%;
    float: left
    }
.news-image {
    float: left;
    margin-right: 20px
    }
.news-image img.attachment-news-rightsidebar-res {
    display: none
    }
.news-description {
    display: block;
    overflow: hidden
    }
.news-description h3 {
    font-size: 20px;
    color: #3e86bb;
    line-height: 24px;
    padding: 0 0 10px 0;
    font-family: "adelle";
    font-weight: normal
    }
.news-description h3 a {
    color: #3e86bb
    }
p.comment-count {
    background: url(images/bubble.jpg) no-repeat left center;
    padding-left: 20px
    }
/* pagination css */
.custom-pagination, .my-navigation {
    width: 100%;
    text-align: center;
    padding: 20px 0;
    float: left
    }
a.page-numbers, span.page-numbers.current {
    border: 1px solid #dedede;
    display: inline-block;
    padding: 10px
    }
.my-navigation div {
    display: inline-block;
    padding: 10px
    }
.my-navigation div a.simple-pagination-navigation-page {
    margin: 0 2px;
    border: none;
    display: inline-block;
    padding: 10px;
    color: #0068a7;
    border-radius: 3px;
    background: #fff
    }
.my-navigation div a.simple-pagination-navigation-next, .my-navigation div a.simple-pagination-navigation-previous, .my-navigation div a.simple-pagination-navigation-first, .my-navigation div a.simple-pagination-navigation-last {
    color: #0068a7 !important;
    background: #fff !important
    }
.my-navigation div a.simple-pagination-navigation-disabled {
    margin: 0 2px;
    background: #0068a7;
    color: #fff
    }
a.next, a.prev {
    border: none
    }
.dots {
    display: none
    }
.news-description p {
    font-size: 16px
    }
.news-description span.post_date, span.post_date {
    color: #343434;
    font-size: 12px;
    font-family: "proxima-nova";
    font-weight: 800
    }
/* youth leftmenu css */
/*.submenuContainer.community-list ul li.current_page_item a{background: url(images/submenu.png) no-repeat 98% center;color:#0068a7}*/
/*.submenuContainer.community-list ul li.page_item_has_children a{border-bottom: dotted 1px #b8b8b8;}*/
.submenuContainer.community-list ul li.page_item_has_children ul.children li {
    width: 100%;
    float: left
    }
.submenuContainer.community-list ul li.page_item_has_children ul.children li a {
    font-weight: 400;
    color: #343434;
    background: none;
    padding-left: 10px;
    font-size: 15px
    }
.submenuContainer.community-list ul li.page_item_has_children ul.children li:last-child a {
    border-bottom: solid 2px #b8b8b8
    }
/* country box css on act page */
.countries {
    width: 100%;
    float: left;
    background: url(images/country-bg.jpg) no-repeat left top;
    border-top: 10px solid #00578b;
    border-radius: 5px;
    position: relative;
    background-size: 100% 100%;
    margin-bottom: 60px
    }
.description {
    position: absolute;
    left: 0;
    width: 31%;
    top: 0;
    background: #0068a7;
    height: calc(100% - 0);
    padding: 10px 40px 10px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 0 0 5px;
    float: left
    }
.description h4 {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-family: "adelle";
    margin-bottom: 10px
    }
.description p {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    font-family: "proxima-nova"
    }
.selection {
    width: 69%;
    float: right;
    padding: 40px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }
.selection label {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    line-height: normal;
    margin-right: 10px;
    vertical-align: middle;
    text-transform: uppercase;
    font-family: "proxima-nova";
    font-weight: 700
    }
.select-cntry {
    width: 100%;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    background: #fff;
    margin-right: 0;
    display: inline-block
    }
.stylish-select .select-cntry .newListSelected {
    float: left;
    width: 100%;
    height: 40px;
    padding: 0;
    background: url(images/down2.png) no-repeat 100% 43%
    }
.stylish-select .select-cntry .selectedTxt {
    height: 40px;
    padding: 0 8% 0 6%;
    font-size: 15px;
    color: #343434;
    text-align: left;
    line-height: 40px
    }
.stylish-select .select-cntry .SSContainerDivWrapper {
    top: 40px !important;
    height: 350px !important;
    overflow-y: auto
    }
.articalPage-content img.attachment-post-thumbnail {
    margin-bottom: 20px;
    float: left;
    margin-right: 20px
    }
/*virtuallibrary archive page*/
.type-virtual_library {
    padding: 15px 20px 15px;
    width: 100%;
    float: left;
    background: rgb(233, 239, 247) none repeat scroll 0 0;
    border-radius: 5px;
    border-top: 10px solid rgb(62, 134, 187);
    box-sizing: border-box;
    float: left;
    width: 100%;
    margin: 0 0 20px 0 !important
    }
/*stories arcive page*/
.archivePage-container {
    margin-top: 0
    }
/* some default css*/
.post-meta span {
    display: none
    }
.gform_wrapper .gfield_required {
    display: none
    }
.ginput_container_email {
    width: 15%;
    height: 38px;
    line-height: 18px;
    border: none;
    border-radius: 0;
    padding: 0 40px 0 3%;
    position: absolute;
    margin: 0;
    float: left
    }
.gform_wrapper input[type=text] {
    text-indent: 1em
    }
.page-template-default h1.entry-title, .single-page h1.entry-title {
    font-size: 50px;
    line-height: 55px;
    font-family: "adelle";
    font-weight: normal;
    color: #343434
    }
.page-template-default h5 {
    font-family: "adelle";
    font-weight: normal;
    color: #343434;
    font-size: 18px;
    color: #343434
    }
.page-content h2 {
    font-size: 30px;
    line-height: 44px;
    font-family: "proxima-nova";
    font-weight: 300;
    text-transform: uppercase;
    color: #343434;
    letter-spacing: 2px;
    margin-bottom: 10px
    }
h1.news-title {
    margin-bottom: 30px
    }
.entry img {
    border: 0
    }
img.aligncenter {
    display: inline-block
    }
/*==========9Dec=============*/
.button.crm-register-button {
    font-size: 12px !important;
    color: #fff !important;
    line-height: 15px !important;
    border: solid 3px #fff !important;
    padding: 16px !important;
    font-weight: bold !important;
    display: inline-block !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    background: #0068a7 !important;
    border: 3px solid transparent !important
    }
.button.crm-register-button:hover {
    border: solid 3px #0B496F !important
    }
.action-link {
    margin: 15px 0 4px 2px !important
    }
/******************* civicrm css ***********************************/
.civievent-widget-related-news {
    background: #f0f0f0;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding: 25px 20px;
    float: left;
    border-radius: 5px 5px 0 0 !important;
    -ms-border-radius: 5px 5px 0 0 !important;
    -webkit-border-radius: 5px 5px 0 0 !important;
    -moz-border-radius: 5px 5px 0 0 !important;
    -o-border-radius: 5px 5px 0 0 !important;
    border-top: 10px solid #ddd;
    margin: 9px 0 22px 0
    }
.civievent-widget-related-news h3.civievent-widget-title {
    font-size: 28px;
    color: #343434;
    line-height: 28px;
    font-family: "felt-tip-woman";
    font-weight: bold;
    text-align: center;
    margin-bottom: 6px
    }
.civievent-widget-related-news .civievent-widget-event p {
    font-size: 13px;
    line-height: 18px
    }
.civievent-widget-related-news .civievent-widget-infolink {
    display: block
    }
.civievent-widget-related-news .civievent-widget-infolink a {
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-family: "adelle";
    font-weight: 400;
    text-decoration: none;
    margin: 0
    }
.civievent-widget-related-news .civievent-widget-reglink a {
    display: block;
    font-size: 14px;
    line-height: 24px;
    font-family: "adelle";
    font-weight: 400;
    text-decoration: none
    }
.civievent-widget-related-news .civievent-widget-event-datetime span {
    font-size: 11px;
    line-height: 19px;
    font-family: "proxima-nova";
    font-weight: 700;
    color: #343434
    }
.civievent-widget-event-end-time {
    display: none
    }
.civievent-widget-event-start-time {
    display: none
    }
.civievent-widget-related-news .civievent-widget-event {
    border-bottom: 2px dotted #b2b2b2;
    margin: 0 0 11px;
    padding: 0 0 11px
    }
.civievent-widget-related-news .civievent-widget-event:last-child, .relnewsdesc:last-child {
    border-bottom: none
    }
.civievent-widget-event-title .civievent-widget-infolink a:hover {
    color: #343434;
    text-decoration: none
    }
.civievent-widget-relatedNews {
    margin-top: 20px
    }
.column-left {
    float: left;
    width: 20%
    }
.column-right {
    float: right;
    width: 450px
    }
.column-center {
    display: inline-block;
    width: 33%
    }
.event_summary-section {
    font-size: 30px;
    line-height: 44px;
    font-family: "proxima-nova";
    font-weight: 300;
    text-transform: uppercase;
    color: #343434;
    letter-spacing: 2px
    }
.event_summary-section h2 {
    font-size: 30px;
    line-height: 44px;
    font-family: "proxima-nova";
    font-weight: 300;
    text-transform: uppercase;
    color: #343434;
    letter-spacing: 2px
    }
.crm-container h3 {
    font-size: 20px !important;
    line-height: 28px !important;
    font-family: "adelle" !important;
    font-weight: 400 !important;
    color: #343434 !important;
    margin-bottom: 10px !important;
    background-color: white !important
    }
/* ========== 12 Dec =========== */
.articalPage-content ul li ul {
    padding: 7px 0 0 20px
    }
.articalPage-content ul li {
    list-style-position: outside;
    padding-left: 5px;
    margin-left: 40px
    }
.articalPage-content ol li ol {
    padding: 7px 0 0 20px
    }
.articalPage-content ol li {
    list-style-position: outside;
    padding-left: 5px;
    margin-left: 40px
    }
.articalPage-content ol[type="a"] {
    list-style: lower-alpha
    }
.articalPage-content ol[type="I"] {
    list-style: upper-roman
    }
.articalPage-content.full-width {
    width: 100%;
    background-color: white
    }
.page-template-template-about-child-php .left-section ul {
    padding-left: 20px
    }
/* event page css */
.civik_crm {
    float: right;
    width: 77%
    }
.civik-event-col-right img {
    padding-bottom: 30px
    }
.civik-event-cleared {
    clear: both
    }
.civik-event-wrapper {
    background-color: white;
    width: 100%;
    float: left
    }
.civik-event-col-left {
    float: left;
    width: 49%
    }
.civik-event-col-right {
    float: right;
    width: 50%
    }
.event_date_time-section, .event_address-section, .event_contact-section {
    margin-left: 200px
    }
.event_map-section {
    float: right;
    width: 47%;
    margin-top: -80px
    }
.event_date_time-section, .event_address-section, .event_contact-section, .event_fees-section, td.price_set_field-label.crm-event-label, td.fee_amount-value.right {
    font-size: 15px;
    line-height: 28px;
    font-family: "proxima-nova";
    font-weight: bold;
    color: #343434
    }
.event_fees-section, td.price_set_field-label.crm-event-label {
    margin-left: 200px;
    margin-top: -260px
    }
td.price_set_field-label.crm-event-label {
    display: none
    }
:target:before {
    content: "";
    display: block;
    height: 60px;
    /* fixed header height*/
    margin: -60px 0 0;
    /* negative fixed header height */
    }
.civik_cr_w .menu {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
    }
.civik_cr_w .submenuContainer {
    width: 19%
    }
.civik_cr_w .submenuContainer.community-list ul li a {
    color: rgb(52, 52, 52)
    }
.civik_cr_w .submenuContainer.community-list ul li a:hover {
    color: rgb(255, 153, 0)
    }
.civik_cr_w .submenuContainer.community-list ul li a.active {
    color: rgb(0, 104, 167)
    }
.civik_cr_w .articalPage-content h3 {
    background: none;
    padding: 0
    }
/*loader css*/
.layout-overlay {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 99999
    }
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999999999999
    }
.layout-overlay .loader {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 420px;
    height: 420px
    }
/* event page */
.event_info-section {
    padding-top: 30px;
    width: 100%;
    float: left;
    background: #f0f0f0;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding: 25px 20px;
    float: left;
    border-radius: 5px 5px 0 0 !important;
    border-top: 10px solid #ddd;
    margin: 25px 0 25px 0
    }
.event_info-section-left {
    float: left
    }
.event_info-section-element {
    width: 100%;
    float: left
    }
.event_info-section-element .label {
    padding-top: 6px;
    font-size: 15px;
    float: left;
    width: 20%;
    text-align: right
    }
.event_info-section-element .content {
    color: rgb(52, 52, 52);
    font-family: "proxima-nova";
    font-size: 15px;
    line-height: 28px;
    margin-left: 23%;
    padding-top: 8px
    }
.event_info-section-element .content p {
    font-weight: bold !important;
    color: #000
    }
/** Main Css **/
.mob_input {
    display: none !important
    }
.articalPage-content h3 {
    font-size: 20px;
    line-height: 28px;
    font-family: "adelle";
    font-weight: 700;
    color: #343434;
    margin-bottom: 10px
    }
.articalPage-content ol, .articalPage-content ul {
    margin-bottom: 10px
    }
.articalPage-content ul {
    list-style-type: disc !important
    }
.articalPage-content ul li {
    font-size: 16px;
    line-height: 24px;
    font-family: "adelle";
    font-weight: 400;
    color: #343434;
    margin-bottom: 5px
    }
.articalPage-content ol li {
    font-size: 16px;
    line-height: 24px;
    font-family: "adelle";
    font-weight: 400;
    color: #343434;
    margin-bottom: 5px
    }
.civik_crm .articalPage-content ul li, .civik_crm .articalPage-content ol li {
    color: rgb(85, 85, 85);
    font: 300 15px/1.5em Arial, sans-serif
    }
.vl-lisling ul {
    list-style: none !important
    }
/*==================3Feb,2016======================*/
.eventspage h1 {
    color: rgb(52, 52, 52) !important;
    font-family: "adelle" !important;
    font-size: 50px !important;
    font-weight: normal !important;
    line-height: 55px !important
    }
.civik_crm {
    float: right;
    width: 77%
    }
.event_info-section-element {
    float: left;
    width: 100%
    }
.event_info-section-element {
    float: left;
    width: 100%
    }
.event_info-section-element {
    color: rgb(52, 52, 52);
    font-family: "proxima-nova";
    font-size: 15px;
    line-height: 28px;
    padding-top: 6px
    }
.btn1 {
    background: none repeat scroll 0 0 rgb(0, 104, 167) !important;
    border: 3px solid rgba(0, 0, 0, 0) !important;
    border-radius: 5px !important;
    color: rgb(255, 255, 255) !important;
    display: inline-block !important;
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 15px !important;
    padding: 16px !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif
    }
.btn1:hover {
    border: 3px solid rgb(11, 73, 111) !important
    }
.civik_crm .list-image {
    float: left;
    list-style: none !important;
    margin: 0 0 27px 0 !important;
    padding: 0 !important;
    width: 100%
    }
.civik_crm .list-image li {
    float: left;
    margin: 0 3.5% 10px 0;
    vertical-align: top;
    width: 31%
    }
.civik_crm .list-image li img {
    margin: 0 !important;
    padding: 0 !important
    }
.civik_crm .list-image li.lastcol {
    float: right;
    margin: 0
    }
.civiktop {
    width: 100%;
    float: left
    }
.topleft {
    width: 49%;
    float: left
    }
.topright {
    width: 50%;
    float: right
    }
.imageRepeater {
    margin: 0 0 30px 0
    }
.imageRepeater > img {
    border: none;
    padding: 0
    }
.civik_crm ul li, .civik_crm ol li {
    color: rgb(85, 85, 85);
    font: 300 15px/1.5em Arial, sans-serif;
    margin: 0 0 5px 0
    }
.breadcrumbs .trail-browse {
    display: none !important
    }
.entry .event_summary-section p {
    color: rgb(52, 52, 52);
    font-family: "proxima-nova";
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 44px;
    text-transform: uppercase
    }
.eventspage .trail-items li::after {
    content: ">";
    font-size: 10px
    }
/*new css*/
/*.articalPage-container .left-new table tr td{padding: 5px;}*/
@media only screen and (max-width: 1400px) {
    /** Slider Css **/
    .flex-control-nav {
        bottom: 30px !important;
        /*margin: 0 10% !important; width: 80% !important;*/
        }
    .metaslider .flex-control-thumbs li {
        width: 20% !important
        }
    .home-slider .layer p a {
        padding: 0 35px !important
        }
    span.customthumbs {
        font-size: 25px
        }
    }
@media only screen and (max-width: 1200px) {
    #inner-wrapper {
        padding: 0
        }
    .col-full {
        width: 97%;
        padding: 0 1%
        }
    #logo {
        width: 150px
        }
    #connect .social a::before {
        height: 34px;
        line-height: 34px;
        margin: 0 5px 0 0;
        width: 34px
        }
    .header-widget .site-description {
        font-size: 19px
        }
    .header-widget .widget_search {
        width: 220px
        }
    /* email subscription form */
    .header-widget .emailsubscription {
        width: 30%
        }
    .header-widget .widget {
        margin-left: 10px
        }
    #navigation, #secondary-menu-container ul.nav {
        width: 50%
        }
    ul#main-nav {
        margin-top: 6px
        }
    ul#main-nav li a {
        font-size: 32px
        }
    #header-right ul.nav {
        float: right
        }
    #secondary-menu li {
        padding: 0 10px
        }
    #secondary-menu li:last-child {
        padding: 0 0 0 10px
        }
    /* banner */
    .home-slider .layer {
        left: 10% !important;
        width: 85% !important
        }
    .home-slider .layer p.main-heading span {
        font-size: 30px !important;
        line-height: normal
        }
    .home-slider .layer p a {
        border: 2px solid rgb(255, 255, 255);
        font-size: 12px !important;
        height: 40px;
        line-height: 40px !important;
        /*width:140px!important*/
        }
    .home-slider .layer p {
        font-size: 18px !important
        }
    span.customthumbs {
        font-size: 21px
        }
    .section-one {
        padding: 0 0 70px !important
        }
    .featured_stories {
        width: 32%
        }
    .featured_stories .stories_details {
        padding: 10px 4% 20px
        }
    .featured_stories .stories_details .details_container {
        margin: 0
        }
    .stories_header h3 {
        font-size: 34px
        }
    .stories_header a.seeall {
        line-height: normal;
        margin-top: 15px
        }
    .stories_image .community {
        font-size: 12px
        }
    .twitter_feed {
        width: 31%;
        margin: 0 12px 0 12px;
        text-align: center
        }
    .twitter_feed iframe {
        max-width: inherit;
        min-width: inherit
        }
    .featured_news {
        width: 30%
        }
    .featured_news .post_content .newsdesc h2 {
        padding: 0 0 5px;
        line-height: 20px
        }
    .attachment-full.wp-post-image {
        height: initial
        }
    .homepage_sec2, .homepage_sec3 {
        padding: 10px 0 70px 0
        }
    .homepage_sec2 h3, .homepage_sec3 h3 {
        margin: 0 0 10px
        }
    .homepage_sec2 ul li .images .down .title {
        line-height: 23px
        }
    .homepage_sec2 ul li .images .down p {
        margin-bottom: 0;
        padding: 25px 0
        }
    .section-one h1, .homepage_sec2 h3, .homepage_sec3 h3 {
        font-size: 45px
        }
    .section-one p br, .homepage_sec3 p br, .homepage_sec2 p br {
        display: none
        }
    .executive-programmes ul li span.title {
        font-size: 12px
        }
    .executive-programmes .allevents {
        font-size: 12px
        }
    .col-left {
        float: left
        }
    .col-right {
        float: right
        }
    .civievent-widget-related-news {
        margin: 30px 0 0 0
        }
    #footer-widgets.col-4 .footer-widget-1 .email-address {
        padding: 0 0 0 3%
        }
    /******************************** from this line media query from style.css **********************************/
    /* discover page css */
    .secondary-banner img {
        height: auto
        }
    .mpage-container {
        padding: 0 0 0 7px
        }
    ul.featuredStoryList li .images .side, .type-stories .images .side {
        padding: 10px 10px
        }
    .secondary-banner h1.page-title {
        bottom: 20px;
        font-size: 40px;
        line-height: 44px
        }
    .page-content h2 {
        font-size: 32px;
        line-height: 36px
        }
    .page-content h2 br {
        display: none
        }
    .discover-getenvolved-section.homepage_sec2 ul li .images .down {
        padding-top: 10px
        }
    .discover-getenvolved-section.homepage_sec2 ul li .images .down .title {
        font-size: 16px;
        line-height: 20px
        }
    ul.featuredStoryList li .images .side .location, .type-stories .images .side .location {
        font-size: 12px;
        line-height: 16px
        }
    ul.featuredStoryList li .images .side .title, .type-stories .images .side .title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 5px
        }
    ul.featuredStoryList li .images .side p, .type-stories .images .side p {
        font-size: 13px;
        line-height: 17px
        }
    ul.featuredStoryList li .images .side .more, .type-stories .images .side .more {
        margin-top: 15px
        }
    .ec-text {
        padding: 15px 10px
        }
    .right-section h4, .right-section h3 {
        font-size: 22px;
        line-height: 28px
        }
    .left-section {
        margin-right: 1%
        }
    .right-section {
        width: 24%
        }
    .learn-right-section {
        width: 32%
        }
    /* communities page css */
    .communtyList.homepage_sec2 ul li .images .down .title {
        font-size: 14px;
        line-height: 17px
        }
    .header-widget #php_widget-32 {
        width: 210px
        }
    /* == 12 Dec == */
    .page-id-6601.page-template-default h1.entry-title {
        font-size: 36px;
        line-height: normal
        }
    .page-id-6601 #crm-container.crm-public .crm-section, .crm-section {
        font-size: 20px;
        line-height: normal
        }
    .page-id-6601 .crm-container .register_link-top {
        height: auto;
        margin-top: 0 !important
        }
    /* *************act page************************************ */
    .communities-icon ul li a.community-title {
        font-size: 15px;
        line-height: 20px
        }
    .select-cntry {
        width: 75%
        }
    }
@media only screen and (max-width: 991px) {
    #logo {
        width: 18%
        }
    #header-right {
        width: 80%
        }
    .header-widget .widget_search {
        float: right;
        margin: 0;
        width: 180px
        }
    #connect .social a:before {
        height: 25px;
        width: 25px;
        line-height: 26px;
        font-size: 12px
        }
    .header-widget .site-description {
        font-size: 13px;
        margin: 0
        }
    .header-widget {
        padding: 0 0 15px 0;
        margin: 0
        }
    .widget_woo_subscribe .social {
        margin-top: 9px
        }
    #lang_sel {
        height: 22px
        }
    ul#main-nav li a {
        font-size: 20px
        }
    #navigation .nav li.parent > a:after {
        margin: 0 0 0 5px;
        font-size: 15px
        }
    #secondary-menu li {
        padding: 0 0 0 3px
        }
    #secondary-menu li:last-child {
        padding: 0 0 0 3px
        }
    #secondary-menu li:first-child {
        padding-left: 0
        }
    #header-right ul.nav {
        margin: 0;
        padding: 20px 0 0
        }
    #navigation {
        width: 48%
        }
    #secondary-menu-container ul.nav {
        width: 51%
        }
    #secondary-menu-container ul.nav li a {
        font-size: 12px
        }
    ul.nav li {
        font-size: 13px
        }
    /*banner css*/
    .metaslider .flex-control-thumbs li {
        box-sizing: border-box
        }
    span.customthumbs {
        padding: 0 1%;
        box-sizing: border-box;
        line-height: normal;
        font-size: 17px
        }
    /** Story section **/
    .featured_stories {
        width: 49%;
        margin-bottom: 30px
        }
    .stories_header h3 {
        font-size: 24px
        }
    .stories_header {
        padding: 10px 4% 15px 4%
        }
    .stories_header a.seeall {
        margin-top: 9px
        }
    .seeAll.submitStory {
        float: left
        }
    .twitter_feed {
        width: 49%;
        float: right;
        text-align: right;
        margin: 0
        }
    .featured_news {
        width: 70%;
        float: none;
        margin: 0 auto;
        clear: both;
        overflow: hiddene
        }
    .twitter_feed iframe {
        max-width: none !important
        }
    .section-one h1, .homepage_sec2 h3, .homepage_sec3 h3 {
        font-size: 38px
        }
    .divider1 p, .divider2 p {
        font-size: 18px;
        line-height: 22px;
        padding: 0 20px
        }
    /* get involved section */
    .homepage_sec2 ul li {
        width: 32%
        }
    .homepage_sec2 ul li:nth-of-type(3n+2) {
        margin: 0 2%
        }
    .homepage_sec2 ul li .images .down {
        height: 90%;
        padding: 2% 5% 5% 5%
        }
    .homepage_sec2 ul li .images .down .title {
        line-height: 18px;
        font-size: 18px
        }
    .homepage_sec2 ul li .images .down .more {
        padding: 10px
        }
    .homepage_sec2 ul li .images .down p, .discover-getenvolved-section.homepage_sec2 ul li .images .down p {
        padding: 0 0 0;
        line-height: 18px
        }
    /** Education Section **/
    .virtual-library .input-group input.form-control {
        font-size: 9px
        }
    .virtual-library h4 {
        font-size: 15px
        }
    .virtual-library .search-area .library-widget ul li a {
        font-size: 14px
        }
    .gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper .left_label textarea.large, .gform_wrapper .left_label textarea.medium, .gform_wrapper .left_label textarea.small, .gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .right_label textarea.large, .gform_wrapper .right_label textarea.medium, .gform_wrapper .right_label textarea.small {
        font-size: 11px
        }
    /* footer css */
    #footer-widgets.col-4 .footer-widget-1 {
        width: 45% !important
        }
    #footer-widgets.col-4 .footer-widget-2 {
        width: 50% !important
        }
    #footer-widgets.col-4 .footer-widget-3 {
        width: 47% !important;
        padding: 10px 20px 0 0;
        clear: both
        }
    #footer-widgets.col-4 .footer-widget-4 {
        width: 30% !important;
        padding-top: 10px
        }
    /* common css */
    .articalPage-content ol li, .articalPage-content ul li {
        margin-left: 20px
        }
    /****************************from this line media query from style.css ****************************************/
    /* discover page css */
    .secondary-banner img {
        max-height: 210px
        }
    .img-container {
        width: 62.3%
        }
    .stories-sidebar {
        width: 26%
        }
    .discover-featuredStories {
        width: 68%
        }
    .earth-section-content h1 {
        font-size: 26px;
        line-height: 32px
        }
    .page-content h2 {
        font-size: 28px;
        line-height: 32px
        }
    .page-content p {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 20px
        }
    .relnewsdesc h2 {
        font-size: 15px;
        line-height: 20px
        }
    .relnewsdesc p {
        font-size: 14px;
        line-height: 18px
        }
    .discover-getenvolved-section.homepage_sec2 ul li .images .down .title {
        font-size: 13px;
        line-height: 15px
        }
    .community-list ul li a, .region-list ul li a {
        padding: 7px 25px 7px 0;
        font-size: 14px
        }
    .featuredContent, .related-news, .promotional-area {
        padding: 15px 10px
        }
    .discover-right-section {
        padding-top: 85px
        }
    ul.featuredStoryList li .images img, .type-stories .images img {
        height: auto !important;
        min-height: 110px
        }
    ul.featuredStoryList li .images .side, .type-stories .images .side {
        padding: 5px 10px;
        width: 38%
        }
    ul.featuredStoryList li .images .side p, .type-stories .images .side p {
        display: none
        }
    ul.featuredStoryList li .images .side .title, .type-stories .images .side .title {
        font-size: 15px;
        line-height: 18px
        }
    ul.featuredStoryList li .images .side .location, .type-stories .images .side .location {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 0
        }
    ul.featuredStoryList li .images .side .more, .type-stories .images .side .more {
        margin: 6px 0 0;
        padding: 7px 12px;
        border: 2px solid rgb(255, 255, 255)
        }
    ul.featuredStoryList li .images span.community, .type-stories .images span.community {
        font-size: 18px;
        bottom: 0
        }
    .discover-getenvolved-section.homepage_sec2 ul li .images .down p {
        font-size: 11px;
        line-height: 15px
        }
    /* act page css */
    .discover-getenvolved-section.homepage_sec2 {
        padding: 15px 0
        }
    .communities-icon ul li {
        width: 40%
        }
    /* community page css */
    .page-template-template-communities .articalPage-content {
        width: 73%
        }
    .tax-community_category .articalPage-content {
        width: 72%
        }
    .tax-region_category .articalPage-content {
        width: 72%
        }
    h1.articalPage-title {
        font-size: 40px;
        line-height: 44px
        }
    .articalPage-content h2 {
        font-size: 28px;
        line-height: 32px
        }
    .communtyList.homepage_sec2 ul li .images .down .more {
        padding: 6px
        }
    .header-widget #php_widget-32 {
        width: 171px
        }
    .communtyList.communities-icon ul li {
        margin: 0 2% 40px 20px !important;
        width: 70%
        }
    /* virtual library css */
    .filter span {
        width: 10%
        }
    .filter form {
        width: 89%
        }
    .select-btn {
        width: 45%;
        margin-bottom: 10px
        }
    .fltr-key {
        width: 82.5%
        }
    .vl-lisling ul li {
        padding: 15px 10px !important
        }
    .vl-image img {
        height: auto
        }
    /* **act page country box** */
    .select-cntry {
        width: 65%
        }
    .description {
        padding: 10px
        }
    .selection label {
        font-size: 15px
        }
    /* news page css */
    .news-image img.attachment-news-rightsidebar-res {
        display: block
        }
    .news-image img.attachment-news-rightsidebar {
        display: none
        }
    .news-description h3 {
        font-size: 17px;
        line-height: 21px
        }
    .news-description p {
        font-size: 15px;
        line-height: 19px
        }
    .topleft {
        float: left;
        width: 100%
        }
    .topright {
        float: right;
        width: 100%;
        margin: 0 0 30px 0
        }
    .imageRepeater {
        float: left;
        margin: 15px 1% 0;
        width: 48%
        }
    .eventspage h1 {
        font-size: 34px !important;
        line-height: 40px !important
        }
    .eventspage .civik_cr_w .submenuContainer {
        width: 25%
        }
    .eventspage .civik_crm {
        width: 70%
        }
    .entry .event_summary-section p {
        font-size: 22px;
        line-height: 30px
        }
    .articalPage-content div.ginput_container_name span {
        padding-right: 2px
        }
    }
@media only screen and (min-width: 1161px) and (max-width: 1200px) {
    .emailsubscription .gform_body ul li .ginput_container_email input[type="text"] {
        height: 39px;
        top: 16px !important
        }
    .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before {
        box-sizing: border-box;
        right: 3%
        }
    }
@media only screen and (min-width: 1101px) and (max-width: 1160px) {
    .emailsubscription .gform_body ul li .ginput_container_email input[type="text"] {
        width: 108%;
        height: 39px;
        top: 8px !important
        }
    .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before {
        box-sizing: border-box;
        position: relative;
        float: right;
        right: 3%;
        width: auto !important
        }
    .gform_wrapper .gform_footer {
        top: -9px
        }
    }
@media only screen and (min-width: 1026px) and (max-width: 1049px) {
    .emailsubscription .gform_wrapper .gform_footer.left_label, .emailsubscription .gform_wrapper .gform_footer.right_label {
        top: 0 !important
        }
    .emailsubscription .gform_wrapper .gform_footer.left_label, .emailsubscription .gform_wrapper .gform_footer.right_label {
        top: -8px !important
        }
    .gform_wrapper .gform_footer {
        top: -9px
        }
    .emailsubscription .gform_body ul li .ginput_container_email input[type="text"] {
        width: 109%;
        height: 40px !important
        }
    .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before {
        box-sizing: border-box;
        position: relative;
        float: right;
        right: 3%;
        width: auto !important;
        top: 2px !important
        }
    .gform_wrapper .gform_footer {
        top: -10px;
        width: 21% !important
        }
    }
@media only screen and (min-width: 1001px) and (max-width: 1025px) {
    .emailsubscription .gform_wrapper .gform_footer.left_label, .emailsubscription .gform_wrapper .gform_footer.right_label {
        top: 0 !important
        }
    .emailsubscription .gform_wrapper .gform_footer.left_label, .emailsubscription .gform_wrapper .gform_footer.right_label {
        top: -8px !important
        }
    .gform_wrapper .gform_footer {
        top: -9px
        }
    .emailsubscription .gform_body ul li .ginput_container_email input[type="text"] {
        width: 109%;
        height: 40px !important;
        left: -8px
        }
    .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before {
        box-sizing: border-box;
        position: relative;
        float: right;
        right: 3%;
        width: auto !important;
        top: 2px !important
        }
    .gform_wrapper .gform_footer {
        top: -10px;
        width: 21% !important
        }
    }
@media only screen and (min-width: 988px) and (max-width: 1000px) {
    .emailsubscription .gform_body ul li .ginput_container_email input[type="text"] {
        width: 90% !important;
        height: 35px !important;
        top: -7px
        }
    .emailsubscription .gform_wrapper .gform_footer.left_label, .emailsubscription .gform_wrapper .gform_footer.right_label {
        top: -5px;
        width: 20.5% !important
        }
    .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before {
        box-sizing: border-box;
        position: relative;
        float: right;
        right: 3%;
        width: auto !important;
        top: 2px
        }
    .gform_wrapper .gform_footer {
        top: -9px;
        width: 20% !important
        }
    }
@media only screen and (min-width: 960px) and (max-width: 987px) {
    .emailsubscription .gform_body ul li .ginput_container_email input[type="text"] {
        width: 111%;
        height: 35px !important
        }
    .emailsubscription .gform_wrapper .gform_footer.left_label, .emailsubscription .gform_wrapper .gform_footer.right_label {
        top: -5px;
        width: 19% !important
        }
    .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before {
        box-sizing: border-box;
        position: relative;
        float: right;
        right: 3%;
        width: auto !important;
        top: 2px
        }
    .gform_wrapper .gform_footer {
        top: -9px;
        width: 20% !important
        }
    }
@media only screen and (min-width: 903px) and (max-width: 959px) {
    .emailsubscription .gform_body ul li .ginput_container_email input[type="text"] {
        width: 114%;
        height: 38px !important;
        top: -9px !important
        }
    /*cambiar est*/
    .gform_wrapper .gform_footer input[type=image] {
        position: relative
        }
    .emailsubscription .gform_wrapper .gform_footer.left_label, .emailsubscription .gform_wrapper .gform_footer.right_label {
        top: -9px;
        width: 20% !important
        }
    }
@media only screen and (min-width: 823px) and (max-width: 902px) {
    .emailsubscription .gform_body ul li .ginput_container_email input[type="text"] {
        width: 84% !important;
        height: 35px !important;
        position: relative;
        top: -4px !important
        }
    .gform_wrapper .gform_footer input[type=image] {
        position: relative;
        top: 7px
        }
    .emailsubscription .gform_wrapper .gform_footer.left_label, .emailsubscription .gform_wrapper .gform_footer.right_label {
        width: 18.7% !important;
        top: -10px
        }
    }
@media only screen and (min-width: 771px) and (max-width: 822px) {
    .emailsubscription .gform_body ul li .ginput_container_email input[type="text"] {
        width: 116% !important;
        height: 34px !important;
        top: 7px;
        position: relative
        }
    .gform_wrapper .gform_footer input[type=image] {
        position: relative;
        top: 0
        }
    .emailsubscription .gform_wrapper .gform_footer.left_label, .emailsubscription .gform_wrapper .gform_footer.right_label {
        width: 18.5% !important;
        top: 13px !important
        }
    .emailsubscription .gform_body {
        width: 83% !important
        }
    }
@media only screen and (min-width: 750px) and (max-width: 770px) {
    .emailsubscription .gform_wrapper input[type="image"] {
        top: -4px
        }
    .emailsubscription ul li .ginput_container_email input[type="text"] {
        height: 35px !important;
        left: -90px;
        position: relative;
        width: 223%
        }
    .gform_wrapper .gform_footer input[type=image] {
        max-width: auto
        }
    .emailsubscription .gform_wrapper .gform_footer.left_label, .emailsubscription .gform_wrapper .gform_footer.right_label {
        top: 11px;
        width: 73%;
        left: 35%
        }
    /*.emailsubscription .gform_body ul li .ginput_container_email input[type="text"]{
    		    width: 85% !important;
    			height: 38.5px !important;
    	}
    	.emailsubscription .gform_wrapper .gform_footer.left_label, .emailsubscription .gform_wrapper .gform_footer.right_label{
    	    width: 23% !important;
    		top: -1px !important;
    }
    .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){
    		    width: 85% !important;
    			height: 38.5px !important;
    			    /*top: -2px;
        position: relative;
    	}
    .gform_wrapper .gform_footer input[type=image]{
    	position: relative;
    	top: 10px;
    }
    .emailsubscription .gform_wrapper .gform_footer.left_label, .emailsubscription .gform_wrapper .gform_footer.right_label{
    	    width: 18.5%;
    		top: -1px;
    }
    	.emailsubscription .gform_body ul li .ginput_container_email input[type="text"]{
    		    width: 100%;
    			height: 27px;
    			    top: 16px;
        position: relative;
    	}*/
    }
@media only screen and (min-width: 730px) and (max-width: 750px) {
    .emailsubscription .gform_wrapper input[type="image"] {
        top: -4px
        }
    .emailsubscription ul li .ginput_container_email input[type="text"] {
        height: 35px !important;
        left: -80px;
        position: relative;
        width: 223%
        }
    .gform_wrapper .gform_footer input[type=image] {
        max-width: auto
        }
    .emailsubscription .gform_wrapper .gform_footer.left_label, .emailsubscription .gform_wrapper .gform_footer.right_label {
        top: 11px;
        width: 73%;
        left: 35%
        }
    }
@media only screen and (min-width: 677px) and (max-width: 730px) {
    .emailsubscription .gform_wrapper input[type="image"] {
        top: -4px
        }
    .emailsubscription ul li .ginput_container_email input[type="text"] {
        height: 33px !important;
        left: -80px;
        position: relative;
        width: 223%
        }
    .gform_wrapper .gform_footer input[type=image] {
        max-width: auto
        }
    .emailsubscription .gform_wrapper .gform_footer.left_label, .emailsubscription .gform_wrapper .gform_footer.right_label {
        top: 11px;
        width: 73%;
        left: 35%
        }
    }
@media only screen and (min-width: 668px) and (max-width: 676px) {
    .emailsubscription .gform_wrapper input[type="image"] {
        top: -4px
        }
    .emailsubscription ul li .ginput_container_email input[type="text"] {
        height: 33px !important;
        left: -76px;
        position: relative;
        width: 223%
        }
    .gform_wrapper .gform_footer input[type=image] {
        max-width: auto
        }
    .emailsubscription .gform_wrapper .gform_footer.left_label, .emailsubscription .gform_wrapper .gform_footer.right_label {
        top: 11px;
        width: 73%;
        left: 35%
        }
    }
@media only screen and (min-width: 641px) and (max-width: 667px) {
    .emailsubscription .gform_wrapper input[type="image"] {
        top: -4px
        }
    .emailsubscription ul li .ginput_container_email input[type="text"] {
        height: 32px !important;
        left: -92px;
        position: relative;
        width: 263%
        }
    .gform_wrapper .gform_footer input[type=image] {
        max-width: auto
        }
    .emailsubscription .gform_wrapper .gform_footer.left_label, .emailsubscription .gform_wrapper .gform_footer.right_label {
        top: 11px;
        width: 73%;
        left: 35%
        }
    }
@media only screen and (min-width: 609px) and (max-width: 640px) {
    .emailsubscription .gform_wrapper input[type="image"] {
        top: -4px
        }
    .emailsubscription ul li .ginput_container_email input[type="text"] {
        height: 32px !important;
        left: -92px;
        position: relative;
        width: 213%;
        top: 10px
        }
    .gform_wrapper .gform_footer input[type=image] {
        max-width: auto
        }
    .emailsubscription .gform_wrapper .gform_footer.left_label, .emailsubscription .gform_wrapper .gform_footer.right_label {
        top: 11px;
        width: 73%;
        left: 35%
        }
    }
@media only screen and (min-width: 570px) and (max-width: 609px) {
    .emailsubscription .gform_wrapper input[type="image"] {
        top: -4px
        }
    .emailsubscription ul li .ginput_container_email input[type="text"] {
        height: 32px !important;
        left: -92px;
        position: relative;
        width: 204%;
        top: 11px
        }
    .gform_wrapper .gform_footer input[type=image] {
        max-width: auto
        }
    .emailsubscription .gform_wrapper .gform_footer.left_label, .emailsubscription .gform_wrapper .gform_footer.right_label {
        top: 11px;
        width: 83%;
        left: 35%
        }
    }
@media only screen and (min-width: 200px) and (max-width: 569px) {
    .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        width: auto !important;
        height: 33px;
        top: 10px;
        position: relative
        }
    .gform_wrapper .gform_footer input[type=image] {
        position: relative;
        top: 10px
        }
    .emailsubscription .gform_wrapper .gform_footer.left_label, .emailsubscription .gform_wrapper .gform_footer.right_label {
        width: 18.5%
        }
    }
@media only screen and (max-width: 767px) {
    .col-full {
        width: 100%;
        padding: 0;
        margin: 0
        }
    /* header */
    #header {
        padding-bottom: 0
        }
    #logo {
        width: 25%;
        padding: 0 10px;
        box-sizing: border-box;
        float: left
        }
    #header-right {
        width: 75%;
        padding: 15px 0 0;
        padding: 0 10px;
        box-sizing: border-box;
        position: relative
        }
    .header-widget > * {
        display: inline-block !important;
        float: none !important
        }
    .widget_woo_subscribe .social {
        text-align: center
        }
    .header-widget .site-description {
        position: relative;
        top: -10px
        }
    .header-widget .widget_search {
        margin-top: 12px;
        float: left;
        width: 200px !important
        }
    .header-widget .widget_search input.s {
        height: 30px;
        height: 32px
        }
    .header-widget .widget_search button.submit {
        height: 34px
        }
    .header-widget {
        border: 0;
        padding: 0;
        text-align: right
        }
    .emailsubscription .gform_body {
        width: 70%;
        position: relative;
        top: 11px;
        font-size: 11px
        }
    .header-widget #php_widget-32 {
        width: 210px
        }
    .attachment-full.wp-post-image {
        width: 100%
        }
    /* lang widget */
    .lang-widget {
        margin: 12px 0 0 11px;
        position: static;
        top: 135px;
        right: 10px
        }
    .lang-widget h4 {
        display: none
        }
    #lang_sel {
        height: 32px
        }
    #lang_sel > ul > li > a.lang_sel_sel {
        background-position: 95% center !important;
        border: 1px solid #ccc;
        padding: 2px 10px;
        text-align: left
        }
    #lang_sel > ul > li ul {
        text-align: left
        }
    #lang_sel ul ul {
        top: 29px !important;
        z-index: 9999999
        }
    /** main section Css **/
    .section-one {
        padding: 0 0 25px !important
        }
    .featured_stories {
        width: 100%
        }
    .twitter_feed {
        width: 100%;
        text-align: center
        }
    .twitter_feed iframe {
        max-width: 500px !important
        }
    /* featured news section */
    .featured_news {
        width: 100%;
        float: left;
        box-sizing: border-box;
        margin: 15px 0 15px
        }
    .featured_news h3 {
        font-size: 24px
        }
    .featured_news .view_all_link a {
        font-size: 11px
        }
    .divider1 h2, .divider2 h2 {
        font-size: 40px
        }
    .divider1 p, .divider2 p {
        font-size: 16px;
        padding: 0 10px
        }
    .section-one h1 {
        margin-top: 10px
        }
    .section-one h1, .homepage_sec2 h3, .homepage_sec3 h3 {
        font-size: 25px
        }
    .section-one p, .homepage_sec2 p, .homepage_sec3 p {
        font-size: 15px;
        line-height: 20px
        }
    /** Get Involved **/
    .homepage_sec2 {
        padding: 10px 10px 20px;
        box-sizing: border-box
        }
    .homepage_sec2 ul li:nth-of-type(3n+2) {
        margin: 0
        }
    .homepage_sec2 ul li:nth-of-type(2n+1) {
        clear: both
        }
    .homepage_sec2 ul li:nth-child(2n+2) {
        float: right
        }
    .homepage_sec2 ul li {
        width: 48%
        }
    .homepage_sec2 ul li .images .down .title {
        font-size: 16px
        }
    .homepage_sec3 {
        padding: 10px 10px 70px;
        box-sizing: border-box
        }
    .executive-programmes {
        width: 100%;
        margin-bottom: 10px
        }
    .executive-programmes.youth-events {
        width: 94%
        }
    .virtual-library {
        width: 100%;
        box-sizing: border-box;
        margin-top: 30px
        }
    /* footer css */
    .top-footer {
        padding: 0 10px;
        box-sizing: border-box
        }
    #footer-widgets {
        padding: 10px 0 0 0
        }
    #footer-widgets.col-4 .footer-widget-1 {
        width: 100% !important;
        float: left;
        box-sizing: border-box
        }
    #footer-widgets.col-4 .footer-widget-2 {
        width: 100% !important;
        float: left
        }
    #footer-widgets.col-4 .footer-widget-3 {
        float: left
        }
    #footer-widgets.col-4 .footer-widget-4 {
        float: left
        }
    #footer {
        box-sizing: border-box;
        padding: 15px 10px
        }
    #footer-widgets.col-4 .footer-widget-1 .email-address {
        width: 95%
        }
    #footer-widgets.col-4 .footer-widget-1 form {
        margin-top: 20px
        }
    /* nav */
    .nav-toggle {
        display: none
        }
    #secondary-menu-container {
        display: none
        }
    /* mob_menu */
    a.meanmenu-reveal {
        display: none
        }
    .menu-mobile-menu-container * {
        box-sizing: border-box
        }
    .mean-container .mean-bar {
        float: left;
        width: 100%;
        position: relative;
        padding: 4px 0;
        min-height: 42px;
        z-index: 999999;
        background: #fff
        }
    .mean-container a.meanmenu-reveal {
        width: 22px;
        height: 22px;
        padding: 13px 13px 11px;
        position: static;
        top: 0;
        right: 0;
        cursor: pointer;
        color: #428bca;
        text-decoration: none;
        font-size: 16px;
        text-indent: -9999em;
        line-height: 22px;
        font-size: 1px;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
        float: right
        }
    .mean-container a.meanmenu-reveal span {
        display: block;
        background: #428bca;
        height: 3px;
        margin-top: 3px
        }
    .mean-container .mean-nav {
        float: left;
        width: 100%;
        background: #fff;
        /* margin-top:44px */
        }
    .mean-container .mean-nav ul {
        padding: 0 0 45px 0;
        margin: 0;
        width: 100%;
        float: left;
        list-style-type: none
        }
    .mean-container .mean-nav ul li {
        position: relative;
        float: left;
        width: 100%
        }
    ul#menu-mobile-menu > li {
        border-top: 1px solid #428bca
        }
    .mean-container .mean-nav ul li a {
        display: block;
        margin: 0;
        text-align: left;
        color: #428bca;
        text-decoration: none;
        padding: 8px 0 8px 15px
        }
    .mean-container .mean-nav ul li li a {
        width: 90%;
        padding: 10px 5%;
        text-shadow: none !important;
        visibility: visible
        }
    .mean-container .mean-nav ul li.mean-last a {
        border-bottom: 0;
        margin-bottom: 0
        }
    .mean-container .mean-nav ul li li li a {
        width: auto
        }
    .mean-container .mean-nav ul li li li li a {
        width: auto;
        padding: 10px 20%
        }
    .mean-container .mean-nav ul li li li li li a {
        width: auto;
        padding: 10px 25%
        }
    .mean-container .mean-nav ul li a:hover {
        background: #252525;
        background: rgba(255, 255, 255, 0.1)
        }
    .mean-container .mean-nav ul li a.mean-expand {
        width: 35px;
        padding: 10px !important;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        font-weight: 700;
        background: rgba(255, 255, 255, 0.1);
        border: 0 !important
        }
    .mean-container .mean-nav ul li a.mean-expand:hover {
        background: #428bca;
        color: #fff
        }
    .mean-container .mean-push {
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        clear: both
        }
    .mean-nav .wrapper {
        width: 100%;
        padding: 0;
        margin: 0
        }
    .mean-remove {
        display: none !important
        }
    .mean-container .mean-nav ul .sub-menu {
        float: left;
        width: 100%;
        padding: 0 0 0 40px
        }
    .mean-container .mean-nav ul .sub-menu li {
        border-top: 1px solid #428bca
        }
    /**slider **/
    #content {
        box-sizing: border-box;
        padding: 0 10px 25px
        }
    .metaslider-flex .msHtmlOverlay {
        background-color: #3e86bb;
        height: auto !important;
        margin-top: -10px;
        overflow: hidden;
        padding: 20px;
        position: static !important;
        box-sizing: border-box
        }
    .metaslider-flex .msHtmlOverlay * {
        height: auto !important;
        position: static !important;
        width: 100% !important
        }
    .flex-control-nav {
        display: none
        }
    .home-slider .layer p.main-heading span {
        font-size: 16px !important
        }
    .home-slider .layer p {
        font-size: 13px !important
        }
    .home-slider .layer p a {
        padding: 0 !important;
        width: 150px !important;
        font-size: 12px !important
        }
    .home-slider .layer.black_bg {
        background-position: center top !important
        }
    /* event page */
    .page-template-default h1.entry-title, .single-page h1.entry-title {
        font-size: 25px;
        line-height: 30px
        }
    .civik-event-col-left, .civik-event-col-right {
        float: left;
        width: 100%
        }
    .leftFields, .rightFields {
        width: 100%
        }
    /***************************** from this line media query from style.css  **************************************/
    /* discover page css */
    .mpage-container {
        padding: 0 20px 20px
        }
    .left-section, .page-template-template-virtual-library .left-section {
        margin-right: 0;
        width: 100%
        }
    .right-section, .page-template-template-virtual-library .right-section {
        width: 100%
        }
    .stories-sidebar, .discover-featuredStories {
        width: 100%;
        margin-bottom: 20px
        }
    ul.featuredStoryList li, .type-stories {
        height: auto !important
        }
    .secondary-banner h1.page-title {
        bottom: 10px;
        font-size: 30px;
        line-height: 34px;
        padding-left: 10px
        }
    .discover-right-section {
        padding-top: 20px
        }
    /* learn page css */
    .photo-and-logo {
        width: 100%;
        float: left;
        text-align: center
        }
    .upcoming-events {
        width: 100%;
        float: left
        }
    .learn-right-section .virtual-library {
        width: 100%
        }
    .additionTextBox ul {
        margin: 30px 0 0 30px
        }
    /* community page css */
    .submenuContainer {
        width: 98%
        }
    .articalPage-content, .page-template-template-communities .articalPage-content, .tax-community_category .articalPage-content, .tax-region_category .articalPage-content {
        width: 100%;
        margin-top: 20px
        }
    h1.articalPage-title {
        bottom: 10px;
        font-size: 30px;
        line-height: 34px;
        padding-left: 10px
        }
    .breadcrumb-trail {
        padding-left: 10px
        }
    /* contact page css */
    .contactUs {
        padding: 50px 20px
        }
    .contactUs ul li div.fname, .contactUs ul li div, .contactUs ul li div.lname {
        width: 100%
        }
    /* contact page new css */
    .gform_body ul li.fname {
        width: 100%;
        float: left
        }
    .gform_body ul li.lname {
        width: 100%;
        float: left
        }
    /* virtual library css */
    .filter span {
        width: 12%
        }
    .filter form {
        width: 87%
        }
    .select-btn {
        width: 45%;
        margin-bottom: 10px
        }
    .fltr-key {
        width: calc(100% - 74px)
        }
    .vl-description {
        overflow: visible
        }
    .vl-image {
        margin-bottom: 10px;
        max-width: 100%;
        width: 100%;
        text-align: center
        }
    .sort button {
        margin-bottom: 5px
        }
    /* country box css */
    .description {
        width: 38%
        }
    .selection {
        width: 62%;
        padding: 40px 10px
        }
    /* == 12 Dec == */
    .civik_cr_w .submenuContainer, .civik_crm {
        width: 100%
        }
    .page-id-6601.page-template-default h1.entry-title {
        font-size: 20px
        }
    .page-id-6601 #crm-container.crm-public .crm-section, .crm-section {
        font-size: 16px
        }
    .eventspage .alignleft, .eventspage .alignRight {
        max-width: 50%
        }
    .civik_crm .list-image li img.alignleft, .civik_crm .list-image li img.alignRight {
        max-width: 100%
        }
    .eventspage .civik_crm {
        margin: 40px 0 0 0
        }
    .eventspage h1 {
        font-size: 24px !important;
        line-height: 30px !important
        }
    .eventspage .civik_cr_w .submenuContainer {
        width: 100%
        }
    .eventspage .civik_crm {
        width: 100%
        }
    .entry .event_summary-section p {
        font-size: 16px;
        line-height: 26px
        }
    .eventspage .breadcrumb-trail {
        padding-left: 0
        }
    .event_info-section-element .label {
        width: 100%;
        text-align: left
        }
    .event_info-section-element .content {
        margin-left: 0
        }
    .content iframe {
        height: auto;
        width: 100%
        }
    }
@media only screen and (max-width: 650px) {
    /* slider css */
    .metaslider-flex .msHtmlOverlay {
        background-color: #3e86bb;
        height: auto !important;
        margin-top: -10px;
        overflow: hidden;
        padding: 20px;
        position: static !important;
        box-sizing: border-box
        }
    .metaslider-flex .msHtmlOverlay * {
        height: auto !important;
        position: static !important;
        width: 100% !important
        }
    .flex-control-nav {
        display: none
        }
    .home-slider .layer p.main-heading span {
        font-size: 16px !important
        }
    .home-slider .layer p {
        font-size: 13px !important
        }
    }
@media only screen and (max-width: 570px) {
    #logo {
        width: 35%;
        margin-bottom: 7px
        }
    #header-right {
        position: static;
        width: 65%;
        padding-left: 0
        }
    .header-widget .widget {
        margin-left: 0;
        width: 100%
        }
    .widget_woo_subscribe .social {
        margin: 10px 0 10px;
        text-align: right
        }
    .searchform input.s, #searchform input#s {
        width: 100%;
        height: 30px;
        padding: 0
        }
    .header-widget .widget_search {
        position: absolute;
        bottom: 10px;
        left: 2%;
        position: absolute;
        z-index: 9999999;
        width: 43% !important
        }
    .header-widget .widget_search button.submit {
        right: -5px
        }
    .header-widget .emailsubscription {
        width: 180px !important;
        position: absolute;
        bottom: 10px;
        left: 2%;
        z-index: 99999999
        }
    /* lang widget */
    #lang_sel > ul > li > a.lang_sel_sel {
        padding: 4px 10px
        }
    #lang_sel {
        width: 100%;
        float: left;
        height: auto
        }
    #lang_sel li {
        width: 100%
        }
    .header-widget .lang-widget {
        bottom: 18px;
        left: 210px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: auto;
        width: 15%;
        z-index: 9999999
        }
    /* footer css */
    .top-footer .widget_woo_subscribe .social {
        margin: 10px 0 10px;
        text-align: center
        }
    /* act page css */
    .communities-icon ul li {
        width: 45%
        }
    .communtyList.communities-icon ul li {
        margin: 0 2% 40px 0 !important;
        width: 75%
        }
    }
@media only screen and (min-width: 480px) {
    .menu-discover-container, .menu-act-container, .menu-learn-container {
        display: block !important
        }
    .stories_image img.size-discover-featuredstories {
        width: 100%;
        height: auto
        }
    }
@media only screen and (max-width: 479px) {
    /* header css */
    /* .header-widget .emailsubscription{width:140px!important;} */
    .stories_image img.size-discover-featuredstories {
        width: 100%;
        height: auto
        }
    .header-widget .widget_search input.s {
        width: 88%
        }
    #secondary-menu li {
        border: none;
        margin-bottom: 10px;
        padding: 0 8px
        }
    #secondary-menu li:last-child {
        padding: 0
        }
    .header-widget .site-description {
        font-size: 13px
        }
    .header-widget .lang-widget {
        left: 185px
        }
    /* .header-widget .emailsubscription{width:180px!important;} */
    .homepage_sec2 ul li {
        width: 100%;
        height: auto;
        margin-bottom: 20px
        }
    .homepage_sec2 ul li .images .down p, .discover-getenvolved-section.homepage_sec2 ul li .images .down p {
        padding: 25px 0
        }
    .homepage_sec2 ul li:nth-of-type(3n+2) {
        margin: 0 0 20px
        }
    .divider1 h2, .divider2 h2 {
        font-size: 28px;
        line-height: 35px
        }
    .featured_news .post_content .newsdesc h2 {
        font-size: 15px
        }
    .executive-programmes {
        width: 100%;
        margin: 15px 0 15px
        }
    .executive-programmes.youth-events {
        margin: 15px 0 0
        }
    /* footer css */
    #footer-widgets.col-4 .footer-widget-2 .widget {
        width: 100%;
        margin: 10px 0 10px
        }
    #footer-widgets.col-4 .footer-widget-3 {
        width: 100%
        }
    #footer-widgets.col-4 .footer-widget-4 {
        width: 100% !important;
        padding: 0
        }
    #footer-widgets.col-4 .footer-widget-4 .widget li {
        font-size: 16px;
        line-height: 20px;
        display: inline-block;
        margin-right: 10px
        }
    #footer .col-left, #footer .col-right {
        width: 100%
        }
    .top-footer h3 {
        font-size: 16px !important
        }
    /** Footer toggle **/
    .top-footer .footer-widget-2 h3 {
        cursor: pointer;
        display: inline-block
        }
    .top-footer .footer-widget-3 h3 {
        cursor: pointer;
        display: inline-block;
        padding: 0
        }
    #footer-widgets.col-4 .footer-widget-3 {
        padding: 0 20px 0 0
        }
    .top-footer .footer-widget-2 h3 {
        line-height: normal;
        padding: 0
        }
    .menu-discover-container, .menu-act-container, .menu-learn-container {
        display: none;
        margin: 0.8em 0 0.8em
        }
    .top-footer .footer-widget-2 h3, .top-footer .footer-widget-3 h3 {
        background: url(images/plus.png) no-repeat right center;
        padding-right: 25px
        }
    /************************** from this line media query from style.css  ***************************************/
    /* virtual library css */
    .filter span {
        width: 15%
        }
    .filter form {
        width: 84%
        }
    .select-btn {
        width: 90%;
        margin-bottom: 10px
        }
    .vl-kt span {
        width: 100%;
        float: left
        }
    .library-left, .library-right {
        width: 100%;
        margin: 10px 0
        }
    .doc-img-container {
        width: 100%;
        text-align: center
        }
    /* featured stories list on discover page */
    ul.featuredStoryList li .images .side, .type-stories .images .side {
        padding: 5px
        }
    ul.featuredStoryList li .images .side .location, .type-stories .images .side .location {
        font-size: 11px;
        line-height: 14px
        }
    ul.featuredStoryList li .images .side .title, .type-stories .images .side .title {
        font-size: 12px;
        line-height: 15px
        }
    ul.featuredStoryList li .images .side .more, .type-stories .images .side .more {
        padding: 5px 6px;
        font-size: 11px
        }
    ul.featuredStoryList li .images span.community, .type-stories .images span.community {
        font-size: 16px;
        line-height: 19px
        }
    /* country box css */
    .countries {
        background: transparent
        }
    .description {
        width: 100%;
        padding: 15px 20px;
        position: static;
        border-radius: 0
        }
    .selection {
        width: 100%;
        background: rgba(0, 0, 0, 0) url(images/country-bg.jpg) no-repeat scroll left top/100% 100%;
        border-radius: 0 0 5px 5px;
        padding: 20px
        }
    .select-cntry {
        width: 100%;
        margin-top: 10px
        }
    /* news page  */
    .news-image {
        width: 100%;
        text-align: center
        }
    .news-image img.attachment-news-rightsidebar-res {
        display: inline-block
        }
    /* act page css */
    .communities-icon ul li {
        width: 85%;
        float: left
        }
    .imageRepeater {
        float: left;
        margin: 15px 0;
        width: 100%
        }
    .civik_crm .list-image li {
        float: left;
        margin: 0 0 20px;
        vertical-align: top;
        width: 100%
        }
    }
#gform_wrapper_4 {
    display: block !important
    }
@media only screen and (min-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .submenuContainer-fixed {
        position: fixed;
        width: 19% !important;
        top: 10px;
        animation-delay: 0.5s;
        animation-duration: 450ms;
        animation-fill-mode: both;
        animation-name: fadeInDown;
        position: fixed
        }
    .emailsubscription .gform_wrapper .gform_footer.left_label, .emailsubscription .gform_wrapper .gform_footer.right_label {
        width: 20%;
        top: 0;
        right: 21%
        }
    .emailsubscription .gform_body {
        width: 70%;
        position: relative;
        top: 11px;
        font-size: 11px
        }
    .emailsubscription .gform_body ul li .ginput_container_email input[type="text"] {
        width: 115%;
        float: left;
        height: 35px;
        line-height: 18px;
        margin: 0;
        border: 1px solid rgb(204, 204, 204);
        border-radius: 5px 0 0 5px !important;
        top: -4px;
        position: relative
        }
    .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before {
        box-sizing: border-box;
        position: relative;
        float: right;
        right: 3%;
        width: auto !important;
        top: 2px;
        left: 7%
        }
    .gform_wrapper .gform_footer {
        top: -9px
        }
    }
@media only screen and (min-width: 1024px) {
    .submenuContainer-fixed {
        position: fixed;
        width: 15% !important;
        top: 10px;
        animation-delay: 0.5s;
        animation-duration: 450ms;
        animation-fill-mode: both;
        animation-name: fadeInDown;
        position: fixed
        }
    }
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0px, -100%, 0px);
        } 100% {
        opacity: 1;
        transform: none;
        }
    }
.eventDate {
    font-weight: bold;
    display: block;
    margin: 10px 0 15px
    }
.articalPage-content .gform_body {
    /* width: 85%; */
    float: left
    }
.articalPage-content .gform_wrapper ul.left_label li, .articalPage-content .gform_wrapper form ul.left_label li {
    width: 100%;
    margin-bottom: 0
    }
.articalPage-content .gform_wrapper .left_label input.large {
    width: 100%;
    float: left;
    height: 40px;
    line-height: 18px;
    margin: 0;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px 0 0 5px
    }
.articalPage-content .gform_wrapper .gform_footer.left_label {
    /*float: left;*/
    margin: 0;
    padding: 5px;
    width: 15%;
    clear: right
    }
.articalPage-content .gform_wrapper label.gfield_label + div.ginput_container {
    margin-top: 0
    }
.validation_error {
    display: none !important
    }
.leftDiv {
    width: 50%;
    float: left
    }
.rightDiv {
    width: 50%;
    float: left
    }
/* kpicasa */
/********************************************
* Album list                                *
********************************************/
/* table border */
table#kpg-albums {
    border: none;
    width: 100%;
    max-width: 100%
    }
@media only screen and (max-width: 479px) {
    table#kpg-albums td {
        vertical-align: top;
        display: block;
        width: 100%
        }
    }
/* table cell containing one album */
table#kpg-albums td {
    padding: 0% 0% 4% 0%;
    vertical-align: top
    }
/* the album picture thumbnail */
table#kpg-albums td img.kpg-thumb {
    border: solid 1px black
    }
/* the link with the name of the album */
table#kpg-albums td div.kpg-title a {
    text-align: center
    }
/* the album summary */
/* the album location */
table#kpg-albums td div.kpg-location {
    font-style: italic
    }
/* the album's published timestamp */
/* the number of photos in the album */
table#kpg-albums td div.kpg-nbPhotos {
    margin-top: 0
    }
/* PLEASE TAKE CARE WHEN EDITING THE TWO CLASSES BELOW */
/* They are used to style the output differently depending if there are one or more albums per row */
table#kpg-albums td img.kpg-thumb-onePerRow {
    float: left;
    margin-right: 10%
    }
table#kpg-albums td img.kpg-thumb-multiplePerRow {
    clear: both
    }
/********************************************
* Picture list (in an album)                *
********************************************/
/* the "Back to album list" link container */
div#kpg-backLink {
    padding-bottom: 20px;
    font-family: "proxima-nova"
    }
/* the box with the album description */
div#kpg-album-description {
    padding: 1%;
    margin-bottom: 1%;
    font-family: "proxima-nova";
    font-size: 18px;
    color: #343434
    }
/* the album title */
div#kpg-album-description div#kpg-title {
    padding: 1%;
    margin-bottom: 1%;
    font-family: "proxima-nova";
    font-size: 18px;
    color: #343434
    }
/* the album summary */
/* the album location */
div#kpg-album-description div#kpg-location {
    font-style: italic
    }
/* the album's published timestamp */
/* the number of photos in the album */
div#kpg-album-description div#kpg-nbPhotos {
    margin-top: 0
    }
/*entry table*/
/* table cell containing he picture + caption */
@media only screen and (max-width: 479px) {
    table#kpg-pictures td {
        text-align: center;
        padding-bottom: 20px;
        vertical-align: top
        }
    }
table#kpg-pictures td {
    text-align: center;
    padding-bottom: 20px;
    vertical-align: top
    }
/* the picture caption */
/* the picture thumbnail */
table#kpg-pictures td img.kpg-thumb {
    border: solid 1px black
    }
/********************************************
* Paginator                                 *
********************************************/
/* block containing the paginator */
div#kpg-paginator {
    font-weight: bold;
    text-align: center;
    line-height: 30px
    }
/* the current page */
div#kpg-paginator span.kpg-on {
    border: solid 1px #C0C0C0;
    padding: 4px
    }
/* the other pages */
div#kpg-paginator a {
    border: solid 1px #F0F0F0;
    padding: 4px
    }
/* the current page */
.gallery_image {
    width: 100%;
    float: left;
    background: url(/wp-content/uploads/2016/04/gallery-discover-all-1.png) no-repeat left top;
    border-top: 10px solid #00578b;
    border-radius: 5px;
    position: relative;
    background-size: 100% 100%;
    margin-bottom: 60px
    }
@media only screen and (max-width: 479px) {
    .gallery_image .selection {
        width: 100%;
        background: rgba(0, 0, 0, 0) url(/wp-content/uploads/2016/04/gallery-discover-all-1.png) no-repeat scroll left top/100% 100%;
        border-radius: 0 0 5px 5px;
        padding: 20px
        }
    .gallery_image {
        background: transparent;
        background-color: transparent;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0% 0%;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto
        }
    .gallery_image .description {
        margin-top: auto
        }
    }
.articalPage-content .breadcrumb-trail {
    display: none
    }
.gallery_image a.learn {
    font-size: 12px;
    color: #fff;
    line-height: 15px;
    border: solid 3px #fff;
    padding: 16px;
    font-weight: bold;
    display: inline-block;
    margin: 5px 0 0 0;
    border-radius: 5px;
    text-decoration: none
    }
.gallery_image a.learn:hover, ul.featuredStoryList li .images .side .more:hover, .homepage_sec2 ul li .images .down .more:hover {
    border: solid 3px #0B496F
    }
/*socialshare plugin SHARETHIS*/
.sthoverbuttons-label {
    display: none
    }
/*hide the comments in news*/
p.comment-count {
    display: none
    }
a.seeallstoriries {
    font-size: 18px;
    color: #0068A7 !important;
    background: url(images/seeall.png) no-repeat center right;
    line-height: 15px;
    padding: 0 22px 0 0;
    float: right;
    line-height: 57px;
    font-family: "proxima-nova";
    font-weight: 700;
    position: relative;
    top: -20px
    }
.gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before {
    box-sizing: inherit
    }
/* CiviCRM Profiles */
table#profile td.description {
    background-color: #fff;
    position: relative
    }
.crm-profile-name-Organizaciones_Avaladas_26 .description {
    background-color: #fff;
    position: relative
    }
.crm-profile-name-Organizational_Endorsers_22.crm-form-block, crm-profile-name-Organizaciones_Avaladas_26.crm-form-block {
    background-color: #fff
    }
#crm-container div#printer-friendly {
    display: none
    }
#crm-container .crm-title {
    display: none
    }
/* .crm-container #search-status {display:none;} */
.entry h2 {
    font-size: 30px;
    line-height: 44px;
    font-family: "proxima-nova";
    font-weight: 300;
    text-transform: uppercase;
    color: #343434;
    letter-spacing: 2px;
    margin-bottom: 10px
    }
.crm-container.inform-icon .crm-container.messages .crm-container.msg-title span.msg-text .messages.status.no-popup {
    display: none
    }
.crm-container .crm-search-results th:first-child, .crm-container .crm-search-results td:first-child {
    display: none
    }
#crm-container.crm-public input[type="text"] {
    width: 3em
    }
.crm-profile-name-Organizational_Endorsers_22 div#search-status, crm-profile-name-Organizaciones_Avaladas_26#search-status {
    display: none
    }
.crm-profile-name-Affiliates_23 div#search-status {
    display: none
    }
#crm-container .crm-profile-name-Organizational_Endorsers_22 .crm-pager {
    background: #f0f0f0;
    padding: 5px 10px 30px 10px;
    border-top: 10px solid #3e86bb;
    border-radius: 5px 5px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 15px;
    font-family: "proxima-nova";
    font-weight: 300;
    text-transform: uppercase;
    color: #343434;
    font-size: 14px;
    height: 10px;
    margin-bottom: 0
    }
#crm-container .crm-profile-name-Organizational_Endorsers_22 .crm-public input[type="text"] {
    padding: 0;
    border-radius: 3px;
    vertical-align: middle;
    max-width: 100%;
    font-family: "proxima-nova";
    font-weight: 300;
    text-transform: uppercase;
    color: #343434;
    font-size: 14px;
    height: 10px
    }
#crm-container.crm-public input[type="text"] {
    padding: 0 !important
    }
#crm-container .crm-profile-name-Organizational_Endorsers_22 th {
    border-style: none;
    border-width: 0;
    text-transform: uppercase;
    color: #343434;
    letter-spacing: 2px;
    font-size: 15px;
    line-height: 28px;
    font-family: "adelle";
    font-weight: 700;
    margin-bottom: 10px;
    background-color: #f0f0f0
    }
#crm-container .crm-profile-name-Organizational_Endorsers_22 .odd-row {
    background-color: #ddd;
    font-size: 16px;
    line-height: 24px;
    font-family: "adelle";
    font-weight: 400;
    color: #343434;
    margin-bottom: 20px
    }
#crm-container .crm-profile-name-Organizational_Endorsers_22 .even-row {
    background-color: #f0f0f0;
    font-size: 16px;
    line-height: 24px;
    font-family: "adelle";
    font-weight: 400;
    color: #343434;
    margin-bottom: 20px
    }
/* accordion on law library  */
.arconix-accordion-content {
    background-color: transparent !important;
    border-bottom: none
    }
.arconix-accordions {
    border: none !important
    }
.arconix-accordion-title {
    background: #f0f0f0;
    padding: 1%;
    border-top: solid 10px #3e86bb;
    border-radius: 5px 5px 0 0
    }
/*events date*/
.eventDate {
    font-size: 30px;
    line-height: 44px;
    font-family: "proxima-nova";
    font-weight: 300;
    text-transform: uppercase;
    color: #343434;
    letter-spacing: 2px
    }
/*title form in page */
.gform_wrapper h3.gform_title {
    letter-spacing: normal !important;
    margin: 10px 0 6px;
    font-size: 30px;
    line-height: 44px;
    font-family: "proxima-nova";
    font-weight: 300;
    text-transform: uppercase;
    color: #343434;
    letter-spacing: 2px
    }
/*event content*/
.event_summary-section p {
    font-size: 30px;
    line-height: 44px;
    font-family: "proxima-nova";
    font-weight: 300;
    text-transform: uppercase;
    color: #343434;
    letter-spacing: 2px
    }
/*** Custom CSS for managing the data listing from CiviCRM on country page ***/
@media only screen and (min-width: 481px) {
    .civicrm-wrapper .civicrm-affiliates, .civicrm-wrapper .civicrm-youthgroup {
        float: left;
        width: 45%
        }
    /*
    	.civicrm-wrapper div:first-child {
    	  margin-right: 5%;
    	}*/
    }
.civicrm-wrapper .civicrm-affiliates, .civicrm-wrapper .civicrm-youthgroup {
    margin-top: 20px
    }
.civicrm-wrapper div:first-child {
    margin-right: 5%
    }
.sk-clear {
    clear: both
    }
.civicrm-wrapper ul {
    margin-bottom: 20px
    }
/* 
.civicrm-listing {
  max-height: 450px;
  overflow-y: auto;
} 
*/
body .civicrm-wrapper li {
    list-style: outside none none;
    margin: 0 !important;
    padding: 0 !important
    }
.table-org-name {
    font-weight: bold
    }
#enviar {
    background: transparent url(../images/lupa.gif) no-repeat scroll left top;
    border: 0 none;
    cursor: pointer;
    height: 25px;
    vertical-align: top;
    width: 26px
    }
.botonRegresar {
    /*background-color:red;*/
    color: #fff;
    outline: medium none;
    padding: 5px
    }
.languagedetails {
    width: 100%;
    margin: auto
    }
/*details law library*/
.detailslaw {
    font-weight: bold;
    width: 100px;
    width: 100px;
    height: 37px
    }
/*CiviCRM unsubscribe*/
#crm-container.crm-public input[type="text"], #crm-container.crm-public input[type="password"], #crm-container.crm-public input[type="email"], #crm-container.crm-public select {
    width: 231px
    }
#crm-container.crm-public .label, #crm-container.crm-public .price-field-amount {
    width: 216px
    }
/*CiviCRM Endorser List Profile 30*/
.crm-profile-name-Organizational_Endorsers_30 div#search-status {
    display: none
    }
.crm-profile-name-Organizational_Endorsers_30 .entry table tr th:last-child, .crm-profile-name-Organizational_Endorsers_30 .entry table tr td:last-child {
    display: none !important
    }
span.ui-spinner.ui-widget.ui-widget-content.ui-corner-all {
    width: 5em;
    vertical-align: bottom
    }
.crm-container .crm-form-block table {
    background: #EFEFE5
    }
table#profile td.description {
    background-color: #EFEFE5
    }
/* block coutes style from the events page **********/
blockquote {
    margin: 0.5em 1px;
    padding: 0.5em 1px;
    quotes: "“" "”" "‘" "’";
    font-weight: bold
    }
blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em
    }
blockquote p {
    display: inline;
    font-weight: bold !important
    }
.entry blockquote {
    position: relative;
    padding: 20px 20px 10px 30px;
    color: #444;
    font-weight: bold
    }
/*style for the table organizations */
/* CSS Document */
.tablaorgs {
    width: 100%
    }
.tablaorgs thead {
    background-color: #DDD
    }
@media screen and (max-width: 720px) {
    table, thead, tr, th, tbody, td {
        display: block
        }
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
        }
    td {
        border: 1px solid black;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%
        }
    td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap
        }
    td:nth-of-type(1):before {
        content: "Order"
        }
    td:nth-of-type(2):before {
        content: "Reference"
        }
    td:nth-of-type(3):before {
        content: "PO Number"
        }
    td:nth-of-type(4):before {
        content: "Order Date"
        }
    }
@media only screen and (min-width: 1050px) and (max-width: 1110px) {
    .emailsubscription .gform_body ul li .ginput_container_email input[type="text"] {
        width: 109%;
        height: 38px;
        top: 2px !important
        }
    .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before {
        box-sizing: border-box;
        right: 3%;
        top: 2px
        }
    .gform_wrapper .gform_footer {
        top: -9px
        }
    }
.ec-text-green {
    background: #B5E2B9;
    padding: 25px 20px;
    border-top: 10px solid #2A9233;
    border-radius: 5px 5px 0 0;
    margin-bottom: 11px;
    margin-right: -6px;
    margin-top: 10px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
    }
.ect img.ect-img {
    width: inherit;
    float: left;
    padding: 10px 0
    }
.ect .ect-content {
    width: 65%;
    float: right;
    font-size: 14px;
    line-height: 22px;
    font-family: "adelle";
    font-weight: 400;
    color: #343434;
    padding: 10px 0
    }
.ec-text-green p {
    padding: 15px
    }
a.download-language {
    font-size: 11px;
    width: 100%;
    text-transform: uppercase;
    color: #0068a7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 15px;
    border: solid 3px #fff;
    padding: 16px 10px;
    display: inline-block;
    margin: 13px 0 0 0;
    border-radius: 5px;
    text-decoration: none;
    font-family: "proxima-nova";
    font-weight: 700;
    text-align: center
    }
.ec-text-green.endorse {
    float: left;
    background: #f0f0f0;
    border-top: solid 10px #ddd
    }
.ec-text-green {
    width: 100%
    }
.ec-text-green {
    padding: 15px 10px
    }