/*!
 * Interpeace v1.2 (http://www.interpeace.org)
 * Copyright 2015 DAKdesign
 */
/* == FONT == */
/* -- Body fonts -- */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
/* -- Heading fonts -- */
/* -- Icon fonts -- */
@font-face {
    font-family : 'FontAwesome';
    src         : url('../fonts/fontawesome-webfont.eot?v=4.2.0');
    src         : url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
    font-weight : normal;
    font-style  : normal
    }





.fa {
    display                 : inline-block;
    font                    : normal normal normal 14px/1 FontAwesome;
    font-size               : inherit;
    text-rendering          : auto;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale
    }

.fa-lg {
    font-size      : 1.33333333em;
    line-height    : .75em;
    vertical-align : -15%
    }

.fa-2x {
    font-size : 2em
    }

.fa-3x {
    font-size : 3em
    }

.fa-4x {
    font-size : 4em
    }

.fa-5x {
    font-size : 5em
    }

.fa-fw {
    width      : 1.28571429em;
    text-align : center
    }

.fa-ul {
    padding-left    : 0;
    margin-left     : 2.14285714em;
    list-style-type : none
    }

.fa-ul > li {
    position : relative
    }

.fa-li {
    position   : absolute;
    left       : -2.14285714em;
    width      : 2.14285714em;
    top        : .14285714em;
    text-align : center
    }

.fa-li.fa-lg {
    left : -1.85714286em
    }

.fa-border {
    padding       : .2em .25em .15em;
    border        : solid .08em #eee;
    border-radius : .1em
    }

.wpforms-field-hp {
    display: none;
}

.pull-right {
    float : right
    }

.pull-left {
    float : left
    }

.fa.pull-left {
    margin-right : .3em
    }

.fa.pull-right {
    margin-left : .3em
    }

.fa-spin {
    -webkit-animation : fa-spin 2s infinite linear;
    animation         : fa-spin 2s infinite linear
    }

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform : rotate(0deg);
        transform         : rotate(0deg)
        }
    100% {
        -webkit-transform : rotate(359deg);
        transform         : rotate(359deg)
        }
    }

@keyframes fa-spin {
    0% {
        -webkit-transform : rotate(0deg);
        transform         : rotate(0deg)
        }
    100% {
        -webkit-transform : rotate(359deg);
        transform         : rotate(359deg)
        }
    }

.fa-rotate-90 {
    filter            : progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform : rotate(90deg);
    -ms-transform     : rotate(90deg);
    transform         : rotate(90deg)
    }

.fa-rotate-180 {
    filter            : progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform : rotate(180deg);
    -ms-transform     : rotate(180deg);
    transform         : rotate(180deg)
    }

.fa-rotate-270 {
    filter            : progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform : rotate(270deg);
    -ms-transform     : rotate(270deg);
    transform         : rotate(270deg)
    }

.fa-flip-horizontal {
    filter            : progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform : scale(-1, 1);
    -ms-transform     : scale(-1, 1);
    transform         : scale(-1, 1)
    }

.fa-flip-vertical {
    filter            : progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform : scale(1, -1);
    -ms-transform     : scale(1, -1);
    transform         : scale(1, -1)
    }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter : none
    }

.fa-stack {
    position       : relative;
    display        : inline-block;
    width          : 2em;
    height         : 2em;
    line-height    : 2em;
    vertical-align : middle
    }

.fa-stack-1x, .fa-stack-2x {
    position   : absolute;
    left       : 0;
    width      : 100%;
    text-align : center
    }

.fa-stack-1x {
    line-height : inherit
    }

.fa-stack-2x {
    font-size : 2em
    }

.fa-inverse {
    color : #fff
    }

.fa-glass:before {
    content : "\f000"
    }

.fa-music:before {
    content : "\f001"
    }

.fa-search:before {
    content : "\f002"
    }

.fa-envelope-o:before {
    content : "\f003"
    }

.fa-heart:before {
    content : "\f004"
    }

.fa-star:before {
    content : "\f005"
    }

.fa-star-o:before {
    content : "\f006"
    }

.fa-user:before {
    content : "\f007"
    }

.fa-film:before {
    content : "\f008"
    }

.fa-th-large:before {
    content : "\f009"
    }

.fa-th:before {
    content : "\f00a"
    }

.fa-th-list:before {
    content : "\f00b"
    }

.fa-check:before {
    content : "\f00c"
    }

.fa-remove:before, .fa-close:before, .fa-times:before {
    content : "\f00d"
    }

.fa-search-plus:before {
    content : "\f00e"
    }

.fa-search-minus:before {
    content : "\f010"
    }

.fa-power-off:before {
    content : "\f011"
    }

.fa-signal:before {
    content : "\f012"
    }

.fa-gear:before, .fa-cog:before {
    content : "\f013"
    }

.fa-trash-o:before {
    content : "\f014"
    }

.fa-home:before {
    content : "\f015"
    }

.fa-file-o:before {
    content : "\f016"
    }

.fa-clock-o:before {
    content : "\f017"
    }

.fa-road:before {
    content : "\f018"
    }

.fa-download:before {
    content : "\f019"
    }

.fa-arrow-circle-o-down:before {
    content : "\f01a"
    }

.fa-arrow-circle-o-up:before {
    content : "\f01b"
    }

.fa-inbox:before {
    content : "\f01c"
    }

.fa-play-circle-o:before {
    content : "\f01d"
    }

.fa-rotate-right:before, .fa-repeat:before {
    content : "\f01e"
    }

.fa-refresh:before {
    content : "\f021"
    }

.fa-list-alt:before {
    content : "\f022"
    }

.fa-lock:before {
    content : "\f023"
    }

.fa-flag:before {
    content : "\f024"
    }

.fa-headphones:before {
    content : "\f025"
    }

.fa-volume-off:before {
    content : "\f026"
    }

.fa-volume-down:before {
    content : "\f027"
    }

.fa-volume-up:before {
    content : "\f028"
    }

.fa-qrcode:before {
    content : "\f029"
    }

.fa-barcode:before {
    content : "\f02a"
    }

.fa-tag:before {
    content : "\f02b"
    }

.fa-tags:before {
    content : "\f02c"
    }

.fa-book:before {
    content : "\f02d"
    }

.fa-bookmark:before {
    content : "\f02e"
    }

.fa-print:before {
    content : "\f02f"
    }

.fa-camera:before {
    content : "\f030"
    }

.fa-font:before {
    content : "\f031"
    }

.fa-bold:before {
    content : "\f032"
    }

.fa-italic:before {
    content : "\f033"
    }

.fa-text-height:before {
    content : "\f034"
    }

.fa-text-width:before {
    content : "\f035"
    }

.fa-align-left:before {
    content : "\f036"
    }

.fa-align-center:before {
    content : "\f037"
    }

.fa-align-right:before {
    content : "\f038"
    }

.fa-align-justify:before {
    content : "\f039"
    }

.fa-list:before {
    content : "\f03a"
    }

.fa-dedent:before, .fa-outdent:before {
    content : "\f03b"
    }

.fa-indent:before {
    content : "\f03c"
    }

.fa-video-camera:before {
    content : "\f03d"
    }

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content : "\f03e"
    }

.fa-pencil:before {
    content : "\f040"
    }

.fa-map-marker:before {
    content : "\f041"
    }

.fa-adjust:before {
    content : "\f042"
    }

.fa-tint:before {
    content : "\f043"
    }

.fa-edit:before, .fa-pencil-square-o:before {
    content : "\f044"
    }

.fa-share-square-o:before {
    content : "\f045"
    }

.fa-check-square-o:before {
    content : "\f046"
    }

.fa-arrows:before {
    content : "\f047"
    }

.fa-step-backward:before {
    content : "\f048"
    }

.fa-fast-backward:before {
    content : "\f049"
    }

.fa-backward:before {
    content : "\f04a"
    }

.fa-play:before {
    content : "\f04b"
    }

.fa-pause:before {
    content : "\f04c"
    }

.fa-stop:before {
    content : "\f04d"
    }

.fa-forward:before {
    content : "\f04e"
    }

.fa-fast-forward:before {
    content : "\f050"
    }

.fa-step-forward:before {
    content : "\f051"
    }

.fa-eject:before {
    content : "\f052"
    }

.fa-chevron-left:before {
    content : "\f053"
    }

.fa-chevron-right:before {
    content : "\f054"
    }

.fa-plus-circle:before {
    content : "\f055"
    }

.fa-minus-circle:before {
    content : "\f056"
    }

.fa-times-circle:before {
    content : "\f057"
    }

.fa-check-circle:before {
    content : "\f058"
    }

.fa-question-circle:before {
    content : "\f059"
    }

.fa-info-circle:before {
    content : "\f05a"
    }

.fa-crosshairs:before {
    content : "\f05b"
    }

.fa-times-circle-o:before {
    content : "\f05c"
    }

.fa-check-circle-o:before {
    content : "\f05d"
    }

.fa-ban:before {
    content : "\f05e"
    }

.fa-arrow-left:before {
    content : "\f060"
    }

.fa-arrow-right:before {
    content : "\f061"
    }

.fa-arrow-up:before {
    content : "\f062"
    }

.fa-arrow-down:before {
    content : "\f063"
    }

.fa-mail-forward:before, .fa-share:before {
    content : "\f064"
    }

.fa-expand:before {
    content : "\f065"
    }

.fa-compress:before {
    content : "\f066"
    }

.fa-plus:before {
    content : "\f067"
    }

.fa-minus:before {
    content : "\f068"
    }

.fa-asterisk:before {
    content : "\f069"
    }

.fa-exclamation-circle:before {
    content : "\f06a"
    }

.fa-gift:before {
    content : "\f06b"
    }

.fa-leaf:before {
    content : "\f06c"
    }

.fa-fire:before {
    content : "\f06d"
    }

.fa-eye:before {
    content : "\f06e"
    }

.fa-eye-slash:before {
    content : "\f070"
    }

.fa-warning:before, .fa-exclamation-triangle:before {
    content : "\f071"
    }

.fa-plane:before {
    content : "\f072"
    }

.fa-calendar:before {
    content : "\f073"
    }

.fa-random:before {
    content : "\f074"
    }

.fa-comment:before {
    content : "\f075"
    }

.fa-magnet:before {
    content : "\f076"
    }

.fa-chevron-up:before {
    content : "\f077"
    }

.fa-chevron-down:before {
    content : "\f078"
    }

.fa-retweet:before {
    content : "\f079"
    }

.fa-shopping-cart:before {
    content : "\f07a"
    }

.fa-folder:before {
    content : "\f07b"
    }

.fa-folder-open:before {
    content : "\f07c"
    }

.fa-arrows-v:before {
    content : "\f07d"
    }

.fa-arrows-h:before {
    content : "\f07e"
    }

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content : "\f080"
    }

.fa-twitter-square:before {
    content : "\f081"
    }

.fa-facebook-square:before {
    content : "\f082"
    }

.fa-camera-retro:before {
    content : "\f083"
    }

.fa-key:before {
    content : "\f084"
    }

.fa-gears:before, .fa-cogs:before {
    content : "\f085"
    }

.fa-comments:before {
    content : "\f086"
    }

.fa-thumbs-o-up:before {
    content : "\f087"
    }

.fa-thumbs-o-down:before {
    content : "\f088"
    }

.fa-star-half:before {
    content : "\f089"
    }

.fa-heart-o:before {
    content : "\f08a"
    }

.fa-sign-out:before {
    content : "\f08b"
    }

.fa-linkedin-square:before {
    content : "\f08c"
    }

.fa-thumb-tack:before {
    content : "\f08d"
    }

.fa-external-link:before {
    content : "\f08e"
    }

.fa-sign-in:before {
    content : "\f090"
    }

.fa-trophy:before {
    content : "\f091"
    }

.fa-github-square:before {
    content : "\f092"
    }

.fa-upload:before {
    content : "\f093"
    }

.fa-lemon-o:before {
    content : "\f094"
    }

.fa-phone:before {
    content : "\f095"
    }

.fa-square-o:before {
    content : "\f096"
    }

.fa-bookmark-o:before {
    content : "\f097"
    }

.fa-phone-square:before {
    content : "\f098"
    }

.fa-twitter:before {
    content : "\f099"
    }

.fa-facebook:before {
    content : "\f09a"
    }

.fa-github:before {
    content : "\f09b"
    }

.fa-unlock:before {
    content : "\f09c"
    }

.fa-credit-card:before {
    content : "\f09d"
    }

.fa-rss:before {
    content : "\f09e"
    }

.fa-hdd-o:before {
    content : "\f0a0"
    }

.fa-bullhorn:before {
    content : "\f0a1"
    }

.fa-bell:before {
    content : "\f0f3"
    }

.fa-certificate:before {
    content : "\f0a3"
    }

.fa-hand-o-right:before {
    content : "\f0a4"
    }

.fa-hand-o-left:before {
    content : "\f0a5"
    }

.fa-hand-o-up:before {
    content : "\f0a6"
    }

.fa-hand-o-down:before {
    content : "\f0a7"
    }

.fa-arrow-circle-left:before {
    content : "\f0a8"
    }

.fa-arrow-circle-right:before {
    content : "\f0a9"
    }

.fa-arrow-circle-up:before {
    content : "\f0aa"
    }

.fa-arrow-circle-down:before {
    content : "\f0ab"
    }

.fa-globe:before {
    content : "\f0ac"
    }

.fa-wrench:before {
    content : "\f0ad"
    }

.fa-tasks:before {
    content : "\f0ae"
    }

.fa-filter:before {
    content : "\f0b0"
    }

.fa-briefcase:before {
    content : "\f0b1"
    }

.fa-arrows-alt:before {
    content : "\f0b2"
    }

.fa-group:before, .fa-users:before {
    content : "\f0c0"
    }

.fa-chain:before, .fa-link:before {
    content : "\f0c1"
    }

.fa-cloud:before {
    content : "\f0c2"
    }

.fa-flask:before {
    content : "\f0c3"
    }

.fa-cut:before, .fa-scissors:before {
    content : "\f0c4"
    }

.fa-copy:before, .fa-files-o:before {
    content : "\f0c5"
    }

.fa-paperclip:before {
    content : "\f0c6"
    }

.fa-save:before, .fa-floppy-o:before {
    content : "\f0c7"
    }

.fa-square:before {
    content : "\f0c8"
    }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content : "\f0c9"
    }

.fa-list-ul:before {
    content : "\f0ca"
    }

.fa-list-ol:before {
    content : "\f0cb"
    }

.fa-strikethrough:before {
    content : "\f0cc"
    }

.fa-underline:before {
    content : "\f0cd"
    }

.fa-table:before {
    content : "\f0ce"
    }

.fa-magic:before {
    content : "\f0d0"
    }

.fa-truck:before {
    content : "\f0d1"
    }

.fa-pinterest:before {
    content : "\f0d2"
    }

.fa-pinterest-square:before {
    content : "\f0d3"
    }

.fa-google-plus-square:before {
    content : "\f0d4"
    }

.fa-google-plus:before {
    content : "\f0d5"
    }

.fa-money:before {
    content : "\f0d6"
    }

.fa-caret-down:before {
    content : "\f0d7"
    }

.fa-caret-up:before {
    content : "\f0d8"
    }

.fa-caret-left:before {
    content : "\f0d9"
    }

.fa-caret-right:before {
    content : "\f0da"
    }

.fa-columns:before {
    content : "\f0db"
    }

.fa-unsorted:before, .fa-sort:before {
    content : "\f0dc"
    }

.fa-sort-down:before, .fa-sort-desc:before {
    content : "\f0dd"
    }

.fa-sort-up:before, .fa-sort-asc:before {
    content : "\f0de"
    }

.fa-envelope:before {
    content : "\f0e0"
    }

.fa-linkedin:before {
    content : "\f0e1"
    }

.fa-rotate-left:before, .fa-undo:before {
    content : "\f0e2"
    }

.fa-legal:before, .fa-gavel:before {
    content : "\f0e3"
    }

.fa-dashboard:before, .fa-tachometer:before {
    content : "\f0e4"
    }

.fa-comment-o:before {
    content : "\f0e5"
    }

.fa-comments-o:before {
    content : "\f0e6"
    }

.fa-flash:before, .fa-bolt:before {
    content : "\f0e7"
    }

.fa-sitemap:before {
    content : "\f0e8"
    }

.fa-umbrella:before {
    content : "\f0e9"
    }

.fa-paste:before, .fa-clipboard:before {
    content : "\f0ea"
    }

.fa-lightbulb-o:before {
    content : "\f0eb"
    }

.fa-exchange:before {
    content : "\f0ec"
    }

.fa-cloud-download:before {
    content : "\f0ed"
    }

.fa-cloud-upload:before {
    content : "\f0ee"
    }

.fa-user-md:before {
    content : "\f0f0"
    }

.fa-stethoscope:before {
    content : "\f0f1"
    }

.fa-suitcase:before {
    content : "\f0f2"
    }

.fa-bell-o:before {
    content : "\f0a2"
    }

.fa-coffee:before {
    content : "\f0f4"
    }

.fa-cutlery:before {
    content : "\f0f5"
    }

.fa-file-text-o:before {
    content : "\f0f6"
    }

.fa-building-o:before {
    content : "\f0f7"
    }

.fa-hospital-o:before {
    content : "\f0f8"
    }

.fa-ambulance:before {
    content : "\f0f9"
    }

.fa-medkit:before {
    content : "\f0fa"
    }

.fa-fighter-jet:before {
    content : "\f0fb"
    }

.fa-beer:before {
    content : "\f0fc"
    }

.fa-h-square:before {
    content : "\f0fd"
    }

.fa-plus-square:before {
    content : "\f0fe"
    }

.fa-angle-double-left:before {
    content : "\f100"
    }

.fa-angle-double-right:before {
    content : "\f101"
    }

.fa-angle-double-up:before {
    content : "\f102"
    }

.fa-angle-double-down:before {
    content : "\f103"
    }

.fa-angle-left:before {
    content : "\f104"
    }

.fa-angle-right:before {
    content : "\f105"
    }

.fa-angle-up:before {
    content : "\f106"
    }

.fa-angle-down:before {
    content : "\f107"
    }

.fa-desktop:before {
    content : "\f108"
    }

.fa-laptop:before {
    content : "\f109"
    }

.fa-tablet:before {
    content : "\f10a"
    }

.fa-mobile-phone:before, .fa-mobile:before {
    content : "\f10b"
    }

.fa-circle-o:before {
    content : "\f10c"
    }

.fa-quote-left:before {
    content : "\f10d"
    }

.fa-quote-right:before {
    content : "\f10e"
    }

.fa-spinner:before {
    content : "\f110"
    }

.fa-circle:before {
    content : "\f111"
    }

.fa-mail-reply:before, .fa-reply:before {
    content : "\f112"
    }

.fa-github-alt:before {
    content : "\f113"
    }

.fa-folder-o:before {
    content : "\f114"
    }

.fa-folder-open-o:before {
    content : "\f115"
    }

.fa-smile-o:before {
    content : "\f118"
    }

.fa-frown-o:before {
    content : "\f119"
    }

.fa-meh-o:before {
    content : "\f11a"
    }

.fa-gamepad:before {
    content : "\f11b"
    }

.fa-keyboard-o:before {
    content : "\f11c"
    }

.fa-flag-o:before {
    content : "\f11d"
    }

.fa-flag-checkered:before {
    content : "\f11e"
    }

.fa-terminal:before {
    content : "\f120"
    }

.fa-code:before {
    content : "\f121"
    }

.fa-mail-reply-all:before, .fa-reply-all:before {
    content : "\f122"
    }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content : "\f123"
    }

.fa-location-arrow:before {
    content : "\f124"
    }

.fa-crop:before {
    content : "\f125"
    }

.fa-code-fork:before {
    content : "\f126"
    }

.fa-unlink:before, .fa-chain-broken:before {
    content : "\f127"
    }

.fa-question:before {
    content : "\f128"
    }

.fa-info:before {
    content : "\f129"
    }

.fa-exclamation:before {
    content : "\f12a"
    }

.fa-superscript:before {
    content : "\f12b"
    }

.fa-subscript:before {
    content : "\f12c"
    }

.fa-eraser:before {
    content : "\f12d"
    }

.fa-puzzle-piece:before {
    content : "\f12e"
    }

.fa-microphone:before {
    content : "\f130"
    }

.fa-microphone-slash:before {
    content : "\f131"
    }

.fa-shield:before {
    content : "\f132"
    }

.fa-calendar-o:before {
    content : "\f133"
    }

.fa-fire-extinguisher:before {
    content : "\f134"
    }

.fa-rocket:before {
    content : "\f135"
    }

.fa-maxcdn:before {
    content : "\f136"
    }

.fa-chevron-circle-left:before {
    content : "\f137"
    }

.fa-chevron-circle-right:before {
    content : "\f138"
    }

.fa-chevron-circle-up:before {
    content : "\f139"
    }

.fa-chevron-circle-down:before {
    content : "\f13a"
    }

.fa-html5:before {
    content : "\f13b"
    }

.fa-css3:before {
    content : "\f13c"
    }

.fa-anchor:before {
    content : "\f13d"
    }

.fa-unlock-alt:before {
    content : "\f13e"
    }

.fa-bullseye:before {
    content : "\f140"
    }

.fa-ellipsis-h:before {
    content : "\f141"
    }

.fa-ellipsis-v:before {
    content : "\f142"
    }

.fa-rss-square:before {
    content : "\f143"
    }

.fa-play-circle:before {
    content : "\f144"
    }

.fa-ticket:before {
    content : "\f145"
    }

.fa-minus-square:before {
    content : "\f146"
    }

.fa-minus-square-o:before {
    content : "\f147"
    }

.fa-level-up:before {
    content : "\f148"
    }

.fa-level-down:before {
    content : "\f149"
    }

.fa-check-square:before {
    content : "\f14a"
    }

.fa-pencil-square:before {
    content : "\f14b"
    }

.fa-external-link-square:before {
    content : "\f14c"
    }

.fa-share-square:before {
    content : "\f14d"
    }

.fa-compass:before {
    content : "\f14e"
    }

.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content : "\f150"
    }

.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content : "\f151"
    }

.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content : "\f152"
    }

.fa-euro:before, .fa-eur:before {
    content : "\f153"
    }

.fa-gbp:before {
    content : "\f154"
    }

.fa-dollar:before, .fa-usd:before {
    content : "\f155"
    }

.fa-rupee:before, .fa-inr:before {
    content : "\f156"
    }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content : "\f157"
    }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content : "\f158"
    }

.fa-won:before, .fa-krw:before {
    content : "\f159"
    }

.fa-bitcoin:before, .fa-btc:before {
    content : "\f15a"
    }

.fa-file:before {
    content : "\f15b"
    }

.fa-file-text:before {
    content : "\f15c"
    }

.fa-sort-alpha-asc:before {
    content : "\f15d"
    }

.fa-sort-alpha-desc:before {
    content : "\f15e"
    }

.fa-sort-amount-asc:before {
    content : "\f160"
    }

.fa-sort-amount-desc:before {
    content : "\f161"
    }

.fa-sort-numeric-asc:before {
    content : "\f162"
    }

.fa-sort-numeric-desc:before {
    content : "\f163"
    }

.fa-thumbs-up:before {
    content : "\f164"
    }

.fa-thumbs-down:before {
    content : "\f165"
    }

.fa-youtube-square:before {
    content : "\f166"
    }

.fa-youtube:before {
    content : "\f167"
    }

.fa-xing:before {
    content : "\f168"
    }

.fa-xing-square:before {
    content : "\f169"
    }

.fa-youtube-play:before {
    content : "\f16a"
    }

.fa-dropbox:before {
    content : "\f16b"
    }

.fa-stack-overflow:before {
    content : "\f16c"
    }

.fa-instagram:before {
    content : "\f16d"
    }

.fa-flickr:before {
    content : "\f16e"
    }

.fa-adn:before {
    content : "\f170"
    }

.fa-bitbucket:before {
    content : "\f171"
    }

.fa-bitbucket-square:before {
    content : "\f172"
    }

.fa-tumblr:before {
    content : "\f173"
    }

.fa-tumblr-square:before {
    content : "\f174"
    }

.fa-long-arrow-down:before {
    content : "\f175"
    }

.fa-long-arrow-up:before {
    content : "\f176"
    }

.fa-long-arrow-left:before {
    content : "\f177"
    }

.fa-long-arrow-right:before {
    content : "\f178"
    }

.fa-apple:before {
    content : "\f179"
    }

.fa-windows:before {
    content : "\f17a"
    }

.fa-android:before {
    content : "\f17b"
    }

.fa-linux:before {
    content : "\f17c"
    }

.fa-dribbble:before {
    content : "\f17d"
    }

.fa-skype:before {
    content : "\f17e"
    }

.fa-foursquare:before {
    content : "\f180"
    }

.fa-trello:before {
    content : "\f181"
    }

.fa-female:before {
    content : "\f182"
    }

.fa-male:before {
    content : "\f183"
    }

.fa-gittip:before {
    content : "\f184"
    }

.fa-sun-o:before {
    content : "\f185"
    }

.fa-moon-o:before {
    content : "\f186"
    }

.fa-archive:before {
    content : "\f187"
    }

.fa-bug:before {
    content : "\f188"
    }

.fa-vk:before {
    content : "\f189"
    }

.fa-weibo:before {
    content : "\f18a"
    }

.fa-renren:before {
    content : "\f18b"
    }

.fa-pagelines:before {
    content : "\f18c"
    }

.fa-stack-exchange:before {
    content : "\f18d"
    }

.fa-arrow-circle-o-right:before {
    content : "\f18e"
    }

.fa-arrow-circle-o-left:before {
    content : "\f190"
    }

.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content : "\f191"
    }

.fa-dot-circle-o:before {
    content : "\f192"
    }

.fa-wheelchair:before {
    content : "\f193"
    }

.fa-vimeo-square:before {
    content : "\f194"
    }

.fa-turkish-lira:before, .fa-try:before {
    content : "\f195"
    }

.fa-plus-square-o:before {
    content : "\f196"
    }

.fa-space-shuttle:before {
    content : "\f197"
    }

.fa-slack:before {
    content : "\f198"
    }

.fa-envelope-square:before {
    content : "\f199"
    }

.fa-wordpress:before {
    content : "\f19a"
    }

.fa-openid:before {
    content : "\f19b"
    }

.fa-institution:before, .fa-bank:before, .fa-university:before {
    content : "\f19c"
    }

.fa-mortar-board:before, .fa-graduation-cap:before {
    content : "\f19d"
    }

.fa-yahoo:before {
    content : "\f19e"
    }

.fa-google:before {
    content : "\f1a0"
    }

.fa-reddit:before {
    content : "\f1a1"
    }

.fa-reddit-square:before {
    content : "\f1a2"
    }

.fa-stumbleupon-circle:before {
    content : "\f1a3"
    }

.fa-stumbleupon:before {
    content : "\f1a4"
    }

.fa-delicious:before {
    content : "\f1a5"
    }

.fa-digg:before {
    content : "\f1a6"
    }

.fa-pied-piper:before {
    content : "\f1a7"
    }

.fa-pied-piper-alt:before {
    content : "\f1a8"
    }

.fa-drupal:before {
    content : "\f1a9"
    }

.fa-joomla:before {
    content : "\f1aa"
    }

.fa-language:before {
    content : "\f1ab"
    }

.fa-fax:before {
    content : "\f1ac"
    }

.fa-building:before {
    content : "\f1ad"
    }

.fa-child:before {
    content : "\f1ae"
    }

.fa-paw:before {
    content : "\f1b0"
    }

.fa-spoon:before {
    content : "\f1b1"
    }

.fa-cube:before {
    content : "\f1b2"
    }

.fa-cubes:before {
    content : "\f1b3"
    }

.fa-behance:before {
    content : "\f1b4"
    }

.fa-behance-square:before {
    content : "\f1b5"
    }

.fa-steam:before {
    content : "\f1b6"
    }

.fa-steam-square:before {
    content : "\f1b7"
    }

.fa-recycle:before {
    content : "\f1b8"
    }

.fa-automobile:before, .fa-car:before {
    content : "\f1b9"
    }

.fa-cab:before, .fa-taxi:before {
    content : "\f1ba"
    }

.fa-tree:before {
    content : "\f1bb"
    }

.fa-spotify:before {
    content : "\f1bc"
    }

.fa-deviantart:before {
    content : "\f1bd"
    }

.fa-soundcloud:before {
    content : "\f1be"
    }

.fa-database:before {
    content : "\f1c0"
    }

.fa-file-pdf-o:before {
    content : "\f1c1"
    }

.fa-file-word-o:before {
    content : "\f1c2"
    }

.fa-file-excel-o:before {
    content : "\f1c3"
    }

.fa-file-powerpoint-o:before {
    content : "\f1c4"
    }

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content : "\f1c5"
    }

.fa-file-zip-o:before, .fa-file-archive-o:before {
    content : "\f1c6"
    }

.fa-file-sound-o:before, .fa-file-audio-o:before {
    content : "\f1c7"
    }

.fa-file-movie-o:before, .fa-file-video-o:before {
    content : "\f1c8"
    }

.fa-file-code-o:before {
    content : "\f1c9"
    }

.fa-vine:before {
    content : "\f1ca"
    }

.fa-codepen:before {
    content : "\f1cb"
    }

.fa-jsfiddle:before {
    content : "\f1cc"
    }

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content : "\f1cd"
    }

.fa-circle-o-notch:before {
    content : "\f1ce"
    }

.fa-ra:before, .fa-rebel:before {
    content : "\f1d0"
    }

.fa-ge:before, .fa-empire:before {
    content : "\f1d1"
    }

.fa-git-square:before {
    content : "\f1d2"
    }

.fa-git:before {
    content : "\f1d3"
    }

.fa-hacker-news:before {
    content : "\f1d4"
    }

.fa-tencent-weibo:before {
    content : "\f1d5"
    }

.fa-qq:before {
    content : "\f1d6"
    }

.fa-wechat:before, .fa-weixin:before {
    content : "\f1d7"
    }

.fa-send:before, .fa-paper-plane:before {
    content : "\f1d8"
    }

.fa-send-o:before, .fa-paper-plane-o:before {
    content : "\f1d9"
    }

.fa-history:before {
    content : "\f1da"
    }

.fa-circle-thin:before {
    content : "\f1db"
    }

.fa-header:before {
    content : "\f1dc"
    }

.fa-paragraph:before {
    content : "\f1dd"
    }

.fa-sliders:before {
    content : "\f1de"
    }

.fa-share-alt:before {
    content : "\f1e0"
    }

.fa-share-alt-square:before {
    content : "\f1e1"
    }

.fa-bomb:before {
    content : "\f1e2"
    }

.fa-soccer-ball-o:before, .fa-futbol-o:before {
    content : "\f1e3"
    }

.fa-tty:before {
    content : "\f1e4"
    }

.fa-binoculars:before {
    content : "\f1e5"
    }

.fa-plug:before {
    content : "\f1e6"
    }

.fa-slideshare:before {
    content : "\f1e7"
    }

.fa-twitch:before {
    content : "\f1e8"
    }

.fa-yelp:before {
    content : "\f1e9"
    }

.fa-newspaper-o:before {
    content : "\f1ea"
    }

.fa-wifi:before {
    content : "\f1eb"
    }

.fa-calculator:before {
    content : "\f1ec"
    }

.fa-paypal:before {
    content : "\f1ed"
    }

.fa-google-wallet:before {
    content : "\f1ee"
    }

.fa-cc-visa:before {
    content : "\f1f0"
    }

.fa-cc-mastercard:before {
    content : "\f1f1"
    }

.fa-cc-discover:before {
    content : "\f1f2"
    }

.fa-cc-amex:before {
    content : "\f1f3"
    }

.fa-cc-paypal:before {
    content : "\f1f4"
    }

.fa-cc-stripe:before {
    content : "\f1f5"
    }

.fa-bell-slash:before {
    content : "\f1f6"
    }

.fa-bell-slash-o:before {
    content : "\f1f7"
    }

.fa-trash:before {
    content : "\f1f8"
    }

.fa-copyright:before {
    content : "\f1f9"
    }

.fa-at:before {
    content : "\f1fa"
    }

.fa-eyedropper:before {
    content : "\f1fb"
    }

.fa-paint-brush:before {
    content : "\f1fc"
    }

.fa-birthday-cake:before {
    content : "\f1fd"
    }

.fa-area-chart:before {
    content : "\f1fe"
    }

.fa-pie-chart:before {
    content : "\f200"
    }

.fa-line-chart:before {
    content : "\f201"
    }

.fa-lastfm:before {
    content : "\f202"
    }

.fa-lastfm-square:before {
    content : "\f203"
    }

.fa-toggle-off:before {
    content : "\f204"
    }

.fa-toggle-on:before {
    content : "\f205"
    }

.fa-bicycle:before {
    content : "\f206"
    }

.fa-bus:before {
    content : "\f207"
    }

.fa-ioxhost:before {
    content : "\f208"
    }

.fa-angellist:before {
    content : "\f209"
    }

.fa-cc:before {
    content : "\f20a"
    }

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
    content : "\f20b"
    }

.fa-meanpath:before {
    content : "\f20c"
    }

/* -- Font definitions -- */
html, body, input, textarea, select {
    font-family : "SuisseIntl";
    font-weight : 400;
    font-size   : 13px;
    line-height : 1.5;
    }

h1, h2, h3, h4, h5 {
    font-family : "SuisseIntl";
    font-weight : 300;
    }

article.page ul li {
    margin-bottom : 10px;
    }

/* == EFFECTS == */
.animated {
    -webkit-animation-duration  : 1s;
    -moz-animation-duration     : 1s;
    -o-animation-duration       : 1s;
    animation-duration          : 1s;
    -webkit-animation-fill-mode : both;
    -moz-animation-fill-mode    : both;
    -o-animation-fill-mode      : both;
    animation-fill-mode         : both;
    }

.animated.slow {
    -webkit-animation-duration : 2s;
    -moz-animation-duration    : 2s;
    -o-animation-duration      : 2s;
    animation-duration         : 2s;
    }

.animated.slower {
    -webkit-animation-duration : 4s;
    -moz-animation-duration    : 4s;
    -o-animation-duration      : 4s;
    animation-duration         : 4s;
    }

.animated.long {
    -webkit-animation-iteration-count : 4;
    -moz-animation-iteration-count    : 4;
    -o-animation-iteration-count      : 4;
    animation-iteration-count         : 4;
    }

.animated.forever {
    -webkit-animation-iteration-count : infinite;
    -moz-animation-iteration-count    : infinite;
    -o-animation-iteration-count      : infinite;
    animation-iteration-count         : infinite;
    }

.animated.delayedless {
    -webkit-animation-delay : .25s;
    -moz-animation-delay    : .25s;
    -o-animation-delay      : .25s;
    -ms-animation-delay     : .25s;
    animation-delay         : .25s;
    }

.animated.delayed {
    -webkit-animation-delay : .5s;
    -moz-animation-delay    : .5s;
    -o-animation-delay      : .5s;
    -ms-animation-delay     : .5s;
    animation-delay         : .5s;
    }

.animated.delayedmore {
    -webkit-animation-delay : 1s;
    -moz-animation-delay    : 1s;
    -o-animation-delay      : 1s;
    -ms-animation-delay     : 1s;
    animation-delay         : 1s;
    }

/* reset animation */
@-webkit-keyframes reset {
    0% {
        opacity : 0;
        }

    100% {
        opacity : 0;
        }
    }

@-moz-keyframes reset {
    0% {
        opacity : 0;
        }

    100% {
        opacity : 0;
        }
    }

@-o-keyframes reset {
    0% {
        opacity : 0;
        }

    100% {
        opacity : 0;
        }
    }

@-ms-keyframes reset {
    0% {
        opacity : 0;
        }

    100% {
        opacity : 0;
        }
    }

@keyframes reset {
    0% {
        opacity : 0;
        }

    100% {
        opacity : 0;
        }
    }

.reset {
    -webkit-animation-name : reset;
    -moz-animation-name    : reset;
    -o-animation-name      : reset;
    animation-name         : reset;
    }

/* fade In */
@-webkit-keyframes fadeIn {
    0% {
        opacity : 0;
        }

    100% {
        opacity : 1;
        }
    }

@-moz-keyframes fadeIn {
    0% {
        opacity : 0;
        }

    100% {
        opacity : 1;
        }
    }

@-o-keyframes fadeIn {
    0% {
        opacity : 0;
        }

    100% {
        opacity : 1;
        }
    }

@-ms-keyframes fadeIn {
    0% {
        opacity : 0;
        }

    100% {
        opacity : 1;
        }
    }

@keyframes fadeIn {
    0% {
        opacity : 0;
        }

    100% {
        opacity : 1;
        }
    }

@keyframes fadeOut {
    0% {
        opacity : 1;
        }

    100% {
        opacity : 0;
        }
    }

.fadein {
    -webkit-animation-name : fadeIn;
    -moz-animation-name    : fadeIn;
    -o-animation-name      : fadeIn;
    animation-name         : fadeIn;
    }

/* fade In Left */
@-webkit-keyframes fadeInLeft {
    0% {
        opacity           : 0;
        -webkit-transform : translateX(-20px);
        }

    100% {
        opacity           : 1;
        -webkit-transform : translateX(0);
        }
    }

@-moz-keyframes fadeInLeft {
    0% {
        opacity        : 0;
        -moz-transform : translateX(-20px);
        }

    100% {
        opacity        : 1;
        -moz-transform : translateX(0);
        }
    }

@-o-keyframes fadeInLeft {
    0% {
        opacity      : 0;
        -o-transform : translateX(-20px);
        }

    100% {
        opacity      : 1;
        -o-transform : translateX(0);
        }
    }

@-ms-keyframes fadeInLeft {
    0% {
        opacity       : 0;
        -ms-transform : translateX(-20px);
        }

    100% {
        opacity       : 1;
        -ms-transform : translateX(0);
        }
    }

@keyframes fadeInLeft {
    0% {
        opacity   : 0;
        transform : translateX(-20px);
        }

    100% {
        opacity   : 1;
        transform : translateX(0);
        }
    }

.fadeinleft {
    -webkit-animation-name : fadeInLeft;
    -moz-animation-name    : fadeInLeft;
    -o-animation-name      : fadeInLeft;
    animation-name         : fadeInLeft;
    }

.grow img {
    transition : all .2s ease-in-out;
    }

.grow:hover img {
    transform : scale(1.1);
    }

a:hover .grow img {
    transform : scale(1.1);
    }

/* == GLOBAL == */
html {
    background : #eee;
    height     : 100%;
    }

body {
    background : #fff;
    position   : relative;
    padding    : 0 !important;
    }

a, .nav-pills li a, .btn, .res, .face, .timeline-badge {
    transition : background 0.3s ease-out, color 0.3s ease-out, border-color 0.3s ease-out, border-width 0.1s ease-in-out;
    }

a .glyphicon-new-window {
    font-size      : 9px;
    vertical-align : super;
    }

#navbar .dropdown-menu {
    -webkit-animation : fadeIn .3s;
    animation         : fadeIn .3s;
    }

.faces-of-peace .face-desc {
    -webkit-animation : fadeInLeft .5s;
    animation         : fadeInLeft .5s;
    }

.btn, .post-edit-link {
    background     : #338fba;
    color          : #fff;
    text-transform : uppercase;
    font-weight    : 300;
    font-size      : 12px;
    letter-spacing : 1px;
    padding        : 11px 15px;
    border-radius  : 0px;
    border         : none;
    border-left    : 5px solid #1a5f89;
    border-radius  : 2px;
    min-width      : 150px;
    }
	
.post-subs-link {
    background     : #0072BC;
    color          : #fff;
    text-transform : uppercase;
    font-weight    : 300;
    font-size      : 12px;
    letter-spacing : 1px;
    padding        : 11px 15px;
    border-radius  : 0px;
    border         : none;
    border-left    : 5px solid #5BCAF4;
    border-radius  : 2px;
    min-width      : 150px;
    }	
	

.post-edit-link {
    display       : inline-block;
    margin-bottom : 10px;
    }
	
.post-subs-link {
    display       : inline-block;
    margin-bottom : 10px;
    }	

.post-edit-link:hover, .post-edit-link:focus {
    text-decoration   : none;
    color             : #fff;
    border-left-width : 20px;
    }

.post-subs-link:hover, .post-subs-link:focus {
    text-decoration   : none;
    color             : #fff;
    border-left-width : 20px;
    }	

.btn:hover, .btn:focus { /* background:#3FA9DB; */
    color             : #fff;
    border-left-width : 20px;
    padding           : 11px 0;
    }

.btn:after, .post-edit-link:after {
    font        : normal normal normal 14px/1 FontAwesome;
    display     : inline-block;
    content     : "\f105";
    margin-left : 10px;
    font-size   : 14px;
    }
	
.btn:after, .post-subs-link:after {
    font        : normal normal normal 14px/1 FontAwesome;
    display     : inline-block;
    content     : "\f105";
    margin-left : 10px;
    font-size   : 14px;
    }	

.btn-default {
    border-left : 5px solid #999;
    }

.btn-download {
    padding        : 11px 10px;
    letter-spacing : normal;
    }

.btn-download:hover {
    padding : 11px 0;
    }

.btn-download:after {
    content : '';
    }

.btn-download:before, .download:before {
    font         : normal normal normal 14px/1 FontAwesome;
    display      : inline-block;
    content      : "\f019";
    margin-right : 10px;
    }

.btn-video {
    padding        : 11px 10px;
    letter-spacing : normal;
    }

.btn-video:hover {
    padding : 11px 0;
    }

.btn-video:after {
    content : '';
    }

.btn-video:before {
    font         : normal normal normal 14px/1 FontAwesome;
    display      : inline-block;
    content      : "\F16A";
    margin-right : 10px;
    }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background : transparent;
    }

.download {
    font-size : 14px;
    }

.form-control {
    border-radius : 3px;
    }

select.form-control {
    padding : 6px 28px 6px 12px
    }

select.form-control option {
    padding : 10px;
    }

select.form-control option.level-1 {
    padding-left : 20px;
    }

select.form-control option.level-2 {
    padding-left : 30px;
    }

/* == HEADER == */
#searchbar {
    background : #eee;
    padding    : 10px 0;
    display    : none;
    }

#searchbar > div {
    padding : 0;
    }

.nav > li > a:focus {
    background : transparent;
    }

.nav > li > a.active {
    background : #eee;
    }

.navbar-brand {
    padding  : 5px 0 0;
    z-index  : 250;
    position : relative;
    }

.navbar-brand img {
    max-height : 90px;
    }

.header.shrink .navbar-brand {
    position : fixed;
    }

.header.shrink .navbar-brand img {
    max-height : 48px;
    }

header {
    background : #fff;
    position   : relative;
    }

header .nav {
    font-size   : 14px;
    font-weight : 300;
    }

header .nav a {
    color       : #555;
    font-weight : 300;
    }

header .menu-item-has-children {
    padding : 12px 6px;
    }

header .menu-item-has-children:hover > a {
    border-color : rgb(238, 238, 238);
    background   : rgb(238, 238, 238);
    }

header .menu-item-has-children > a {
    border        : 1px solid #d0d0d0;
    border-radius : 3px;
    padding       : 3px 10px;
    }

header .caret {
    margin-left : 5px;
    }

header .dropdown-menu {
    border-radius : 3px;
    margin        : -13px 6px 0 !important;
    background    : rgb(238, 238, 238);
    border        : 0;
    min-width     : inherit;
    }

header .dropdown-menu a {
    caption-side : #7b8288;
    }

#navbar {
    font-size      : 16px;
    text-transform : uppercase;
    font-weight    : 300;
    padding        : 0;
    float          : right;
    }

.navbar {
    background : #fff;
    margin     : 0;
    border     : none;
    margin-top : -50px;
    padding    : 0;
    z-index    : 200;
    width      : 100%;
    }

.navbar.affix {
    top        : 0;
    margin-top : 0;
    box-shadow : 0 0 3px rgba(0, 0, 0, .5);
    }

#navbar > ul > li > a {
    padding : 20px 15px;
    }

#navbar a {
    color       : #333;
    font-weight : 300;
    }

#navbar a:hover, .nav a:hover {
    color : #5d8dbb;
    }

#navbar .caret {
    display : none;
    }

#navbar .dropdown-menu {
    border : none;
    }

#navbar .dropdown-menu a .caret { /* display: none !important; */
    }

#navbar .dropdown-menu .dropdown-menu {
    margin-top : 56px; /* text-align: right; */
    background : rgba(255, 255, 255, .85);
    }

.submenu {
    background    : #f8f9fa;
    padding       : 10px;
    margin-top    : -19px;
    margin-bottom : 30px;
    margin-left   : 15px;
    margin-right  : 15px;
    text-align    : right;
    }

.submenu > li {
    vertical-align : middle;
    display        : inline-table;
    }

.filters {
    min-height  : 45px;
    clear       : both;
    margin-left : -3px;
    }

.filters li {
    padding : 2px;
    display : block;
    float   : left;
    }

.filters input { /* height: 32px; */
    margin-right : 0;
    }

.filters select {
    width : 200px;
    }

.filters .btn-default {
    background : #f8f9fa;
    color      : #999;
    }

.view-mode.active a {
    background : #f8f9fa;
    padding    : 6px;
    }

.pull-right .breadcrumb li:before {
    content : '';
    display : none;
    }

.pull-right .breadcrumb {
    margin-top : -57px;
    position   : absolute;
    right      : 15px;
    text-align : right;
    }

.pull-right .breadcrumb > li {
    vertical-align : middle;
    }

.pull-right .breadcrumb input {
    height : 32px;
    }

.pull-right .breadcrumb .glyphicon {
    font-size : 25px;
    }

.pull-right .breadcrumb .view-mode a {
    display     : block;
    margin-left : 5px;
    }

.breadcrumb-wrapper {
    text-align    : left;
    border-bottom : 1px dotted #efefef;
    }

.breadcrumb-wrapper .container {
    position : relative;
    }

.breadcrumb {
    background    : transparent;
    font-size     : 14px;
    color         : #bbb;
    border-radius : 0;
    padding       : 15px 0 17px;
    margin        : 0;
    }

.breadcrumb > li + li:before {
    padding   : 0 5px;
    color     : #ccc;
    content   : "\203A \00a0";
    font-size : 18px;
    }

.region {
    text-align    : center;
    min-height    : 160px;
    padding-top   : 20px;
    margin-top    : 20px;
    margin-bottom : 30px;
    }

.region .title {
    color          : #666;
    font-size      : 18px;
    letter-spacing : 0;
    margin-bottom  : 20px;
    }

.region.global, .nav-pills .global {
    background-image : url(../img/region-global.png);
    }

.region.latinoamerica, .nav-pills .latinoamerica {
    background-image : url(../img/region-latinoamerica.png);
    }

.region.africa, .nav-pills .africa {
    background-image : url(../img/region-africa.png);
    }

.region.middleeast, .nav-pills .asia {
    background-image : url(../img/region-asia.png);
    }

.region.europe, .nav-pills .europe {
    background-image : url(../img/region-europe.png);
    }

.region.middleeast, .nav-pills .sweden {
    background-image : url(../img/region-sweden.png);
    }

.nav-pills li a {
    text-transform : uppercase;
    padding        : 15px 0px;
    }

.nav-pills li a:hover {
    background : transparent;
    }

.nav-pills li {
    vertical-align      : middle;
    background-size     : contain;
    background-position : center center;
    background-repeat   : no-repeat;
    transition          : all 3s ease-in;
    margin-bottom       : 10px;
    }

.nav-pills li:hover {
    background-size : cover;
    }

.interpeace-website {
    padding   : 0px 50px;
    font-size : 14px;
    }

.interpeace-website a {
    text-transform : none !important;
    color          : #338fba;
    display        : block;
    }

.colored a, .colored a:hover {
    color  : inherit;
    cursor : default;
    }

.colored:hover {
    background : transparent !important;
    }

/* -- carousel -- */
.carousel-fade .carousel-inner .item {
    opacity                     : 0;
    -webkit-transition-property : opacity;
    transition-property         : opacity;
    }

.carousel-fade .carousel-inner .active {
    opacity : 1;
    }

.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    left    : 0;
    opacity : 0;
    z-index : 1;
    }

.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity : 1;
    }

.carousel-fade .carousel-control {
    z-index : 2;
    }

.carousel-inner .item img {
    }

.hero .carousel-caption {
    background    : rgba(255, 255, 255, .8);
    text-shadow   : none;
    color         : #666;
    width         : 40%;
    left          : 5%;
    padding       : 20px;
    text-align    : left;
    margin-bottom : 30px;
    z-index       : 20;
    }

.hero .carousel-caption:hover {
    background : rgba(255, 255, 255, 1);
    }

.hero .carousel-caption .title {
    color       : #333;
    font-size   : 24px;
    font-weight : 400;
    margin-top  : 0;
    }

.hero .carousel-caption a {
    text-decoration : none;
    }

.hero .carousel-caption .date {
    font-size : 16px;
    margin    : 0;
    }

.hero .carousel-caption .more {
    position : absolute;
    right    : 20px;
    }

.hero .carousel-caption .more a { /* min-width: 150px; */
    }

.carousel-indicators li {
    border-radius : 2px;
    opacity       : .8;
    }

.carousel-indicators li:hover {
    opacity : 1;
    }

.hero .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    background : url(../img/carousel-control-left.png) no-repeat;
    width      : 45px;
    height     : 45px;
    }

.hero .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    background : url(../img/carousel-control-right.png) no-repeat;
    width      : 45px;
    height     : 45px;
    }

.glyphicon-chevron-right:before, .glyphicon-chevron-left:before {
    content : '';
    }

a.carousel-control, .carousel-control.left, .carousel-control.right, a.carousel-control:hover {
    background-image : none;
    background       : transparent;
    filter           : none;
    }

.hero .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left : -55px;
    margin-top  : -25px;
    }

.hero .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right : -55px;
    margin-top   : -25px;
    }

.hero .carousel-control {
    opacity : .8;
    }

.hero .carousel-control:hover {
    opacity : 1;
    }

.hero, section.faces-of-peace .container {
    padding   : 0;
    width     : 100%;
    width : 100% !important;
    overflow  : hidden;
    }

.hero-small {
    position            : relative;
    background-repeat   : no-repeat;
    background-position : center center;
    min-height          : 180px;
    background-image    : url(../img/hero.png);
    z-index             : 2;
    }

.hero-small h1 {
    font-size      : 30px;
    color          : #fff;
    letter-spacing : 2px;
    text-transform : uppercase;
    padding        : 50px 0;
    }

.modal-content iframe {
    min-height : 420px;
    }

.document-copy-url {
    border        : 1px solid #fff;
    border-radius : 3px;
    display       : inline-block;
    font-weight   : 300;
    width         : 270px;
    }

.tooltip .tooltip-inner,
.modal-content input {
    width     : 270px !important;
    max-width : 270px;
| font-size: 12 px !important;

    }

.tooltip .tooltip-arrow {
    border-bottom-color : #1a5f89 !important;
    }

/* -- sections -- */
.home section .title, .page-template-template-home section .title {
    text-align : center;
    }

.home section h1.title {
    margin-bottom : 40px;
    margin-top    : 20px;
    }

.home section article.resource {
    min-height : 70px;
    }

section.alt {
    background : #f8f9fa;
    }

section.highlight {
    background : none;
    color      : #828a99;
    }

section.highlight .container {
    padding   : 0;
    width     : 100%;
    max-width : 1280px;
    overflow  : hidden;
    }

section.highlight img {
    height     : 100%;
    max-height : 95px;
    }

section.highlight .title {
    color : #828a99;
    }

section.highlight .image-description {
    bottom           : 50px;
    right            : 15px;
    font-size        : 20px;
    color            : #fff;
    background-color : #338fba;
    min-width        : 300px;
    max-height       : 80px;
    display          : inline-block;
    padding          : 5px 10px;
    position         : absolute;
    z-index          : 10;
    max-width        : 70%;
    }

section.highlight .image-description h2 {
    display        : block;
    padding-top    : 0px;
    text-align     : right;
    width          : auto;
    word-spacing   : 4px;
    font-weight    : bold;
    letter-spacing : 1px;
    font-size      : 17px;
    text-transform : uppercase;
    margin-top     : 0px;
    color          : #fff !important;
    margin-top     : 5px;
    }

section.highlight .image-description h2:hover {
    display        : block;
    padding-top    : 0px;
    text-align     : right;
    width          : auto;
    word-spacing   : 4px;
    font-weight    : bold;
    letter-spacing : 1px;
    font-size      : 17px;
    text-transform : uppercase;
    margin-top     : 0px;
    color          : #fff !important;
    margin-top     : 5px;
    }

section.highlight .image-description h3 {
    font-size      : 14px;
    text-align     : right;
    margin-top     : 0px;
    letter-spacing : 1px;
    word-spacing   : 4px;
    }

section.highlight .image-description h3:before {
    content         : "\f017";
    font-family     : FontAwesome;
    font-style      : normal;
    font-weight     : normal;
    text-decoration : inherit;
    padding-right   : 7px;
    }

section.highlight .image-description i {
    font-size     : 40px;
    float         : left;
    padding-top   : 15px;
    padding-left  : 10px;
    padding-right : 20px;
    }

section.highlight a h2, section.highlight a:hover h2 {
    color : #828a99 !important;
    }

section.highlight article {
    text-align  : left;
    font-size   : 14px;
    font-weight : 300;
    }

section.highlight article .title {
    text-align    : left;
    font-size     : 14px;
    margin-bottom : 5px;
    }

section.highlight article.featured .title {
    font-size     : 18px;
    margin-bottom : 15px;
    }

section.highlight .more a {
    border     : 2px solid #828a99;
    min-width  : 200px;
    margin-top : 10px;
    padding    : 9px 15px;
    }

section.highlight .more a:hover {
    background : rgba(255, 255, 255, .25);
    }

section.highlight .see-all a {
    color       : #828a99;
    font-size   : 20px;
    font-weight : 300;
    }

section.highlight .small-article-images {
    position      : relative;
    width         : 40%;
    display       : inline-block;
    float         : left;
    margin-bottom : 15px;
    }

section.highlight .small-article-description {
    width          : 60%;
    display        : inline-block;
    float          : left;
    padding-left   : 15px;
    letter-spacing : 1px;
    word-spacing   : 5px;
    }

section.highlight .left-latest-article {
    height          : 315px !important;
    background-size : cover;
    }

section.highlight .small-article-pdf-sign {
    position         : absolute;
    padding          : 5px;
    left             : 26px;
    background-color : #338fba;
    }

section.highlight .small-article-pdf-sign i {
    color : white;
    }

section.highlight .small-article-description h2 {
    font-size     : 14px;
    margin-top    : 0;
    color         : #4998bf !important;
    font-weight   : bold;
    margin-bottom : 5px;
    }

section.highlight .small-article-description p {
    font-size   : 12px;
    margin-top  : 0;
    color       : #555;
    font-weight : bold;
    line-height : 1.3;
    }

section.highlight .small-article-description h3 a {
    font-size   : 10px;
    font-weight : bold;
    margin-top  : 0;
    color       : #c9c9c9;
    position    : absolute;
    bottom      : 15px;
    }

section.highlight .small-article-description h3 a:before {
    content         : "\f017";
    font-family     : FontAwesome;
    font-style      : normal;
    font-weight     : bold;
    text-decoration : inherit;
    padding-right   : 7px;
    }

section {
    font-size : 16px;
    color     : #666;
    padding   : 20px 0;
    position  : relative;
    }

section .title {
    color          : #828a99;
    text-transform : uppercase;
    letter-spacing : 2px;
    font-size      : 30px;
    }

section .see-all {
    clear      : both;
    /*padding    : 30px 0 0;*/
	padding    : 0;
    text-align : center;
    position   : relative;
    z-index    : 5;
	font-size: 20px
    /*margin-top : 20px;*/
    }

section .see-all a {
    color : #338fba;
    }

section .see-all a .glyphicon {
    font-size   : 20px;
    margin-left : 10px;
    }

section.objectives .title {
    font-size : 24px;
    }

section.objectives {
    padding-bottom : 50px;
    text-align     : center;
    font-weight    : 300;
    border-bottom  : 1px solid #e4e6eb;
    border-top     : 1px solid #e4e6eb;
    margin-bottom  : 0; /* margin-bottom: 50px; */
    }

section.objectives .container { /* height: 130px; overflow: hidden;transition:height 0.3s; */
    }

section.objectives .container.expanded { /* height: 160px; */
    }

#pull-more {
    position    : absolute;
    margin-top  : 50px;
    left        : 50%;
    margin-left : -75px;
    z-index     : 100;
    background  : #fff;
    }

#pull-more .btn {
    background              : #fff;
    color                   : #a6abb5;
    border                  : 1px solid;
    border-color            : #e4e6eb;
    border-top-left-radius  : 0;
    border-top-right-radius : 0;
    background              : url(../img/arrow-down.png) no-repeat center 25px;
    padding-bottom          : 15px;
    }

#pull-more .btn:hover {
    color        : #495160;
    border-color : #a6abb5;
    }

#pull-more .btn:after {
    content : '';
    }

section.what-we-do {
    padding-top : 60px;
    }

section.what-we-do .item {
    text-align    : center;
    min-height    : 160px;
    margin-bottom : 30px;
    }

section.what-we-do .item .title {
    font-size      : 18px;
    letter-spacing : 0;
    font-weight    : 400;
    margin-top     : 0;
    }

section.what-we-do .item a {
    text-decoration : none;
    }

section.what-we-do article {
    position      : relative;
    color         : #828a99;
    background    : #f8f9fa;
    padding       : 30px 30px 50px;
    border-radius : 3px;
    border        : 1px solid #e4e6eb;
    margin-bottom : 50px;
    min-height    : 250px;
    }

section.what-we-do article img {
    max-height : 120px;
    }

.item article .more {
    margin-top    : 40px;
    margin-bottom : -70px;
    }

.what-we-do .item article .more {
    width      : 100%;
    text-align : center;
    position   : absolute;
    bottom     : -40px;
    left       : 0;
    margin     : 20px 0;
    }

section.latest-news .title {
    margin-bottom : 40px;
    }

section.latest-news .img {
    overflow : hidden;
    }

section.latest-news a:hover {
    text-decoration : none;
    }

section.latest-news article:hover h2 {
    color : #338fba
    }

section.latest-news .container {
    padding-left  : 0px;
    padding-right : 0px;
    }

.latest-news article {
    border-radius : 3px;
    position      : relative;
    margin-bottom : 60px;
    border        : 1px solid #e4e6eb;
    background    : #fff;
    }

.latest-news .label-programas {
    text-transform : uppercase;
    color          : #ccc;
    font-weight    : 300;
    font-size      : 12px;
    }

.last article {
    min-height : 500px;
    }

.latest-news .col-md-6 article .meta {
    padding : 20px 10px
    }

.latest-news article .img img {
    width : 100%;
    }

/*.latest-news .col-md-6 article .img{
	max-height: 380px;
}*/
.latest-news .col-md-6 article .img {
    max-height : 280px;
    }

.latest-news article .meta {
    background : #fff;
    padding    : 10px;
    }

.latest-news .col-md-6 article,
.latest-news .col-md-3 article {
    min-height : 350px;
    }

.resources-section .col-md-3 article {
    min-height : 400px;
    }

.latest-news.list .col-md-3 article, .latest-news.list article .img {
    min-height : inherit;
    }

.latest-news.where-we-work .col-md-3 article {
    min-height : 0px;
    }

.latest-news article .date, .modal-content .date, .rsi .date, .timeline .date {
    position                   : absolute;
    top                        : 0;
    left                       : 20px;
    background                 : #338fba;
    color                      : #fff;
    width                      : 60px;
    border-bottom-left-radius  : 5px;
    border-bottom-right-radius : 5px;
    font-size                  : 12px;
    padding                    : 10px 5px 5px;
    letter-spacing             : 0;
    font-weight                : 300;
    text-align                 : center;
    line-height                : 15px;
    text-transform             : uppercase;
    }

.modal-content .date {
    padding : 0 5px;
    }

.rsi .date {
    left : 30px;
    }

.latest-news article .date span, .modal-content .date span, .rsi .date span {
    font-size : 24px;
    }

.latest-news article .date .fa, .modal-content .date .fa, .rsi .date .fa {
    font-size : 24px;
    margin    : 10px 0 17px;
    }

.latest-news article .title {
    font-size      : 19px;
    text-align     : left;
    letter-spacing : normal;
    text-transform : none;
    margin-top     : 0;
    margin-bottom  : 10px;
    max-height     : 3.2em;
    //max-height     : 100px;

    overflow       : hidden;
    text-overflow  : ellipsis;
    }

.latest-news.resources-section article .title {
    max-height : 3.2em;
    }

.latest-news article .category {
    color     : #b0bacd;
    font-size : 13px;
    }

.country {
    font-weight : 400;
    }

.resource-region {
    text-transform : uppercase;
    font-size      : 12px !important;
    }

article p.position {
    color     : #338fba;
    font-size : 18px;
    }

article h2.title, article h2.title a, article h2.title a:active {
    color           : #495160 /* #828a99 */;
    font-weight     : 400;
    text-decoration : none;
    }

article:hover h2.title a {
    color : #338fba;
    }

article .category a {
    color   : #828a99;
    opacity : .75;
    }

.resources-section article h2.title a, .resources-section article h2.title a:active {
    font-weight : 400;
    }

.latest-news article .more {
    position    : absolute;
    left        : 50%;
    margin-left : -75px;
    bottom      : -56px;
    }

.latest-news p.excerpt {
    display : none;
    }

.latest-news.list article {
    margin-bottom : 10px;
    }

.latest-news.list .title {
    font-size : 21px;
    }

.latest-news.list .img {
    float        : left;
    width        : 200px; /*  20%; */
    top          : 0;
    margin-right : 20px;
    }

.latest-news.list p.excerpt {
    display : inherit;
    }

.latest-news.list .col-md-3, .latest-news.list .col-md-6 {
    width : 100%;
    }

.latest-news.list .more {
    position : inherit;
    margin   : 0;
    }

.latest-news.list .meta {
    padding : 10px 20px 0;
    }

.latest-news.list .meta:after {
    content : '';
    clear   : both;
    display : block;
    }

#caption {
    padding : 0;
    }

.caption p {
    margin : 0;
    }

.caption {
    font-size : 12px;
    color     : #333;
    padding   : 5px 0;
    margin    : 0;
    }

.single-programme .caption {
    font-size  : 12px;
    color      : #fff;
    padding    : 5px 10px;
    margin     : 0;
    /*
  background: -webkit-linear-gradient(-90deg, rgba(255,255,255,0) 0, rgba(0,0,0,.75) 100%);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(0,0,0,.75) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(0,0,0,.75) 100%);
*/
    background : #333;
    right      : 15px;
    left       : 15px;
    }

.more_link {

    display    : block;
    margin     : 0 auto;
    width      : 200px;
    border-top : solid red !important;
    text-align : center;
    }

.more_link a {
    color : #338fba !important;
    }

.more_link a span {
    font-size : 10px;
    }

.more_link a:hover {
    color           : #338fba !important;
    text-decoration : underline !important;
    }

.page-template-template-boxed .latest-news article h2.title, .page-template-template-boxed-right-sidebar .latest-news article h2.title {
    text-transform : uppercase;
    font-size      : 18px;
    }

.page-template-template-boxed .latest-news article, .page-template-template-boxed-right-sidebar .latest-news article {
    background-color : #f8f9fa;
    }

.page-template-template-boxed .latest-news article .meta, .page-template-template-boxed-right-sidebar .latest-news article .meta {
    font-weight : 200;
    background  : transparent;
    font-size   : 14px;
    line-height : 1.5;
    min-height  : 220px;
    }

.page-template-template-boxed-right-sidebar .row-fluid {
    margin-left  : -5px;
    margin-right : -5px;
    margin-top   : 20px;
    }

.page-template-template-boxed-right-sidebar .latest-news .col-md-3 {
    padding-left  : 5px;
    padding-right : 5px;
    }

.page-template-template-boxed-right-sidebar .latest-news article {
    margin-bottom : 10px !important;
    min-height    : 300px;
    }

.page-template-template-boxed-right-sidebar .latest-news article .img {
    min-height : 130px;
    }

.page-template-template-boxed-right-sidebar .latest-news article .meta {
    min-height : 150px;
    }

.contact .latest-news article {
    min-height : 500px;
    }

/* hack for peace-day-activities */
.parent-pageid-564.page-template-template-boxed .latest-news article {
    min-height : 550px;
    }

.faces-of-peace {
    padding-bottom : 40px;
    }

.faces-of-peace .face, .leaders .face {
    padding    : 0;
    background : #000
    }

.faces-of-peace .face-desc, .leaders .face-desc {
    text-align  : center;
    line-height : normal;
    font-size   : 14px;
    font-weight : 300;
    background  : #fff;
    min-height  : 288px;
    }

.faces-of-peace .face-desc {
    display  : none;
    position : absolute;
    top      : 0;
    left     : 100%;
    z-index  : 100;
    width    : 100%;
    padding  : 10px;
    height   : 100%;
    }

.faces-of-peace .face-desc.face-desc-right {
    left : -100%;
    }

.faces-of-peace .face-desc.face-desc-right .caret {
    left          : auto;
    right         : -20px;
    border-bottom : 10px solid transparent;
    border-top    : 10px solid transparent;
    border-right  : 10px solid transparent !important;
    border-left   : 10px solid #fff !important;
    }

.faces-of-peace article.face:hover .face-desc {
    display : block;
    }

.leaders, .page-template-template-boxed .latest-news, .page-template-template-boxed-right-sidebar .latest-news {
    margin-top : -40px;
    }

.page-template-template-boxed .latest-news article, .page-template-template-boxed-right-sidebar .latest-news article {
    margin-bottom : 30px;
    }

.leaders hr {
    display : block;
    clear   : both;
    margin  : 50px 15px 30px;
    }

.leaders .face-desc {
    min-height : 180px;
    border     : 1px solid #e4e6eb;
    background : #f8f9fa;
    }

.leaders .face {
    margin-bottom : 30px;
    }

.leaders .face-desc .title a, .leaders .face-desc .title a:hover {
    color           : #828a99;
    text-decoration : none;
    }

.leaders .active, .leaders .face-desc {
    margin-bottom : 30px;
    }

.leaders .container {
    padding : 0;
    }

.council .face-desc, .council .face-desc .title {
    text-align : left;
    }

.council .face-desc {
    border-top : 1px solid #e4e6eb;
    }

.leaders .face-desc .caret {
    display : none;
    }

.col-lg-6 .face-desc {
    min-height : 278px;
    }

.get-involved .latest-news article .meta {
    min-height : 290px;
    }

.desc-left, .desc-left h2.title {
    text-align : left;
    margin-top : 15px;
    }

.face-desc .title {
    font-size      : 18px;
    color          : #828a99;
    letter-spacing : 0;
    font-weight    : 400;
    line-height    : 1.25;
    }

.face-desc .position, h4.position {
    font-size      : 14px;
    color          : #338fba;
    text-transform : uppercase;
    font-weight    : 400;
    margin-top     : 0px;
    }

.faces-of-peace article.face .name {
    position       : absolute;
    bottom         : 10px;
    color          : #fff;
    font-weight    : #fff;
    text-align     : center;
    width          : 100%;
    text-transform : uppercase;
    font-size      : 14px;
    }

.faces-of-peace article.face:hover .name {
    display : none;
    }

.face-desc .btn {
    margin-top : 10px;
    }

.face-desc .caret {
    display        : inline-block;
    width          : 0;
    height         : 0;
    vertical-align : middle;
    color          : #fff;
    border-bottom  : 10px solid transparent;
    border-top     : 10px solid transparent;
    border-right   : 10px solid;
    border-left    : 10px solid transparent;
    left           : -10px;
    top            : 20px;
    position       : absolute;
    margin-left    : -10px;
    text-align     : center;
    z-index        : 100;
    }

.faces-of-peace .face.active img {
    opacity : 1;
    }

.faces-of-peace .face img {
    width   : 100%;
    height  : auto;
    opacity : .5;
    }

.faces-of-peace .face:hover img {
    opacity : 1;
    }

.member-nav {
    margin-top : 10px;
    }

.member-nav li {
    padding      : 0;
    margin-right : 10px !important;
    }

.member-nav a {
    padding       : 10px 15px !important;
    border-radius : 3px !important;
    background    : #f4f4f4;
    }

.member-nav a:hover {
    background      : #f8f9fa !important;
    text-decoration : none;
    }

.btn-bio {
    width         : 100%;
    margin-bottom : 15px;
    }

.btn-bio:after {
    content : '';
    }

.face-desc .btn-bio {
    width    : 180px;
    position : absolute;
    bottom   : 5px;
    }

.resources .featured h2 {
    background   : url(../img/icon-page-pdf.png) no-repeat 0 0;
    padding-left : 40px;
    }

.resources .featured {
    background : transparent;
    padding    : 0;
    }

.resources a {
    color           : #fff;
    text-decoration : none;
    }

.res {
    border-radius : 3px;
    }

.res:hover {
    background : #1a5f89;
    }

.resources article {
    background   : url(../img/icon-page-pdf.png) no-repeat 0 0;
    padding-left : 40px;
    }

.resources article.video {
    background : url(../img/icon-video.png) no-repeat 0 0;
    }

#world-map {
    margin    : 0px;
    width     : 100%;
    max-width : auto; /* opacity: .5; */
    }

.map {
    position      : relative;
    margin-bottom : 0px;
    }

.map .dot {
    display       : block;
    position      : absolute;
    border-radius : 50%;
    height        : 12px;
    width         : 12px;
    background    : #fff;
    border        : 4px solid #999;
    box-shadow    : 0 0 0 7px rgba(0, 0, 0, .5);
    }

.map a {
    display : block;
    }

.dot.office {
    border     : 4px solid #002b5c /* #1A5F89 */;
    box-shadow : 0 0 0 7px rgba(0, 43, 92, .5);
    }

.dot.ipat {
    border     : 4px solid #338fba;
    box-shadow : 0 0 0 7px rgba(51, 143, 186, .5);
    }

.dot.active {
    border     : 4px solid #da5f63;
    box-shadow : 0 0 0 7px rgba(218, 95, 99, .5);
    }

.dot.past {
    border     : 4px solid #c98f5b;
    box-shadow : 0 0 0 7px rgba(201, 143, 91, .5);
    }

.tooltip-inner {
    padding        : 10px;
    text-transform : uppercase;
    background     : #1a5f89;
    color          : #fff;
    font-size      : 13px;
    }

.tooltip-arrow {
    border-top-color : #1a5f89 !important;
    }

.legend {
    position    : absolute;
    margin-top  : -110px;
    margin-left : 20px;
    }

.legend:after {
    content : '';
    display : block;
    clear   : both;
    }

.legend div {
    display        : inline;
    position       : relative;
    float          : left;
    color          : #666;
    text-transform : uppercase;
    font-size      : 14px;
    margin-bottom  : 10px;
    font-weight    : 200;
    }

.legend .dot {
    clear    : both;
    margin   : 3px;
    position : relative;
    }

.latest-tweets .carousel-control .glyphicon-chevron-left, .latest-tweets .carousel-control .icon-prev {
    margin-left : 0px;
    margin-top  : -55px;
    }

.latest-tweets .carousel-control .glyphicon-chevron-right, .latest-tweets .carousel-control .icon-next {
    margin-right : 0px;
    margin-top   : -55px;
    }

.latest-tweets .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    background : url(../img/carousel-control-left-alt.png) no-repeat;
    width      : 45px;
    height     : 45px;
    }

.latest-tweets .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    background : url(../img/carousel-control-right-alt.png) no-repeat;
    width      : 45px;
    height     : 45px;
    }

.tweet {
    font-size   : 18px;
    width       : 70%;
    margin-left : 15%;
    color       : #828a99;
    margin      : 0 auto; /* padding-left: 65px; */ /* background: url(../img/tweet.png) 0 0 no-repeat; */
    text-align  : center;
    }

.twitter-acc a, .twitter-acc {
    text-align : center;
    color      : #338fba;
    }

.twitter-acc {
    margin-bottom : 20px;
    }

.twitter-acc i {
    font-size  : 36px;
    margin-top : 10px;
    }

.twitter-date {
    font-size  : 15px;
    color      : #aab4c0;
    text-align : center;
    }

.get-involved-section {
    text-align : center;
    color      : #aab4c0;
    }

.get-involved-section h2.title {
    color          : #495160;
    font-size      : 16px;
    letter-spacing : 1px;
    font-weight    : 400;
    }

.get-involved-section .see-all {
    padding : 0;
    }

.get-involved-section .row-fluid {
    margin : 50px auto;
    }

.jobs-newsletter section .title {
    font-size      : 24px;
    text-transform : none;
    letter-spacing : normal;
    text-align     : left;
    margin-bottom  : 10px;
    margin-top     : 0;
    }

.jobs-newsletter section .title span {
    font-size : 18px;
    }

.jobs-newsletter section a {
    color           : #fff;
    text-decoration : none;
    }

.jobs-newsletter section.jobs { /* padding-left: 5%; */
    text-transform : uppercase;
    font-weight    : 300;
    font-size      : 12px;
    width          : 34%;
    background     : #338fba;
    }

.jobs-newsletter section.jobs p span {
    float : right;
    }

.jobs-newsletter section.newsletter, .form {
    font-size : 14px;
    }

.jobs-newsletter section.newsletter {
    box-shadow      : inset 0 0 0 1000px rgba(48, 114, 145, 0.6);
    background-size : cover !important;
    width           : 64%;
    margin-left     : 2%;
    padding         : 42px 20px 32px;
    }

.jobs-newsletter section .title {
    font-size      : 24px;
    text-transform : none;
    letter-spacing : normal;
    text-align     : left;
    margin-bottom  : 10px;
    margin-top     : 0;
    color          : #fff;
    }

.jobs-newsletter section.newsletter p {
    color          : #fff;
    font-size      : 18px;
    line-height    : 21px;
    margin-bottom  : 37px;
    letter-spacing : 2px;
    font-weight    : 300;
    }

.jobs-newsletter .newsletter {
    text-align : center;
    }

.jobs-newsletter .newsletter .title {
    font-size      : 23px;
    line-height    : 26px;
    letter-spacing : 2px;
    margin-bottom  : 25px;
    font-weight    : 400;
    text-transform : uppercase;
    text-align     : center;
    }

.jobs-newsletter section.newsletter .form-group input {
    border             : 1px solid #ccc;
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
    height             : 40px;
    text-transform     : none;
    }

.jobs-newsletter section.newsletter .form-group input::-webkit-input-placeholder,
.newsletter-section .content-wrapper input::-webkit-input-placeholder {
    text-transform : uppercase;
    }

.jobs-newsletter section.newsletter .form-group input:-moz-placeholder,
.newsletter-section .content-wrapper input:-moz-placeholder {
    text-transform : uppercase;
    }

.jobs-newsletter section.newsletter .form-group input::-moz-placeholder,
.newsletter-section .content-wrapper input::-moz-placeholder {
    text-transform : uppercase;
    }

.jobs-newsletter section.newsletter .form-group input:-ms-input-placeholder,
.newsletter-section .content-wrapper input:-ms-input-placeholder {
    text-transform : uppercase;
    }

.jobs-newsletter section.newsletter .form-group + .form-group + div input {
    height      : 40px;
    padding     : 6px 0;
    font-weight : 400;
    }

.jobs-newsletter section.newsletter .wpcf7-validation-errors {
    margin-top : 10px;
    }

.jobs-newsletter section.newsletter div {
    display        : inline-block;
    vertical-align : top;
    margin         : 0;
    }

.jobs-newsletter section.newsletter input {
    margin-right : 20px;
    max-width    : 200px;
    }

.jobs-newsletter .glyphicon {
    opacity   : .1;
    position  : absolute;
    font-size : 180px;
    top       : 20px;
    right     : 30px;
    z-index   : 0;
    color     : #fff;
    }

.newsletter .glyphicon {
    color : #777;
    }

div.wpcf7-response-output {
    margin : 15px 0 0;
    }

div.wpcf7-validation-errors {
    background : #fcf9ca;
    }

.jobs-newsletter form, .jobs-newsletter .jobs-content {
    position : relative;
    z-index  : 2;
    }

.job-details p {
    margin      : 0;
    font-weight : 200;
    }

.form input {
    }

.form .wpcf7-list-item {
    display : block;
    }

.ajax-loader {
    display : none;
    }

/* -- news -- */
.news-item .title {
    font-size      : 30px;
    text-align     : left !important;
    letter-spacing : normal;
    color          : #495160;
    text-transform : none;
    margin-top     : 0;
    }

.news-item .title a {
    text-decoration : none;
    }

.news-item .category {
    font-size : 14px;
    color     : #b0bacd;
    }

.news-item .category span {
    margin-right : 20px;
    }

.news-item blockquote {
    font-style     : italic;
    font-size      : 18px;
    font-family    : times;
    font-weight    : 100;
    letter-spacing : -.5px;
    padding        : 0 20px 0 40px;
    border-left    : none;
    }

blockquote:before {
    content     : "\201C";
    position    : absolute;
    left        : 0px;
    font-size   : 100px;
    font-family : Time New Roman;
    font-style  : normal;
    margin-top  : -40px;
    color       : #e8eaeb;
    }

.lead {
    font-size : 18px;
    }

.share {
    margin  : 25px 0 0;
    color   : #999;
    height  : 40px;
    display : block;
    color   : #4c515f;
    clear   : both;
    }

.share span {
    float   : left;
    padding : 8px 8px 8px 0;
    }

.share a {
    color         : #4c515f;
    border-radius : 3px;
    height        : 40px;
    width         : 40px;
    padding       : 10px 10px 8px;
    display       : block;
    float         : left;
    margin-right  : 10px;
    text-align    : center;
    }

.share a:hover {
    background : #f8f9fa;
    color      : #4c515f;
    }

.streams {
    margin-left : -15px;
    }

.streams h4 {
    font-weight : 400;
    }

.streams .fb-page {
    margin-top    : 0px;
    margin-bottom : 30px;
    }

#display-latest-tweets-2 { /* display: none; */
    }

.logos .img {
    text-align : center;
    min-height : 110px !important;
    }

.logos article {
    min-height : 240px !important;
    }

/* -- resources alt -- */
.resources-section article.no-image .title {
    font-size : 23px;
    }

.resources-section article.no-image .meta {
    padding-top   : 80px;
    border-radius : 3px !important
    }

.resources-section article {
    background-color  : #f5f5f5;
    background-repeat : no-repeat;
    }

.resources-section article .meta {
    background : transparent;
    }

.resources-section article.no-image {
    background-color    : #f5f5f5;
    background-position : 100px 20px;
    background-repeat   : no-repeat;
    }

.resources-section article.programmes-west-africa, .resources-section article.programmes-eastern-and-central-africa {
    background-image : url(../img/region-africa.png);
    }

.resources-section article.programmes-latin-america {
    background-image : url(../img/region-latinoamerica.png);
    }

.resources-section article.programmes-asia {
    background-image : url(../img/region-asia.png);
    }

.resources-section article.programmes-europe-and-the-middle-east {
    background-image : url(../img/region-europe.png);
    }

.resources-section article.programmes-global-programmes {
    background-image    : url(../img/region-global.png);
    background-position : 30px 0px
    }

.resources-section article.custom {
    background      : #f5f5f5 url(../img/publication-custom.png) center center no-repeat;
    background-size : cover;
    }

.resources-section article.custom .title {
    color : #333;
    }

.resources-section article.custom .category {
    color : #666;
    }

.resources-section.list article .meta {
    padding-top  : 10px;
    padding-left : 100px;
    }

.resources-section.list article .more {
    display : none;
    }

.res-meta span {
    padding : 0 10px 0 0;
    }

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

.modal .glyphicon-new-window, .share .glyphicon-new-window, .download .glyphicon-new-window {
    display : none;
    }

.modal-content {
    box-shadow : none;
    background : transparent;
    border     : 0;
    color      : #fff;
    }

.modal-content img {
    width   : 100%;
    display : block !important;
    }

.modal-content p {
    color : #ddd;
    }

.modal-content .fa-close {
    border   : 1px solid #555;
    position : absolute;
    top      : -50px;
    right    : 0;
    }

.modal-content a, .modal-content .share-link {
    color           : #fff !important;
    text-transform  : uppercase;
    letter-spacing  : 2px;
    text-decoration : none;
    }

.modal-content .extra {
    margin-top : 20px;
    }

.modal-content .fa {
    padding   : 10px;
    font-size : 25px;
    }

.modal-content h2 {
    margin-top    : 0;
    margin-bottom : 20px;
    }

.extra-inpage .link a {
    min-width  : 210px;
    text-align : left;
    }

.extra-inpage .link a:hover {
    padding : 11px 15px;
    }

.extra-inpage .link .glyphicon, .extra-inpage .link a:after {
    display : none;
    }

.extra-inpage .link .fa {
    margin-right : 10px;
    }

.modal-content .link a {
    border         : 2px solid;
    border-radius  : 3px;
    display        : inline-block !important;
    padding-right  : 10px;
    text-transform : uppercase;
    font-weight    : 400;
    padding        : 10px 15px;
    font-size      : 14px;
    width          : 200px;
    text-align     : left;
    border-radius  : 5px;
    }

.share-link i, .link a i {
    margin-right : 0px;
    }

.modal-content .share-link, .modal-content .link a {
    border        : 1px solid #fff;
    border-radius : 3px;
    display       : inline-block;
    padding       : 4px;
    font-weight   : 300;
    width         : 270px;
    }

.modal-content .share-link a {
    border : none;
    }

.modal-dialog {
    margin-top : 10%;
    }

.modal-body {
    padding : 0;
    }

.modal-title {
    display : none;
    }

.modal-header {
    border     : none !important;
    padding    : 0;
    min-height : 0;
    }

.modal-content .link {
    margin-bottom : 20px;
    }

.modal-content .share-link {
    margin-bottom : 15px !important;
    height        : 45px;
    overflow      : hidden;
    }

.share-all .fa {
    margin-bottom : 5px;
    }

.row.extra {
    margin-top : 50px;
    }

.section-related hr {
    margin : 0 15px;
    }

.section-related .more_link .pull-right {
    float : none !important;
    }

.section-related .title {
    font-size     : 21px;
    margin-top    : 40px;
    margin-bottom : 40px;
    text-align    : center;
    }

.extra p {
    height  : 47px;
    display : block;
    }

.share-link .share {
    margin            : 0;
    padding           : 5px 0;
    display           : none;
    height            : 45px;
    -webkit-animation : fadeOut .3s;
    animation         : fadeOut .3s;
    }

.share-link .share a, .share-link .share a:hover {
    padding    : 0;
    height     : auto;
    width      : auto;
    margin     : 0;
    background : transparent;
    }

.modal-content .share .fa {
    font-size : 18px !important;
    padding   : 5px 10px;
    }

.share-link .print {
    display : none;
    }

.share-link:hover .share-all {
    display : none;
    }

.share-link:hover .share {
    display           : block;
    -webkit-animation : fadeIn .3s;
    animation         : fadeIn .3s;
    }

.sidearea {
    background : #f4f4f4; /* float: right; width: 25%; position: absolute; top: 114px; right: 0; padding: 20px 30px; */
    }

.sidearea .children {
    display : none;
    }

.sidearea h3 {
    font-size      : 18px;
    text-transform : uppercase;
    }

.sidearea ul {
    margin     : 0;
    padding    : 0;
    list-style : none;
    }

.sidearea ul .children {
    margin : 20px auto auto 20px;
    }

.sidearea ul .children a {
    color : #999;
    }

.sidearea li {
    font-size     : 16px;
    margin-bottom : 15px;
    }

.sidearea li p {
    margin-bottom : 5px;
    }

.sidearea li .date, .sidearea .post-date {
    font-size : 14px;
    color     : #b0bacd;
    clear     : both;
    display   : block;
    }

.relative {
    position : relative;
    }

.home .where-we-work {
    text-align : center;
    }

.where-we-work .group > .title {
    margin-top    : 0px;
    font-size     : 21px;
    text-align    : left;
    padding       : 20px;
    margin-bottom : 0;
    }
.where-we-work .group.programma {display:none !important;}

.where-we-work .group > .title span {
    margin-top : -10px;
    }

.where-we-work .group.past-programme {
    margin-top : 40px;
    }

.where-we-work hr {
    margin-left   : 15px;
    margin-right  : 15px;
    margin-bottom : 30px;
    margin-top    : 0px;
    }

.where-we-work article .title {
    font-size : 18px;
    margin    : 0;
    padding   : 0;
    }

.where-we-work article.programme {
    margin-bottom : 30px;
    }

.where-we-work .pull-right .btn {
    min-width : 200px;
    }

.partners img {
    background  : #f5f5f5;
    max-width   : 120px;
    max-height  : 70px;
    width       : auto;
    display     : inline-block;
    margin-left : 10px;
    }

.partners {
    margin-top  : 20px;
    padding-top : 20px;
    clear       : both;
    }

.partners table {
    vertical-align : middle;
    }

.partners .glyphicon {
    display : none;
    }

.share {
    margin-bottom : 20px;
    }

.thumbs {
    margin     : 0;
    padding    : 0;
    list-style : none;
    }

.thumbs .col-md-2 {
    margin       : 0;
    padding      : 0;
    margin-top   : 10px;
    margin-right : 10px;
    }

.jobs article {
    margin-bottom : 50px;
    }

.jobs .sidearea { /* top: 54px; */
    padding-bottom : 20px;
    }

.jobs .sidearea input {
    margin-bottom : 10px;
    }

.jobs .sidearea label {
    font-weight : 400;
    }

.jobs .sidearea label input {
    margin-right : 5px;
    }

.jobs .category {
    font-size     : 16px;
    margin-bottom : 0px;
    }

.jobs .category span {
    color : #666;
    }

.jobs .desc {
    margin-top    : 10px;
    margin-bottom : 20px;
    font-weight   : 300;
    }

.jobs .table a {
    color : #338fba;
    }

article.quote {
    background : #f8f9fa;
    }

article.quote .meta {
    border-radius : 3px;
    padding-top   : 80px;
    min-height    : 338px;
    }

article.quote .meta .title {
    font-size  : 21px;
    font-style : italic;
    }

article table[align=left] {
    margin-right : 15px;
    }

article a {
    color : #338fba;
    }

.timeline .more {
    bottom : -20px;
    }

.timeline .category {
    margin : 0;
    }

.timeline .meta {
    min-height : 0 !important;
    }

body.history .news-item {
    background            : url('../img/dotted-world-map-light.jpg') no-repeat center center;
    background-attachment : fixed;
    }

body.historia .news-item {
    background            : url('../img/dotted-world-map-light.jpg') no-repeat center center;
    background-attachment : fixed;
    }

.timeline .row-fluid {
    height      : 400px;
    margin-top  : 400px;
    margin-left : 5%;
    border-top  : 3px solid #00285d;
    }

.timeline .row-fluid > div {
    position : relative;
    width    : 150px;
    }

.timeline .row-fluid > div { /* padding: 30px 0; border-left: 1px solid #DDD; */
    }

.timeline .row-fluid > div:nth-child(odd) article {
    position : absolute;
    bottom   : 10px; /* bottom: 400px; margin-left: -100%; width: 90%; */
    }

.timeline .row-fluid > div:nth-child(even) article {
    position : absolute;
    top      : 60px; /* top:400px;  margin-left: -150%; width: 90%; */
    }

.timeline .row-fluid article {
    left          : -80%;
    max-width     : 180%;
    box-shadow    : 0 0 10px rgba(0, 0, 0, .15);
    border-radius : 3px !important;
    z-index       : 2;
    }

.timeline .row-fluid > div:nth-child(odd) article .year {
    bottom : -80px;
    }

.timeline .row-fluid > div:nth-child(even) article .year {
    top : -50px;
    }

.year {
    display     : block;
    position    : absolute;
    width       : 100%;
    margin-top  : -23px;
    color       : #fff;
    text-align  : left;
    margin-left : 25%;
    z-index     : 2;
    }

.year a {
    background : #00285d;
    padding    : 10px 50px;
    color      : #fff;
    }

.year a:hover, article:hover .year a {
    background : #338fba;
    }

.timeline .row-fluid > div:nth-child(odd) .year:after {
    display     : inline-block;
    height      : 75px;
    width       : 2px;
    background  : #ddd;
    content     : '';
    z-index     : -1;
    position    : relative;
    margin-left : -25%;
    }

.timeline .row-fluid > div:nth-child(even) .year:after {
    display     : block;
    height      : 50px;
    width       : 2px;
    background  : #ddd;
    content     : '';
    z-index     : -1;
    position    : relative;
    margin-left : 25%;
    }

article:hover .year:after {
    background : #338fba !important;
    }

/* == FOOTER == */
.ext-footer {
    background : #002b5c;
    color      : #fff;
    padding    : 50px 0 40px;
    }

.ext-footer h4 {
    text-transform : uppercase;
    font-size      : 19px;
    }

.ext-footer ul {
    margin     : 0;
    padding    : 0;
    margin-top : 20px;
    }

.ext-footer ul ul {
    margin-top : 10px;
    }

.ext-footer li {
    list-style    : none;
    margin-bottom : 10px;
    }

.ext-footer a {
    color          : #fff;
    text-transform : uppercase;
    font-size      : 12px;
    opacity        : .8;
    }

.ext-footer .social-media {
    display    : block;
    height     : 36px;
    font-size  : 14px;
    margin-top : 10px;
    }

.ext-footer .social-media .glyphicon-new-window {
    display : none;
    }

.ext-footer .social-media a {
    background    : #fff;
    color         : #002c5c;
    padding       : 8px 10px 12px;
    border-radius : 50%;
    height        : 36px;
    width         : 36px;
    display       : block;
    float         : left;
    margin-right  : 10px;
    text-align    : center;
    font-size     : 14px;
    }

.ext-footer .social-media a:hover {
    opacity : 1;
    }

.ext-footer .social-media a.linkedin {
    display : none;
    }

.ext-footer .partners {
    margin-top : 0;
    }

.ext-footer .glyphicon {
    display : none;
    }

.socket {
    background : #000;
    color      : #999;
    padding    : 15px 0;
    }

.socket p {
    margin : 0;
    }

.socket a {
    color : #ddd;
    }

.socket .copy {
    margin  : 20px 0;
    opacity : .75;
    }

.socket .copy span {
    margin : 0 5px;
    }

.socket ul {
    float : right;
    }

.socket li a, .socket li a:hover {
    margin         : 0;
    padding        : 0 10px;
    text-transform : none;
    }

.socket li a:hover {
    color : #fff;
    }

.copy-link {
    color : #999 !important;
    }

.copy-link:hover {
    text-decoration : none !important;
    }

.copy-link span {
    color  : #ddd !important;
    cursor : pointer;
    }

.copy-link span:hover {
    text-decoration : underline !important;
    }

/* == UTILITIES == */
.form-inline {
    margin-top    : 0px;
    margin-bottom : 0;
    }

input, select, textarea {
    border         : 1px solid #d6d7d7;
    color          : #676f7d;
    font-size      : 12px !important;
    text-transform : uppercase;
    box-shadow     : none !important;
    }

select.form-control {
    -webkit-appearance : none;
    -moz-appearance    : none;
    background         : url("../img/select-arrow.png") no-repeat center right;
    color              : #999;
    cursor             : pointer;
    }

.form-control {
    height : 40px;
    }

.center {
    text-align : center;
    }

.left {
    text-align : left;
    }

.right {
    text-align : right;
    }

.justify {
    text-align : justify;
    }

.clear {
    clear : both;
    }

.img {
    max-width : 100%;
    }

.pagination-wrapper {
    clear      : both;
    text-align : center !important;
    width: 100% !important;
}

ul.pagination{
     text-align : center !important;
     width: 680px !important;
}

.pagination > li > a, .pagination > li > span {
    border : none;
    }

.pagination a {
    border-radius : 3px;
    background    : #f8f9fa;
    margin-right  : 2px;
    display       : block;
    height        : 35px; /*  width: 35px; */
    }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color : #f8f9fa;
    color            : #828a99;
    }

.media {
    margin-top : 0;
    z-index    : auto;
    overflow   : auto;
    }

.timeline {
    list-style : none;
    padding    : 20px 0 20px;
    position   : relative;
    }

.timeline:before {
    top              : 0;
    bottom           : 0;
    position         : absolute;
    content          : " ";
    width            : 3px;
    background-color : #338fba;
    left             : 50%;
    margin-left      : -1.5px;
    }

.timeline > li {
    margin-bottom : 20px;
    position      : relative;
    }

.timeline > li:before,
.timeline > li:after {
    content : " ";
    display : table;
    }

.timeline > li:after {
    clear : both;
    }

.timeline > li:before,
.timeline > li:after {
    content : " ";
    display : table;
    }

.timeline > li:after {
    clear : both;
    }

.timeline > li > .timeline-panel {
    width              : 50%;
    float              : left;
    border             : 1px solid #eee;
    border-radius      : 3px;
    position           : relative;
    -webkit-box-shadow : 0 0 10px rgba(100, 100, 100, .1);
    box-shadow         : 0 0 10px rgba(100, 100, 100, .1);
    background         : #fff;
    }

/*
.timeline > li.timeline-inverted + li:not(.timeline-inverted),
.timeline > li:not(.timeline-inverted) + li.timeline-inverted {
margin-top: -60px;
}

.timeline > li:not(.timeline-inverted) {
padding-right:90px;
}

.timeline > li.timeline-inverted {
padding-left:90px;
}
*/
.timeline > li > .timeline-panel:before {
    position      : absolute;
    top           : 26px;
    right         : -15px;
    display       : inline-block;
    border-top    : 15px solid transparent;
    border-left   : 15px solid #eee;
    border-right  : 0 solid #eee;
    border-bottom : 15px solid transparent;
    content       : " ";
    }

.timeline > li > .timeline-panel:after {
    position      : absolute;
    top           : 27px;
    right         : -14px;
    display       : inline-block;
    border-top    : 14px solid transparent;
    border-left   : 14px solid #fff;
    border-right  : 0 solid #fff;
    border-bottom : 14px solid transparent;
    content       : " ";
    }

.timeline > li > .timeline-badge {
    color                      : #fff;
    width                      : 60px;
    height                     : 60px;
    line-height                : 60px;
    font-size                  : 1.2em;
    text-align                 : center;
    position                   : absolute;
    top                        : 10px;
    left                       : 50%;
    margin-left                : -30px;
    background-color           : #338fba;
    z-index                    : 100;
    border-top-right-radius    : 50%;
    border-top-left-radius     : 50%;
    border-bottom-right-radius : 50%;
    border-bottom-left-radius  : 50%;
    }

.timeline > li:hover > .timeline-badge {
    background : #00285d;
    }

/*
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
*/
.timeline-badge.primary {
    background-color : #2e6da4 !important;
    }

.timeline-badge.success {
    background-color : #3f903f !important;
    }

.timeline-badge.warning {
    background-color : #f0ad4e !important;
    }

.timeline-badge.danger {
    background-color : #d9534f !important;
    }

.timeline-badge.info {
    background-color : #5bc0de !important;
    }

.timeline-heading {
    padding : 20px 20px 0;
    }

.timeline-title {
    margin-top  : 0;
    color       : inherit;
    font-size   : 18px;
    font-weight : 400;
    }

.timeline-body {
    font-weight : 200;
    font-size   : 14px;
    padding     : 10px 20px 20px;
    }

.timeline-body > p,
.timeline-body > ul {
    margin-bottom : 0;
    }

.timeline-body > p + p {
    margin-top : 5px;
    }

article.language-arabic .title {
    text-align : right;
    direction  : rtl;
    }

article.language-vietnamese .title {
    font-family : Arial, sans-serif;
    }

.cd-top {
    display : none;
    }

.cd-top {
    display            : inline-block;
    height             : 50px;
    width              : 50px;
    position           : fixed;
    bottom             : 50px;
    right              : 10px;
    z-index            : 10;
    box-shadow         : 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow           : hidden;
    text-indent        : 100%;
    white-space        : nowrap;
    background         : rgba(0, 0, 0, 0.8) url(../img/top-arrow.svg) no-repeat center 50%;
    visibility         : hidden;
    opacity            : 0;
    -webkit-transition : opacity .3s 0s, visibility 0s .3s;
    -moz-transition    : opacity .3s 0s, visibility 0s .3s;
    transition         : opacity .3s 0s, visibility 0s .3s;
    }

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition : opacity .3s 0s, visibility 0s 0s;
    -moz-transition    : opacity .3s 0s, visibility 0s 0s;
    transition         : opacity .3s 0s, visibility 0s 0s;
    }

.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility : visible;
    opacity    : 1;
    }

.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity : .5;
    }

.no-touch .cd-top:hover {
    background-color : #1a5f89;
    opacity          : 1;
    }

.navbar-toggle {
    border-radius : 0;
    }

/* == ADDITIONAL RESPONSIVE BEHAVIOUR == */
@media screen and (max-width : 1200px) {

    }

@media screen and (max-width : 991px) {
    #caption {
        bottom : 0;
        right  : 15px;
        }

    }

@media screen and (max-width : 768px) {
    section.highlight .small-article-images {
        max-height : 200px;
        }

    section.highlight .small-article-description h2 {
        font-size : 15px;
        }

    section.highlight .small-article-description p {
        font-size : 15px;
        }

    section.highlight .small-article-description h3 {
        font-size : 15px;
        }

    section.highlight .small-article-description {
        padding-right : 15px;
        }

    section.highlight .thumbnail-image {
        width : 100%;
        }

    section.highlight img {
        margin-bottom : 20px !important;
        }

    section.highlight img:last-child {
        margin-bottom : 0px !important;
        }

    section.highlight .left-latest-article {
        margin-bottom : 40px;
        }

    section.highlight .image-description {
        bottom : 20px;
        }

    .fa-file-pdf-o:before {
        font-size : 28px !important;
        }
    }

@media screen and (max-width : 767px) {
    .navbar-nav {
        margin : -7.5px -15px 0;
        }

    .ext-footer .row > div:nth-child(2n+1) {
        clear : both;
        }

    .canvas-slid #navbar {
        overflow : visible;
        }

    .offcanvas {
        display : none;
        }

    .navbar-brand {
        padding : 0;
        left    : 10px;
        }

    #menu-main-menu {
        overflow : scroll;
        }

    #menu-extra-menu li {
        display : inline-block;
        }

    #menu-top-menu li, #menu-top-menu a {
        display : inline;
        }

    #menu-top-menu a {
        padding-left  : 5px;
        padding-right : 5px;
        }

    #menu-top-menu {
        margin-top : 5px;
        text-align : right;
        }

    #navbar {
        width      : 240px;
        position   : absolute;
        background : #ddd;
        right      : -240px;
        top        : 0;
        padding    : 0;
        margin     : 0;
        height     : 100%;
        }

    #navbar .navbar-nav {
        margin : 0;
        }

    #navbar .dropdown-menu {
        width         : 100%;
        background    : #f5f5f5;
        position      : relative;
        margin-bottom : 10px;
        }

    #menu-extra-menu > li > a {
        padding : 10px 5px;
        }

    #navbar > ul > li a {
        padding : 15px;
        }

    .interpeace-website {
        display : none;
        }

    .interpeace-website .colored {
        display : block;
        }

    .pull-right .breadcrumb {
        margin-top : 0;
        position   : inherit;
        }

    .navbar-nav {
        margin : 0;
        }

    .leaders .active, .leaders .face-desc {
        margin-bottom : 0px;
        }

    .leaders .face-desc {
        margin-bottom : 30px;
        }

    .leaders .face-desc .caret {
        display : none;
        }

    .dropdown-menu .dropdown-menu {
        margin-left : auto;
        }

    #navbar .dropdown-menu .dropdown-menu {
        text-align : left;
        margin     : 0;
        }

    .sidearea {
        background : #f8f9fa;
        clear      : both;
        margin-top : 50px;
        padding    : 10px 20px;
        }

    .carousel-caption {
        width  : 80%;
        left   : 10%;
        bottom : 50px;
        }

    .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        height    : 300px;
        width     : auto;
        max-width : inherit;
        }

    .leaders .face-desc {
        min-height : inherit !important;
        }

    .leaders .face {
        margin-bottom : 0 !important;
        }

    .modal {
        font-size : 13px;
        }

    .modal h2 {
        font-size : 19px;
        }

    .modal-content .share-link, .modal-content .link a {
        width          : 100%;
        font-size      : 11px;
        letter-spacing : normal;
        }

    .modal .col-sm-4 {
        display : none;
        }

    .modal .col-sm-8 .iframe[style] {
        width : 100%;
        }

    .modal-dialog {
        margin-top : 16%;
        }

    .timeline > li > .timeline-panel {
        width : 78%;
        }

    .timeline > li > .timeline-badge, .timeline:before {
        left : 92%;
        }

    }

@media screen and (max-width : 480px) {
    .ext-footer .col-lg-3 {
        width : 100%;
        }

    .legend {
        margin-top  : 0px;
        margin-left : 25%;
        }

    .socket .row > div {
        text-align : center;
        }

    .socket ul {
        float : none;
        }

    .socket ul li {
        display : inline-block;
        float   : none;
        margin  : 5px auto;
        }

    .latest-news.list article .img, .latest-news.list article .more {
        display : none;
        }

    .featured-image img {
        width         : 100%;
        margin-bottom : 10px;
        }

    .latest-news.list article .meta {
        padding-left : 100px;
        }

    .leaders .face img {
        width : 100%;
        }

    .legend {
        display : none;
        }

    .latest-news .col-xs-6 article .img, .latest-news.list .col-md-3 article, .latest-news.list article .img {
        min-height : 100px;
        }

    .navbar-brand {
        left       : 0;
        margin-top : 10px;
        }

    .header.shrink .navbar-brand {
        margin-top : 0;
        }

    .navbar-brand img {
        margin-bottom : 10px;
        max-height    : 60px;
        }

    .hero .carousel-caption {
        width : 70%;
        left  : 15%;
        padding: 10px;
        
        }

        .hero .carousel-caption h1 {
            width: 100%;
            max-height: 160px;
           
              overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal;
        
        }

         .hero .carousel-caption h1 a {
            width: 100%;
            max-height: 160px;
            overflow: hidden;
           
            text-overflow: ellipsis;
            white-space: normal;
        }
       

    .map .dot {
        height       : 5px;
        width        : 5px;
        border-width : 3px;
        box-shadow   : none;
        }

    .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
        margin-left : -20px !important;
        }

    .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
        margin-right : -20px !important;
        }

    .where-we-work .pull-right {
        display : none;
        }

    .modal-content .fa {
        padding : 5px;
        }

    .fa:before {
        font-size : 16px;
        }

    .ext-footer .social-media a {
        margin-right : 5px;
        }

    .share a {
        margin-right : 0;
        }

    .strategic-management .hero-small h1 {
        padding : 20px 0 20px;
        }

    .past-programme article {
        min-height : 60px !important;
        }

    .page-template-template-members-3cols .col-xs-6, .page-template-template-members-2cols .col-xs-6 {
        padding : 5px;
        }

    .page-template-template-members-3cols .face-desc, .page-template-template-members-2cols .face-desc {
        min-height    : 160px !important;
        margin-bottom : 0;
        }

    .page-template-template-members-2cols .col-xs-6 .member_desc {
        display : none;
        }

    section.highlight img {
        margin-bottom : 20px !important;
        }

    section.highlight img:last-child {
        margin-bottom : 0px !important;
        }

    section.highlight .small-article-images {
        max-height : 100% !important;
        width      : 100%;
        }

    section.highlight .small-article-description {
        width : 100%;
        }

    section.highlight .small-article-description h2 {
        font-size : 14px;
        }

    section.highlight .small-article-description p {
        font-size     : 14px;
        margin-bottom : 40px;
        }

    section.highlight .small-article-description h3 {
        font-size : 14px;
        }

    section.highlight .left-latest-article {
        margin-bottom : 40px;
        }

    }

@media screen and (min-width : 768px) { 
    /* == 2nd level navigation ==  */
    .navbar .dropdown {
        position : static !important;
        }

    .navbar .dropdown:hover > .dropdown-menu {
        display : block;
        }

    .navbar .dropdown-menu {
        border-radius : 0;
        margin        : 0;
        padding       : 0;
        border        : none;
        position      : absolute;
        width         : 100%;
        left          : 0;
        z-index       : 1000;
        box-shadow    : 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
        }

    .navbar .dropdown-menu {
        background : rgba(255, 255, 255, .95);
        }

    .navbar .dropdown-menu > li {
        display : inline-block;
        }

    .navbar .dropdown-menu > li a {
        padding        : 18px;
        text-transform : none;
        position       : relative;
        }

    .navbar .dropdown-menu > li a .caret {
        opacity : .7;
        }

    .navbar .dropdown-menu > li a:hover {
        background : transparent;
        }

    .navbar li:hover > a .caret {
        display        : inline-block !important;
        width          : 0;
        height         : 0;
        vertical-align : middle;
        color          : #fff;
        border-bottom  : 0;
        border-top     : 10px solid;
        border-right   : 10px solid transparent;
        border-left    : 10px solid transparent;
        bottom         : -10px;
        left           : 50%;
        position       : absolute;
        margin-left    : -10px;
        text-align     : center;
        z-index        : 100;
        }

    .offcanvas {
        display : block !important;
        }

    .navbar .container {
        padding : 0;
        }

    .ext-footer .col-lg-3 {
        width : 33%;
        float : left;
        }

    #searchbar {
        margin-right : -30px;
        }

    .timeline > li.timeline-inverted + li:not(.timeline-inverted),
    .timeline > li:not(.timeline-inverted) + li.timeline-inverted {
        margin-top : -60px;
        }

    .timeline > li:not(.timeline-inverted) {
        padding-right : 90px;
        }

    .timeline > li.timeline-inverted {
        padding-left : 90px;
        }

    .timeline > li.timeline-inverted > .timeline-panel {
        float : right;
        }

    .timeline > li.timeline-inverted > .timeline-panel:before {
        border-left-width  : 0;
        border-right-width : 15px;
        left               : -15px;
        right              : auto;
        }

    .timeline > li.timeline-inverted > .timeline-panel:after {
        border-left-width  : 0;
        border-right-width : 14px;
        left               : -14px;
        right              : auto;
        }

    /*.latest-news .col-md-6 article {
		min-height: 500px;
	}*/
    /*.latest-news .col-md-3 article{
		min-height: 400px;
	}*/
    }

@media screen and (min-width : 768px) and (max-width : 991px) {
    .navbar-brand img { /* max-height: 50px; padding: 0; */
        }

    #navbar > ul > li > a {
        padding   : 20px 5px;
        font-size : 13px;
        }

    section.highlight .left-latest-article {
        margin-bottom : 40px;
        }

    section.highlight .small-article-images {
        max-height : 100% !important;
        }

    section.highlight .small-article-description h2 {
        font-size : 24px;
        }

    section.highlight .small-article-description p {
        font-size   : 20px;
        padding-top : 15px;
        }

    section.highlight .small-article-description h3 a {
        font-size : 16px;
        }
    }

@media screen and (min-width : 992px) and (max-width : 1200px) {
    #navbar > ul > li > a {
        padding : 20px 10px;
        }

    section.highlight .small-article-images {
        position      : relative;
        width         : 40%;
        display       : inline-block;
        float         : left;
        height        : 135px;
        margin-bottom : 15px;
        max-height    : 145px !important;
        }

    section.highlight .left-latest-article {
        margin-bottom : 40px;
        }
    }

@media screen and (min-width : 1200px) {
    .ext-footer .col-lg-3 {
        width : 20%;
        float : left;
        }

    .jobs-newsletter section.col-md-offset-2 {
        margin-left : 18%;
        float       : right;
        }
    }

.newsletter-section .content-wrapper {
    display    : block;
    margin     : 0 auto;
    text-align : center;
    }

.newsletter-section.col-md-offset-2 {
    margin-left : 0 !important;
    }

.newsletter-section .content-wrapper .form-group {
    width        : 29%;
    margin-right : 3%;
    display      : inline-block;
    }

.newsletter-section .content-wrapper input {
    margin         : 0;
    max-width      : none;
    width          : 100%;
    min-height     : 40px;
    font-size      : 14px !important;
    text-transform : none;
    }

body.home.page-template-default .jobs-newsletter,
body.home.page-template .jobs-newsletter {
    display : none;
    }

.newsletter-section {
    padding           : 30px;
    overflow          : hidden;
    background-repeat : no-repeat !important;
    background-size   : cover !important;
    padding           : 116px 0 !important;
    background-color  : transparent;
    box-shadow        : inset 0 0 0 1000px rgba(48, 114, 145, 0.6);
    background-repeat :;
    }

.newsletter-section .content-wrapper .form-inline .title {
    color          : #fff;
    font-size      : 40px;
    text-transform : uppercase;
    margin-bottom  : 45px;
    font-weight    : 400;
    }

.newsletter-section .content-wrapper .form-inline p {
    color         : #495160;
    font-size     : 32px;
    margin-bottom : 20px;
    line-height   : 36px;
    color         : #fff;
    margin-bottom : 70px;
    font-weight   : 300;
    }

.newsletter-section .content-wrapper .form-group + .form-group + div {
    width          : 150px;
    display        : inline-block;
    vertical-align : top;
    }

.newsletter-section .content-wrapper .form-group + .form-group + div input {
    font-weight    : 400;
    text-transform : uppercase;
    padding-top    : 10px;
    padding-bottom : 10px;
    }

#display-latest-tweets-2 > h4 {
    display : none;
    }

#newsletter-modal .modal-dialog {
    width  : 250px;
    margin : 0;
    }

#newsletter-modal button.close {
    z-index     : 99;
    color       : #424343;
    font-size   : 27px;
    right       : 8px;
    top         : 5px;
    position    : relative;
    font-weight : 700;
    }

#newsletter-modal .modal-content {
    background    : #fff;
    border-radius : 0;
    }

#newsletter-modal .modal-content p {
    font-size      : 11px;
    line-height    : 13px;
    color          : #424343;
    margin-bottom  : 17px;
    font-weight    : 700;
    letter-spacing : 0.4px;
    }

#newsletter-modal .modal-content .btn {
    width       : 118px;
    height      : 28px;
    line-height : 16px;
    font-size   : 10px;
    font-weight : 400;
    padding     : 6px 5px 6px 15px;
    min-width   : 0;
    }

#newsletter-modal .modal-content .btn:hover,
#newsletter-modal .modal-content .btn:focus {
    border-left-width : 15px;
    }

#newsletter-modal .modal-body {
    padding : 30px 30px 18px 64px;
    }

#newsletter-modal .letter-icon {
    display  : inline-block;
    width    : 33px;
    position : absolute;
    left     : 16px;
    top      : 31px;
    }

#newsletter-modal {
    opacity            : 1;
    bottom             : 0;
    top                : auto;
    right              : 0;
    left               : auto;
    padding            : 0;
    -webkit-box-shadow : 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow    : 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
    box-shadow         : 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
    position           : fixed;
    visibility         : hidden;
    opacity            : 0;
    }

#newsletter-modal.in {
    opacity    : 1;
    visibility : visible;
    }

body.modal-open {
    overflow : auto;
    }

.modal-backdrop.in {
    display : none;
    }

.modal-backdrop.in.fade {
    display : block;
    }

/* == slide menu == */
.nav-tabs-bottom {
    border-bottom : 0;
    border-top    : 1px solid #ddd
    }

.nav-tabs-bottom > li {
    margin-bottom : 0;
    margin-top    : -1px
    }

.nav-tabs-bottom > li > a {
    border-radius : 0 0 4px 4px
    }

.nav-tabs-bottom > li > a:hover, .nav-tabs-bottom > li > a:focus, .nav-tabs-bottom > li.active > a, .nav-tabs-bottom > li.active > a:hover, .nav-tabs-bottom > li.active > a:focus {
    border           : 1px solid #ddd;
    border-top-color : transparent
    }

.nav-tabs-left {
    border-bottom : 0;
    border-right  : 1px solid #ddd
    }

.nav-tabs-left > li {
    margin-bottom : 0;
    margin-right  : -1px;
    float         : none
    }

.nav-tabs-left > li > a {
    border-radius : 4px 0 0 4px;
    margin-right  : 0;
    margin-bottom : 2px
    }

.nav-tabs-left > li > a:hover, .nav-tabs-left > li > a:focus, .nav-tabs-left > li.active > a, .nav-tabs-left > li.active > a:hover, .nav-tabs-left > li.active > a:focus {
    border             : 1px solid #ddd;
    border-right-color : transparent
    }

.row > .nav-tabs-left {
    padding-right : 0;
    padding-left  : 15px;
    margin-right  : -1px;
    position      : relative;
    z-index       : 1
    }

.row > .nav-tabs-left + .tab-content {
    border-left : 1px solid #ddd
    }

.nav-tabs-right {
    border-bottom : 0;
    border-left   : 1px solid #ddd
    }

.nav-tabs-right > li {
    margin-bottom : 0;
    margin-left   : -1px;
    float         : none
    }

.nav-tabs-right > li > a {
    border-radius : 0 4px 4px 0;
    margin-left   : 0;
    margin-bottom : 2px
    }

.nav-tabs-right > li > a:hover, .nav-tabs-right > li > a:focus, .nav-tabs-right > li.active > a, .nav-tabs-right > li.active > a:hover, .nav-tabs-right > li.active > a:focus {
    border            : 1px solid #ddd;
    border-left-color : transparent
    }

.row > .nav-tabs-right {
    padding-left  : 0;
    padding-right : 15px
    }

.offcanvas {
    display : none
    }

.offcanvas.in {
    display : block
    }

@media (max-width : 767px) {
    .offcanvas-xs {
        display : none
        }

    .offcanvas-xs.in {
        display : block
        }
    }

@media (max-width : 991px) {
    .offcanvas-sm {
        display : none
        }

    .offcanvas-sm.in {
        display : block
        }
    }

@media (max-width : 1199px) {
    .offcanvas-md {
        display : none
        }

    .offcanvas-md.in {
        display : block
        }
    }

.offcanvas-lg {
    display : none
    }

.offcanvas-lg.in {
    display : block
    }

.canvas-sliding {
    -webkit-transition : top 0.35s, left 0.35s, bottom 0.35s, right 0.35s;
    transition         : top 0.35s, left 0.35s, bottom 0.35s, right 0.35s
    }

.offcanvas-clone {
    height   : 0px !important;
    width    : 0px !important;
    overflow : hidden !important;
    border   : none !important;
    margin   : 0px !important;
    padding  : 0px !important;
    position : absolute !important;
    top      : auto !important;
    left     : auto !important;
    bottom   : 0px !important;
    right    : 0px !important;
    opacity  : 0 !important
    }

.available-single-post-video {
    margin-top : 120px;
    }

.custom-section-related h3.title {
    text-align     : center !important;
    color          : #828a99;
    font-size      : 21px;
    text-transform : uppercase;
    letter-spacing : 2px;
    }

.custom-section-related article {
    min-height : 235px !important;
    }

.custom-section-related .active-past {
    position       : absolute;
    bottom         : 110px;
    right          : 0px;
    background     : #338fba;
    color          : #fff;
    width          : 50px;
    font-size      : 12px;
    padding        : 10px 5px 5px;
    letter-spacing : 0;
    font-weight    : 300;
    text-align     : center;
    line-height    : 15px;
    text-transform : uppercase;
    min-width      : 80px;
    border-left    : 5px solid #1a5f89;
    }

.custom-section-related .past {
    position       : absolute;
    bottom         : 110px;
    right          : 0px;
    background     : #a6b1bb;
    color          : #fff;
    width          : 50px;
    font-size      : 12px;
    padding        : 10px 5px 5px;
    letter-spacing : 0;
    font-weight    : 300;
    text-align     : center;
    line-height    : 15px;
    text-transform : uppercase;
    min-width      : 80px;
    border-left    : 5px solid #858997 !important;
    }

.jobs-newsletter section.col-md-offset-2 {
    margin-left : 0;
    float       : none;
    margin      : 0 auto;
    }

.custom-section-related .pickable-sections:nth-child(4) .active-past {
    bottom : 105px !important;
    }

.custom-section-related .pickable-sections:nth-child(4) .past {
    bottom : 105px !important;
    }

.custom-section-related .past:hover {
    border-left : 15px solid #858997 !important;
    }

.custom-section-related .past:after {
    display : none;
    }

.custom-section-related .active-past:hover {
    border-left-width : 20px;
    }

.custom-section-related .active-past:after {
    display : none;
    }

.custom-section-related .more {
    right : 0 !important;
    }

.custom-section-related .more_link {
    text-align : center;
    border     : none !important;
    }

.custom-section-related .more_link .pull-right {
    float : none !important;
    }

.post-type-archive-programme .latest-news article .more {
    bottom : -15px !important;
    }

.post-6509 p {
    width   : 50%;
    display : inline-block;
    }

.post-6509 p.lead {
    width   : 100%;
    display : inline;
    }

.post-6509 .jobs-newsletter {
    width   : 50%;
    display : inline-block;
    float   : right;
    padding: 0;
    }
.post-6509 .jobs-newsletter p{
    width   : 100%;
    }
.post-6509 section.highlight .more a {
    border: 2px solid white!important;
    width: 100%;
    }
.post-6509 section.highlight .more{
    padding-top: 20px;
    }
.post-6509 .container{
    width: 100%!important;
    }
.post-6509 .jobs-newsletter section.jobs{
    width: 77%;
    min-height: 200px!important;
    }

/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */
.ekko-lightbox-container {
    position : relative
    }

.ekko-lightbox-nav-overlay {
    position : absolute;
    top      : 0;
    left     : 0;
    z-index  : 100;
    width    : 100%;
    height   : 100%
    }

.ekko-lightbox-nav-overlay a {
    z-index            : 100;
    display            : block;
    width              : 49%;
    height             : 100%;
    font-size          : 30px;
    color              : #fff;
    text-shadow        : 2px 2px 4px #000;
    opacity            : 0;
    filter             : dropshadow(color=#000, offx=2, offy=2);
    -webkit-transition : opacity .5s;
    -moz-transition    : opacity .5s;
    -o-transition      : opacity .5s;
    transition         : opacity .5s
    }

.ekko-lightbox-nav-overlay a:empty {
    width : 49%
    }

.ekko-lightbox a:hover {
    text-decoration : none;
    opacity         : 1
    }

.ekko-lightbox .glyphicon-chevron-left {
    left         : 0;
    float        : left;
    padding-left : 15px;
    text-align   : left
    }

.ekko-lightbox .glyphicon-chevron-right {
    right         : 0;
    float         : right;
    padding-right : 15px;
    text-align    : right
    }

.ekko-lightbox .modal-footer {
    text-align : left
    }

.dropdown .dropdown-menu{
    padding-left: 15px!important;
    }
#navbar .dropdown-menu {
    width: 150%;
    }
.Programa {display:none;}

@media (max-width: 320px) and (min-width: 0px) {
	.video{
    width: 100%;
    height: 40vw !important;
    margin: 0;
    padding: 0;
    min-height: 20vh !important;
    }
}

@media (max-width: 425px) and (min-width: 321px) {
	.video{
    width: 100%;
    height: 48vw !important;
    margin: 0;
    padding: 0;
    min-height: 27vh !important;
    }

    section .title {
      
        font-size      : 24px;
    }

}


@media (max-width: 768px) and (min-width: 426px) {
	    .video{
    width: 100%;
    height: 31vw !important;
    margin: 0;
    padding: 0;
    min-height: 36vh;
    }
}

@media (max-width: 1024px) and (min-width: 769px) {
	.video{
    width: 100%;
    height: 41vw !important;
    margin: 0;
    padding: 0;
    min-height: 36vh;
	}
}

@media (max-width: 1450px) and (min-width: 1025px) {
	.video{
    width: 100%;
    height: 20vw;
    margin: 0;
    padding: 0;
    min-height: 36vh;
	}
}

@media (max-width: 2570px) and (min-width: 1450px) {
	.video{
    width: 100%;
    margin: 0;
    padding: 0;
    min-height: 36vh;
    }
}

.video{
    width: 100%;
    height: 20vw;
    margin: 0;
    padding: 0;
    min-height: 36vh;
}
	
	.modal_video iframe {width:100%;  min-height:300px;}

    .meta > .more {
   
    bottom      : 10px !important;
}


@font-face {
        font-family: 'SuisseScreen';
        src: url('../fonts/Suisse International web files/SuisseIntlMono-Regular-WebS.eot');
        src: url('../fonts/Suisse International web files/SuisseIntlMono-Regular-WebS.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Suisse International web files/SuisseIntlMono-Regular-WebS.svg#futura_bk_btbook') format('svg');
}

body{
    font-family: SuisseScreen;
}