/* ==========================================
 * TYPOGRAPHY
 * ==========================================*/


/*@font-face {*/
/*    font-family: 'robotobold';*/
/*    src: url('../fonts/Roboto-Bold.eot');*/
/*    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),*/
/*        url('../fonts/Roboto-Bold.woff2') format('woff2'),*/
/*        url('../fonts/Roboto-Bold.woff') format('woff'),*/
/*        url('../fonts/Roboto-Bold.ttf') format('truetype'),*/
/*        url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');*/
/*    font-weight: bold;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'robotoregular';*/
/*    src: url('../fonts/Roboto-Regular.eot');*/
/*    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),*/
/*        url('../fonts/Roboto-Regular.woff2') format('woff2'),*/
/*        url('../fonts/Roboto-Regular.woff') format('woff'),*/
/*        url('../fonts/Roboto-Regular.ttf') format('truetype'),*/
/*        url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'robotomedium';*/
/*    src: url('../fonts/Roboto-Medium.eot');*/
/*    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),*/
/*        url('../fonts/Roboto-Medium.woff2') format('woff2'),*/
/*        url('../fonts/Roboto-Medium.woff') format('woff'),*/
/*        url('../fonts/Roboto-Medium.ttf') format('truetype'),*/
/*        url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');*/
/*    font-weight: 500;*/
/*    font-style: normal;*/
/*}*/


/*@font-face {*/
/*	font-family: 'robotolight';*/
/*	src: url('../fonts/Roboto-Light.eot');*/
/*	src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),*/
/*	url('../fonts/Roboto-Light.woff2') format('woff2'),*/
/*	url('../fonts/Roboto-Light.woff') format('woff'),*/
/*	url('../fonts/Roboto-Light.ttf') format('truetype'),*/
/*	url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');*/
/*	font-weight: 300;*/
/*	font-style: normal;*/
/*}*/

@font-face {
    font-family: 'signature_font';
    src: url('../fonts/High Summit.woff') format('woff'),
        url('../fonts/High Summit.woff2') format('woff2');
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/IBMPlexSans-Bold.woff') format('woff'),
        url('../fonts/IBMPlexSans-Bold.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/IBMPlexSans-Regular.woff') format('woff'),
        url('../fonts/IBMPlexSans-Regular.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/IBMPlexSans-Medium.woff') format('woff'),
        url('../fonts/IBMPlexSans-Medium.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/IBMPlexSans-Light.woff') format('woff'),
        url('../fonts/IBMPlexSans-Light.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* ==========================================
 * BASE STYLES
 * ==========================================*/

.clearfix {
    /*zoom: 1;*/
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}

.clear {
    clear: both;
}

.oh {
    overflow: hidden;
}

.left {
    float: left;
}

.right {
    float: right;
}

img {
    max-width: 100%;
}

::-moz-selection {
    color: #fff;
    background: #008695;
}

::-webkit-selection {
    color: #fff;
    background: #008695;
}

:focus {
    outline: none;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'robotoregular', arial;
    color: #000000;
}

body * {
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'robotobold', arial;
    margin-top: 0;
    color: #133f70;
}

p {
    font-size: 18px;
    color: #000000;
    font-weight: normal;
    line-height: normal;
    font-family: 'robotoregular', arial;
    margin: 0px 0px 20px;
}

strong {
    font-family: 'robotobold', arial;
    font-weight: 100;
}

a {
    text-decoration: none;
    outline: none !important;
    border: none;
}

.container {
    width: 92%;
}

.container>.row {
    margin-bottom: 100px;
}

.container>.row:last-child {
    margin-bottom: 0px;
}

body {
    overflow-x: hidden;
    background: #ffffff;
}

#site-wrapper {
    width: 100%;
    float: left;
    position: relative;
    margin-left: 0px;
    transition: all 0.4s ease 0s;
}

.body * {
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#site-wrapper {
    float: left;
    width: 100%;
}

.container {
    width: 90%;
}

section .container {
    max-width: 1700px;
}

/*Select*/
.select-hidden {
    display: none;
}

.select {
    display: inline-block;
    width: 100%;
    position: relative;
}

.select-styled {
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

.select-options {
    float: left;
    width: 100%;
    position: absolute;
    top: 30px;
    left: 0px;
    z-index: 2;
}

/*-------------------------------------------------------*/
/* Header
/*-------------------------------------------------------*/
#header-wrap {
    float: left;
    width: 100%;
    height: 205px;
}

#header-wrap .top-bar {
    background: #133f70;
    height: 40px;
    padding: 8px 0px;
    font-family: 'robotomedium', arial;
    position: relative;
    z-index: 10;
}

.top-bar .search-bar {
    float: left;
    margin-right: 10px;
    position: relative;
    width: 30px;
    cursor: pointer;
    height: 25px;
    overflow: hidden;
}

.top-bar form {
    display: inline;
}

.top-bar .search-bar i.fa-search {
    color: #fff;
    font-size: 24px;
    position: absolute;
    top: -1px;
    right: 0px;
    width: 30px;
    text-align: center;
    transition: all 0.3s ease;
}

.top-bar .search-bar input[type="text"] {
    border: none;
    background: none;
    color: #fff;
    font-size: 16px;
    font-weight: 100;
    float: left;
    pointer-events: none;
    transition: all 0.3s ease;
    width: 0px;
    height: 25px;
    border-bottom: solid 1px #fff;
    padding: 0px;
    float: right;
    border-radius: 0px !important;
}

.top-bar .search-bar input[type="submit"] {
    border: none;
    background: none;
    width: 30px;
    height: 25px;
    float: left;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
    float: right;
}

.top-bar .search-bar.active {
    width: 230px;
    cursor: auto;
}

.top-bar .search-bar.active i.fa-search {
    pointer-events: none;
}

.top-bar .search-bar.active input[type="text"],
.top-bar .search-bar.active input[type="submit"] {
    pointer-events: auto;
}

.top-bar .search-bar.active input[type="text"] {
    width: 200px
}

.top-bar .search-bar.active input[type="text"]::-webkit-input-placeholder {
    opacity: 1;
    color: #ffffff;
}

.top-bar .search-bar.active input[type="text"]::-moz-placeholder {
    opacity: 1;
    color: #ffffff;
}

.top-bar .select-wrap {
    float: left;
    margin-left: 30px;
}

.top-bar .select {
    margin: 1px 0px;
}

.top-bar .select-styled {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding-right: 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: normal;
    position: relative;
}

.top-bar .select-styled:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 2px;
    font-size: 18px;
    font-family: FontAwesome;
}

.top-bar .select-options {
    float: left;
    width: 100%;
    position: absolute;
    top: 30px;
    left: 0px;
    z-index: 2;
    display: none;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4);
}

.top-bar .language-select {
    padding-left: 30px;
    position: relative;
}

.top-bar .language-select:before {
    content: '';
    font-size: 24px;
    font-family: FontAwesome;
    color: #fff;
    position: absolute;
    left: 0px;
    top: -1px;
    line-height: 100%;
}

.top-bar ul.select-options {
    background: rgba(19, 63, 112, 0.95);
    position: absolute;
    top: 31px;
    right: 0px;
    left: auto;
    width: 100%;
    margin: 0px;
    padding: 0px;
    min-width: 155px;
    max-height: 300px;
}

.top-bar ul.select-options li {
    list-style: none;
    margin: 0px;
    padding: 10px;
    float: left;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    line-height: 100%;
    border-top: solid 1px rgba(255, 255, 255, 0.3);
    cursor: pointer;
    transition: all 0.3s ease;
}

.top-bar ul.select-options li:hover {
    background: #fff !important;
    color: #133f70;
}

header {
    float: left;
    width: 100%;
    height: 165px;
    background-image: linear-gradient(to right, rgba(37, 167, 222, 0.95), rgba(245, 230, 139, 0.95) 25%, rgba(9, 147, 162, 0.95));
    position: relative;
    z-index: 9;
    transition: all 0.6s ease;
    border: solid 3px #133f70;
}

header .container {
    position: static;
}

header h1#logo {
    float: left;
    background: #fff;
    height: 159px;
    width: 300px;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 30px 22px;
    border-right: solid 3px #133f70;
    /*border-radius: 0px 0px 50px 0px;*/
    transition: all 0.6s ease;
}

header ul#primary-nav {
    position: absolute;
    left: 360px;
    top: 54px;
    margin: 0px;
    transition: all 0.6s ease;
    padding: 0px;
}

header ul#primary-nav>li {
    max-width: 14em;
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: relative;
    transition: all 0.6s ease;
}

/*header ul#primary-nav > li:first-child, footer ul#footer-nav > li:first-child {
    display: none !important;
}*/

header ul#primary-nav>li>a {
    display: block;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000000;
    line-height: 100%;
    text-decoration: none !important;
    /*border-radius: 10px 0px 10px 0px;*/
    padding: 16px;
    background: transparent;
    transition: all 0.3s ease;
    position: relative;
}

header ul#primary-nav>li>a:before,
header ul#primary-nav>li>a:after {
    content: '';
    position: absolute;
    width: 0%;
    height: 2px;
    bottom: 6px;
    background: #000000;
}

header ul#primary-nav>li>a:before {
    left: 16px;
}

header ul#primary-nav>li>a:after {
    right: 16px;
    background: #000000;
    transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

header ul#primary-nav>li>a:hover:before {
    background: #000000;
    width: calc(100% - 32px);
    transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

header ul#primary-nav>li>a:hover:after {
    background: transparent;
    width: calc(100% - 32px);
    transition: 0s;
}

header ul#primary-nav>li.parent:hover>a {
    background: #133f70;
    color: #fff;
}

header ul#primary-nav>li.parent a:after,
header ul#primary-nav>li.parent a:before {
    content: none;
}


#site-wrapper header ul#primary-nav>li>ul {
    position: absolute;
    left: 0px;
    width: 350px;
    background: #fff;
    /*border-radius: 0px 0px 10px 0px;*/
    top: 66px !important;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
    display: none;
    z-index: 1;
}

#site-wrapper header ul#primary-nav>li a.current {
    background: #fff;
    color: #133f70;
}

header ul#primary-nav>li>ul>li ul {
    position: absolute;
    left: 0px;
    width: 350px;
    background: #fff;
    /*border-radius: 0px 0px 10px 0px;*/
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    top: 40px;
    transition: all 0.3s ease 0.1s;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}

header ul#primary-nav>li>ul>li:hover>ul {
    opacity: 1;
    pointer-events: auto;
    top: 56px;
    overflow: visible !important;
}


/*
header ul#primary-nav > li ul{
	position: absolute;
	left: 0px;
	width:350px;
	background: #fff;
	border-radius: 0px 0px 10px 0px;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	top:40px;
	transition: all 0.3s ease 0.1s;
	box-shadow:0px 0px 2px rgba(0,0,0,0.2);
}
header ul#primary-nav > li:hover > ul{
	opacity: 1;
	pointer-events: auto;
	top:56px;
	overflow: visible!important;
}
*/


header ul#primary-nav>li>ul>li>ul {
    left: 100%;
}

header ul#primary-nav>li>ul>li:hover>ul {
    opacity: 1;
    pointer-events: auto;
    top: 0px;
    width: auto;
    min-width: 220px;
}

header ul#primary-nav>li>ul>li>ul>li a {
    text-transform: none;
    font-size: 18px;
    padding: 8px 12px 8px 12px;
    background: #ececec;
}

header ul#primary-nav>li ul>li {
    float: left;
    width: 100%;
    list-style: none;
    border-top: solid 1px #a3dbe1;
}

header ul#primary-nav>li ul>li:first-child {
    border: none;
}

header ul#primary-nav>li ul>li a {
    color: #133f70;
    font-size: 20px;
    text-transform: uppercase;
    padding: 4px 17px 6px;
    display: block;
    background: #fff;
    text-decoration: none;
}

header ul#primary-nav>li ul>li a:hover {
    background: #133f70;
    color: #fff;
}

header ul#primary-nav>li ul>li:hover>a {
    background: #133f70;
    color: #fff;
}


header ul.social-nav {
    float: left;
    margin: 14px 28px 14px 0px;
    padding: 0px;
}

header ul.social-nav>li {
    float: left;
    margin-left: 26px;
    list-style: none;
}

header ul.social-nav>li:first-child {
    margin: 0px !important;
}

header ul.social-nav>li a {
    color: #000000;
    text-decoration: none;
    font-size: 24px;
    opacity: 1;
    transition: all 0.3s ease;
}

header ul.social-nav>li a:hover {
    opacity: 0.7;
}

header .pull-right {
    padding: 52px 0px;
    transition: all 0.3s ease;
}

header.affix {
    top: 0px;
    height: 80px;
    z-index: 999;
}

header.affix h1#logo {
    height: 74px;
    width: 220px;
    padding: 4px 10px;
    overflow: hidden;
}

header.affix h1#logo img {
    max-height: 100%;
}

header.affix .pull-right {
    padding: 8px 0px;
}

header.affix ul#primary-nav {
    left: 240px;
    top: 10px;
}

header.affix-bottom {
    position: relative !important;
    top: auto !important;
}

.leaf-button,
.leaf-button.activated {
    /*background: url(../images/leaf-title.png) no-repeat 0px 0px;*/
    /*background-size: cover;*/
    color: #fff !important;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'robotomedium', arial;
    text-decoration: none !important;

}


.btn-my-container {
    position: relative;
    text-align: center;
    color: white;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.btn-primary {
    background: #ffffff;
    display: inline-block;
    border-bottom: solid 2px #133f70;
    /*border-radius: 22px 0px 22px 0px;*/
    padding: 20px;
    line-height: 100%;
    color: #000000 !important;
    /*text-transform: uppercase;*/
    font-size: 20px;
    font-family: 'robotomedium', arial;
    text-decoration: none !important;
    transition: all 0.1s ease 0s;
}

.btn-primary:hover {
    background: #133f70;
}

.btn-primary:active {
    background: #133f70 !important;
    border-bottom: solid 2px #133f70 !important;
    transform: translate(0px, 3px);
    -webkit-transform: translate(0px, 3px);
}

.btn-primary i {
    float: left;
    font-size: 20px;
    margin-right: 10px;
}

.btn-primary.btn-yellow {
    background: #ffffff;
    color: #000;
    border: solid 3px #000000;
    border-color: #000000;
}

.btn-primary.btn-yellow:hover {
    background: #d6d6d6;
}

.btn-primary.btn-yellow:active {
    background: #efefef !important;
    color: #000;
    border-color: #bbbbbb !important;
}

.btn-primary.btn-big {
    font-size: 24px;
    text-transform: none;
    font-family: 'robotomedium', arial;
}

.btn-primary.btn-green {
    background: #008695;
    border: solid 3px #133f70 !important;
    color: white !important;
}

.btn-primary.btn-green:hover {
    background: #ffd102;
    color: white !important;
}

.btn-primary.btn-green:active {
    background: #ffd102 !important;
    border: solid 3px #133f70 !important;
    color: white !important;
}

#home-banner {
    float: left;
    width: 100%;
    position: relative;
}

#home-banner .eu-ico {
    top: 10px;
    right: 10px;
    margin: 0;
    max-height: 80px;
    position: absolute;
    z-index: 4;
    /*border-radius: 24px 0px;*/
}

#home-banner ul.slides>li {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 160px 0px 60px 0px;
    position: relative;
}

#home-banner ul.slides>li:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    /*less brightness on carousel photos*/
    background: rgba(50, 49, 51, 0.1);
}


#home-banner ul.slides {
    display: flex;
}

#home-banner ul.slides>li {
    display: flex;
    height: auto;
}


#home-banner ul.slides>li h2 {

    color: #fff;
    -webkit-filter: drop-shadow(1px 1px 1px #ffffff);
    filter: drop-shadow(1px 1px 1px #ffffff);
    /*text-shadow: 1px 1px #28517d;*/
    font-size: 45px;
    line-height: 40px;
    margin: 0px;
    padding: 0px;
    font-family: 'robotoregular', arial;
}

#home-banner ul.slides>li h3 {

    color: #fff;
    -webkit-filter: drop-shadow(1px 1px 1px #ffffff);
    filter: drop-shadow(1px 1px 1px #ffffff);
    /*text-shadow: 1px 1px #28517d;*/
    font-size: 24px;
    line-height: 34px;

    font-family: 'robotoregular', arial;
}

#home-banner .banner-caption {
    float: left;
    width: 70%;
    position: relative;
    z-index: 4;
}

#home-banner .banner-caption .banner-cap-wrap {
    float: left;
    width: 100%;
    min-height: 400px;
    position: relative;
    padding-bottom: 80px;
}

.leaflet-pane .leaflet-layer img.leaflet-tile {
    filter: invert(100%);
}

#home-banner .banner-caption .banner-cap-wrap .btn-primary {
    position: absolute;
    left: 0px;
    bottom: 0px;
}

#home-banner .banner-figures {
    -webkit-filter: drop-shadow(1px 1px 1px #ffffff);
    float: left;
    margin-top: 38px;
    padding: 40px 0px;
    width: auto;
    position: relative;
    display: table;
}

#home-banner .banner-figures:after {
    content: '';
    height: 4px;
    width: 100px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #fff;
}

#home-banner .banner-caption .btn-yellow {
    display: table;
    clear: both;
}

#home-banner .banner-figures>* {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

#home-banner .banner-figures dt {
    padding-right: 24px;
}

#home-banner .banner-figures dd {
    padding-right: 140px;
}

#home-banner .banner-figures dd:last-child {
    padding-right: 0px;
}

#home-banner .banner-figures dd h4 {
    color: #fff;
    font-size: 54px;
    line-height: 100%;
    display: block;
    margin: 0px;
    text-shadow: 2px 0px 0px #3a3a3a;
}

#home-banner .banner-figures dd span {
    font-size: 24px;
    color: #fff;
    font-family: 'robotomedium', arial;
    display: block;
    padding-top: 8px;
}

.banner-caption>a.w-link {
    float: left;
    clear: left;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-decoration: underline !important;
}

.eu-support-stamp {
    width: 285px;
    /*border-radius: 30px 0px 0px 0px;*/
    background: rgba(0, 0, 0, 0.45);
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 9;
    padding: 24px 26px;
}

.eu-support-stamp br {
    display: none;
}

.eu-support-stamp span {
    display: block;
    font-size: 16px;
    color: #000000;
    margin-bottom: 5px;
}


.banner-base {
    float: inherit;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    height: 65px;
    border-bottom: solid 3px #133f70;
}

.banner-base .container {
    transition: all 0.3s ease;
}

.banner-base .container.affix {
    height: 65px;
    top: 80px;
    z-index: 998;
    /*box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);*/
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    border-bottom: solid 3px #133f70;
}

.banner-base ul {
    margin: 0px;
    padding: 0px;
    float: none;
    text-align: center;
    margin-top: 1.5em;

}

.banner-base ul>li {
    list-style: none;
    float: inherit;
    border-left: solid 1px #eaeaea;
}

.banner-base ul>li:first-child {
    float: inherit;
}

.banner-base ul>li a {
    padding: 17px 20px;
    background: rgba(255, 255, 255, 0);
    text-decoration: none !important;
    font-size: 18px;
    color: #000;
    font-family: 'robotomedium', arial;
    float: inherit;
}

.banner-base ul>li:first-child a {
    padding-left: 0px;
}

.banner-base ul>li a i {
    color: #133f70;
    font-size: 18px;
    margin-right: 10px;
}


.banner-base ul>li a {
    position: relative;
}

.banner-base ul>li a:before,
.banner-base ul>li a:after {
    content: '';
    position: absolute;
    width: 0%;
    height: 2px;
    bottom: 12px;
    background: #333;
}

.banner-base ul>li a:before {
    left: 20px;
}

.banner-base ul>li a:after {
    right: 0;
    background: #333;
    transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.banner-base ul>li a:hover:before {
    background: #333;
    width: calc(100% - 40px);
    transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.banner-base ul>li a:hover:after {
    background: transparent;
    width: calc(100% - 40px);
    transition: 0s;
}

.banner-base ul>li:first-child a:hover:before,
.banner-base ul>li:first-child a:hover:after {
    width: calc(100% - 20px);
    left: 0px;
}

.banner-caption>a.w-link {
    position: relative;
    text-decoration: none !important;
}

.banner-caption>a.w-link:before,
.banner-caption>a.w-link:after {
    content: '';
    position: absolute;
    width: 0%;
    height: 2px;
    bottom: -2px;
    background: #fff;
}

.banner-caption>a.w-link:before {
    left: 0px;
}

.banner-caption>a.w-link:after {
    right: 0;
    background: #fff;
    transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.banner-caption>a.w-link:hover:before {
    background: #fff;
    width: 100%;
    transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.banner-caption>a.w-link:hover:after {
    background: transparent;
    width: 100%;
    transition: 0s;
}

.flex-control-nav {
    bottom: 30px;
    z-index: 9;
}

.flex-control-nav li {
    margin: 0px;
}

.flex-control-paging li a {
    width: 18px;
    height: 18px;
    border: solid 3px #fff;
    box-shadow: none;
    background: none;
    margin: 0px 4px;
}

.flex-control-paging li a.flex-active {
    background: #fff;
}

#home-banner ul.flex-direction-nav {
    width: 124px;
    position: absolute;
    bottom: 16%;
    left: 0;
    right: -80%;
    margin: auto;
    z-index: 9;
}

#home-banner ul.flex-direction-nav>li {
    float: left;
    margin: 0px 1px;
}

#home-banner ul.flex-direction-nav li a {
    width: 60px;
    height: 60px;
    background: #ffd102;
    position: relative;
    overflow: hidden;
    display: block;
    text-indent: 200px;
    opacity: 1;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    transition: all 0.26s ease 0s;
    border: solid 2px black;
}

#home-banner ul.flex-direction-nav li a:before {
    content: '';
    background: black;
    border: none !important;
    width: 2px;
    height: 14px;
    overflow: hidden;
    text-indent: 100px;
    position: absolute;
    top: 32%;
    left: 45%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all 0.3s ease 0s;
}

#home-banner ul.flex-direction-nav li a:after {
    content: '';
    background: black;
    border: none !important;
    width: 2px;
    height: 14px;
    overflow: hidden;
    text-indent: 100px;
    position: absolute;
    top: 46%;
    left: 45%;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: all 0.3s ease 0s;
}

#home-banner ul.flex-direction-nav li a:hover:after,
#home-banner ul.flex-direction-nav li a:hover:before {
    width: 4px;
}

#home-banner ul.flex-direction-nav li a:hover:after {
    top: 45%;
}

#home-banner ul.flex-direction-nav li a.flex-next:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

#home-banner ul.flex-direction-nav li a.flex-next:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#home-banner ul.flex-direction-nav li a.flex-prev {
    /*border-radius: 10px 0px 0px 0px;*/
}

#home-banner ul.flex-direction-nav li a.flex-next {
    /*border-radius: 0px 0px 10px 0px;*/
}

/*-------------------------------------------------------*/
/* Section
/*-------------------------------------------------------*/
section {
    float: left;
    width: 100%;
    background: #ffffff;
}

section #home-news {
    background: #ffffff;
    padding: 70px 0px;
    position: relative;
}

section #home-events {
    background-image: linear-gradient(to right, rgba(37, 167, 222, 0.95), rgba(245, 230, 139, 0.95) 25%, rgba(9, 147, 162, 0.95));
    padding: 70px 0px;
    position: relative;
    border-bottom: solid 3px #133f70;
    border-top: solid 3px #133f70;
}

section h2.leaf-title {
    display: block;
    margin: 0px 0px 40px;
    font-size: 48px;
    color: #000000;
    padding: 0px 0px 0px 62px;
    background: url(../images/title-leaf.png) no-repeat 0px 0px;
    line-height: 100%;
    font-family: 'robotoregular, arial;

}

section #home-news .container {
    position: static;
}

#news-slider {
    margin-bottom: 60px;
    width: 100% !important;
    overflow: hidden;
    position: static !important;
}

#news-slider .m-left {
    width: 90px;
    height: 90px;
    background: #ffd102;
    border: solid 2px black;
    position: absolute;
    top: 39%;
    left: 0px;
    z-index: 2;
}

#news-slider .disabled {
    opacity: 0.4 !important;
}

#news-slider .m-right {
    width: 90px;
    height: 90px;
    background: #ffd102;
    border: solid 2px black;
    position: absolute;
    top: 39%;
    right: 0px;
    z-index: 2;
}

#news-slider .m-left:before {
    content: '';
    background: black;
    width: 4px;
    height: 24px;
    overflow: hidden;
    text-indent: 100px;
    position: absolute;
    top: 29%;
    left: 45%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all 0.3s ease 0s;
}

#news-slider .m-left:after {
    content: '';
    background: black;
    width: 4px;
    height: 24px;
    overflow: hidden;
    text-indent: 100px;
    position: absolute;
    top: 45%;
    left: 45%;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: all 0.26s ease 0s;
}

#news-slider .m-left:hover:after,
#news-slider .m-left:hover:before {
    width: 8px;
    left: 42%;
}

#news-slider .m-left:hover:before {
    top: 32%;
}

#news-slider .m-right:before {
    content: '';
    background: black;
    width: 4px;
    height: 24px;
    overflow: hidden;
    text-indent: 100px;
    position: absolute;
    top: 29%;
    left: 48%;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: all 0.26s ease 0s;
}

#news-slider .m-right:after {
    content: '';
    background: black;
    width: 4px;
    height: 24px;
    overflow: hidden;
    text-indent: 100px;
    position: absolute;
    top: 45%;
    left: 48%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all 0.3s ease 0s;
}

#news-slider .m-right:hover:after,
#news-slider .m-right:hover:before {
    width: 8px;
    left: 48%;
}

#news-slider .m-right:hover:before {
    top: 32%;
}

#news-slider ul.slider-wrap {
    padding: 0px;
    margin: 0px;
}

#news-slider ul.slider-wrap {
    margin-left: -5px !important;
}

#news-slider ul.slider-wrap>li {
    border: solid 3px #6e6e6e;
    list-style: none;
    width: 32.3%;
    padding: 0px;
    margin: 0px;
    display: table;
    margin: 0px 10px;
}

#news-slider ul.slider-wrap>li>div {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    padding: 15px 20px;
    height: 250px;
}

#news-slider ul.slider-wrap>li>div.news-thumb {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 40%;
    /*border-radius: 20px 0px 0px 0px !important;*/

    /*4402*/
    /*background-size: contain;
    background-color: #fff;*/
}

#news-slider ul.slider-wrap>li>div.news-thumb.thumb-small {
    background-size: auto;
    background-color: #000000;
}

#news-slider ul.slider-wrap>li>div.news-desc {
    width: 60%;
    background: #fff;
    padding-bottom: 40px;
    /*border-radius: 0px 0px 20px 0px;*/
    position: relative;
}

#news-slider ul.slider-wrap>li p {
    font-size: 18px;
    line-height: 24px;
    margin: 0px;
    font-family: 'robotolight', arial;
}

#news-slider ul.slider-wrap .date {
    display: block;
    font-size: 16px;
    color: #6e6e6e;
    font-family: 'robotomedium', arial;
}

#news-slider ul.slider-wrap .date:before {
    content: '';
    font-family: FontAwesome;
    font-size: 16px;
    color: #ff0000;
    margin: -2px 10px 0px 0px;
    float: left;
}

#news-slider .news-desc>a {
    font-size: 20px;
    color: #008695;
    font-family: 'robotobold', arial;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 24px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
}

#news-slider .news-desc .readmore {
    position: absolute;
    left: 20px;
    bottom: 18px;
    color: #6e6e6e;
    font-family: 'robotobold', arial;
    text-transform: uppercase;
    font-size: 15px;
}

#news-slider .news-desc>a:after {
    content: '';
    width: 50px;
    height: 2px;
    background: #008695;
    position: absolute;
    bottom: 0px;
    left: 0px;
}


#home-events {
    float: left;
    width: 100%;
    background: #fff;
    padding: 70px 0px;
    position: relative;
}

#event-list-home {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    position: relative;
}

#event-list-home:after {
    content: '';
    background: rgba(0, 0, 0, 0.2);
    width: 1px;
    height: 80%;
    position: absolute;
    top: 0px;
    left: -50%;
    right: -50%;
    margin: auto;

}

#event-list-home>li {
    list-style: none;
    float: left;
    width: 50%;
    padding-bottom: 90px;
    display: table;
}

#event-list-home>li:nth-child(odd) {
    clear: left;
    padding-right: 60px;
}

#event-list-home>li:nth-child(even) {
    clear: right;
    padding-left: 60px;
}

#event-list-home>li>* {
    display: table-cell;
    vertical-align: top;
    text-align: left;
}

#event-list-home .event-date {
    width: 122px;
}

#event-list-home .event-date dl {
    border-radius: 6px;
    background: #fff;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
    float: left;
    width: 100%;
    overflow: hidden;
}

#event-list-home .event-date dl dt {
    text-align: center;
    background: #ff0000;
    color: #fff;
    text-transform: uppercase;
    line-height: 100%;
    font-size: 16px;
    padding: 6px;
    font-family: 'robotobold', arial;
}

#event-list-home .event-date dl dd {
    padding: 10px;
    float: left;
    width: 100%;
    font-size: 48px;
    color: #666666;
    text-align: center;
    font-family: 'robotomedium', arial;
    line-height: 100%;
}

#event-list-home .event-desc {
    padding-left: 20px;
}

#event-list-home .event-desc a {
    font-size: 24px;
    color: #000000;
    text-transform: uppercase;
    text-decoration: none;
    line-height: normal;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    margin-top: -8px;
}

#event-list-home .event-desc a:after {
    content: '';
    width: 50px;
    height: 2px;
    background: #000000;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

#event-list-home .event-desc .ev-org {
    display: block;
    line-height: 100%;
    margin-bottom: 15px;
    color: #000000;
    font-size: 18px;
}

#testimonial-text {
    background-size: 250px auto;
    background-repeat: no-repeat;
    background-position: 10%;
    padding-top: 270px;
    margin-top: -100px;
}


.testimonials-banner,
.testimonials-banner p {
    font-family: robotoregular;
    text-align: justify;
    font-weight: 600;
    color: #133f70;
    font-size: 2.5rem;
}


.testimonials-banner p {
    margin-left: 120px;
    background-color: rgba(255, 255, 255, 0.7);
}

p.large-quote {
    font-family: robotoregular;
    font-weight: 600;
    font-size: 80px;
    padding: 0px 200px 0px 200px;
    margin: 0;
}

.quote-top {
    text-align: left;
}

.quote-bot {
    text-align: right;

}

#testimonial-image {
    width: 175px;
    float: left;
    margin-right: 30px;
}

.signature {
    background: black !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    margin-right: 2em !important;
    margin-top: -50px !important;
    font-family: signature_font !important;
}

#homeMapSignatories {
    height: inherit !important;
}

@media only screen and (min-width: 1700px) and (max-width: 2000px) {
    .testimonials-banner {
        padding: 0px 200px 0px 200px;
        font-size: 30px;
    }

    p.large-quote {
        font-size: 80px;
        padding: 0px 200px 0px 200px;
    }

    .signature {
        font-size: 55px !important;
    }
}

@media only screen and (min-width: 890px) and (max-width: 1540px) {
    .testimonials-banner {
        padding: 0px 160px 0px 160px;
        font-size: 23px;
    }

    p.large-quote {
        font-size: 73px;
        padding: 0px 160px 0px 160px;
    }

    .signature {
        font-size: 40px !important;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 2200px) {
    .testimonials-banner {
        padding: 0px 250px 0px 250px;
        font-size: 30px;
    }

    p.large-quote {
        font-size: 140px;
        padding: 0px 250px 0px 250px;
    }

    .signature {
        font-size: 55px !important;
    }
}

@media only screen and (max-width: 1800px) {
    .testimonials-banner {
        padding: 0px 140px 0px 140px;
        font-size: 28px;
    }

    p.large-quote {
        font-size: 78px;
        padding: 0px 140px 0px 140px;
    }

    .signature {
        font-size: 50px !important;
    }
}

@media only screen and (max-width: 1760px) {
    .testimonials-banner {
        padding: 0px 130px 0px 130px;
        font-size: 27px;
    }

    p.large-quote {
        font-size: 77px;
        padding: 0px 130px 0px 130px;
    }

    .signature {
        font-size: 50px !important;
    }
}

@media only screen and (max-width: 1730px) {
    .testimonials-banner {
        padding: 0px 127px 0px 127px;
        font-size: 27px;
    }

    p.large-quote {
        font-size: 77px;
        adding: 0px 127px 0px 127px;
    }

    .signature {
        font-size: 50px !important;
    }

}

@media only screen and (max-width: 1680px) {
    .testimonials-banner {
        padding: 0px 123px 0px 123px;
        font-size: 25px;
    }

    p.large-quote {
        font-size: 100px;
        padding: 0px 123px 0px 123px;
    }

    .signature {
        font-size: 45px !important;
    }
}

@media only screen and (max-width: 1440px) {
    .testimonials-banner {
        padding: 0px 110px 0px 110px;
        font-size: 21px;
    }

    p.large-quote {
        font-size: 71px;
        padding: 0px 110px 0px 110px;
    }

    .signature {
        font-size: 35px !important;
    }
}

@media only screen and (max-width: 1540px) {
    .testimonials-banner {
        padding: 0px 115px 0px 115px;
        font-size: 23px;
    }

    .signature {
        font-size: 30px !important;
    }
}

@media only screen and (max-width: 1360px) {
    .testimonials-banner {
        padding: 0px 108px 0px 108px;
        font-size: 20px;
    }

    p.large-quote {
        font-size: 70px;
        padding: 0px 108px 0px 108px;
    }

    .signature {
        font-size: 25px !important;
    }
}

@media only screen and (max-width: 1280px) {
    .testimonials-banner {
        padding: 0px 105px 0px 105px;
        font-size: 20px;
    }

    p.large-quote {
        font-size: 70px;
        padding: 0px 105px 0px 105px;
    }

    .signature {
        font-size: 25px !important;
    }
}

@media only screen and (max-width: 1200px) {
    .testimonials-banner {
        padding: 0px 103px 0px 103px;
        font-size: 19px;
    }

    p.large-quote {
        font-size: 68px;
        padding: 0px 103px 0px 103px;
    }

    .signature {
        font-size: 23px !important;
    }
}

@media only screen and (max-width: 1150px) {
    .testimonials-banner {
        padding: 0px 100px 0px 100px;
        font-size: 18px;
    }

    p.large-quote {
        font-size: 65px;
        padding: 0px 100px 0px 100px;
    }

    .signature {
        font-size: 20px !important;
    }
}

@media only screen and (max-width: 1090px) {
    .testimonials-banner {
        padding: 0px 95px 0px 95px;
        font-size: 17px;
    }

    p.large-quote {
        font-size: 62px;
        padding: 0px 100px 0px 100px;
    }

    .signature {
        font-size: 20px !important;
    }
}

@media only screen and (max-width: 1040px) {
    .testimonials-banner {
        padding: 0px 95px 0px 95px;
        font-size: 17px;
    }

    p.large-quote {
        font-size: 62px;
        padding: 0px 95px 0px 95px;
    }

    .signature {
        font-size: 20px !important;
    }
}

@media only screen and (max-width: 991px) {
    .testimonials-banner {
        padding: 0px 80px 0px 80px;
        font-size: 16px;
    }

    p.large-quote {
        font-size: 58px;
        padding: 0px 80px 0px 80px;
    }

    .signature {
        font-size: 19px !important;
    }
}

@media only screen and (max-width: 820px) {
    .testimonials-banner {
        padding: 0px 65px 0px 65px;
        font-size: 15px;
    }

    p.large-quote {
        font-size: 55px;
        padding: 0px 65px 0px 65px;
    }

    header ul#primary-nav>li>a {
        color: white !important;
        background: #133f70 !important;
        ;
    }

    .signature {
        font-size: 18px !important;
    }
}

@media only screen and (max-width: 600px) {
    header ul#primary-nav>li>ul>li>ul {
        display: none !important;
    }

    .testimonials-banner {
        padding: 0px 30px 0px 30px;
        font-size: 15px;
    }

    p.large-quote {
        font-size: 50px;
        padding: 0px 30px 0px 30px;
    }

    header ul#primary-nav>li>a {
        color: white !important;
        background: #133f70 !important;
        ;
    }

    .signature {
        font-size: 17px !important;
    }
}

@media only screen and (max-width: 460px) {
    .testimonials-banner {
        padding: 0px 10px 0px 10px;
        font-size: 15px;
    }

    p.large-quote {
        font-size: 45px;
        padding: 0px 10px 0px 10px;
    }

    header ul#primary-nav>li>a {
        color: white !important;
        background: #133f70 !important;
        ;
    }

    .signature {
        font-size: 16px !important;
    }


}

#home-signatories {
    float: left;
    width: 100%;
    background: #133f70;
    padding: 75px 0px;
}

#home-signatories .leaf-title {
    color: #fff;
}

#home-signatories .map-wrap {
    float: left;
    width: 100%;
    height: 580px;
    overflow: hidden;
    /*border-radius: 50px 0px 50px 0px;*/
}

#home-signatories .map-wrap iframe {
    width: 100%;
    height: 100%;
}

#home-signatories input[type="text"] {
    border: solid 1px #fff;
    background: none;
    width: 100%;
    font-size: 24px;
    color: #fff;
    font-family: 'robotolight', arial;
    /*border-radius: 6px;*/
    padding: 12px 18px;
    margin: 0px 0px 38px;
}

#home-signatories input::-webkit-input-placeholder {
    opacity: 1 !important;
    color: #fff !important;
}

#home-signatories input::placeholder {
    opacity: 1 !important;
    color: #fff !important;
}

#home-signatories .select-wrap {
    width: 100%;
    margin-bottom: 38px;
}

#home-signatories .select-wrap.pull-left {
    width: 48%;
}

#home-signatories .select-wrap.pull-right {
    width: 48%;
}

#home-signatories .select-styled {
    float: left;
    border: solid 1px #fff;
    font-size: 22px;
    color: #fff;
    font-family: 'robotolight', arial;
    /*border-radius: 6px;*/
    padding: 12px 36px 12px 14px;
    height: 60px;
    overflow: hidden;
    line-height: 35px;
    width: 100%;
    background: url(../images/sig-select.png) no-repeat right center;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#home-signatories .select-options {
    display: none;
    background: #fff;
    color: #333;
    top: 60px;
    /*border-radius: 6px;*/
    overflow: hidden;
}

#home-signatories input#searchsign+.select-wrap .select-options {
    max-height: 297px;
}

#home-signatories .select-options li {
    padding: 10px 18px;
    font-size: 20px;
    font-family: 'robotolight', arial;
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}


.map-sign-search {
    background-image: linear-gradient(to right, rgba(37, 167, 222, 0.95), rgba(245, 230, 139, 0.95) 25%, rgba(9, 147, 162, 0.95));
    font-weight: 600;
    border: solid 3px black;
}

.map-sign-search:hover {
    background-image: none !important;
    background: #e4e4e4 !important;

}

#home-signatories .select-options li:hover {
    background: #133f70 !important;
    color: #fff !important;
}

#home-signatories a.clear_all {
    color: #fff;
    float: right;
    font-family: 'robotomedium', arial;
    font-size: 18px;
    text-decoration: underline;
    margin-top: 12px;
}

.page-filter a.clear_all {
    color: #133f70;
    float: right;
    font-family: 'robotomedium', arial;
    font-size: 14px;
    text-decoration: underline;
    margin-top: 10px;
}

.select-options li:first-child {
    font-family: 'robotomedium', arial !important;
}

.map-addr-wrap {
    background: rgba(245, 245, 245, 0);
    float: left;
    width: 100%;
    display: table;
    /*border-radius: 40px 0px 40px 0px;*/
    overflow: hidden;
    margin-top: 30px;
}

.map-addr-wrap .address {
    float: left;
    width: 25%;
    padding: 30px 60px 30px 30px;
}

.map-addr-wrap .map {
    float: left;
    width: 75%;
}

.map-addr-wrap iframe {
    width: 100%;
    height: 600px;
    overflow: hidden;
    border: none;
}

/*-------------------------------------------------------*/
/* Inner
/*-------------------------------------------------------*/
.page-wrap p {
    color: #333;
    line-height: 24px;
    margin: 0px 0px 30px;
}

section#inner-section {
    padding: 50px 0px 50px 0px;
}

section#inner-section .page-wrap {
    position: relative;
    background: #fff;
    background-image: linear-gradient(white 15%, rgba(255, 209, 2, 0.3) 25%, rgba(0, 134, 149, 0.3) 80%);
    padding: 50px;
    /*border-radius: 0px 10px 40px 0px;*/
    float: left;
    width: 100%;
    border: solid 3px #133f70;
}

section#inner-section .page-wrap.processing:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/processing.gif) no-repeat center 25%;
    background-size: 60px;
    z-index: 9;
}

section#inner-section .page-wrap.processing>* {
    opacity: 0.4;
}

section#inner-section .page-wrap h3,
#sidebar h3 {
    font-size: 28px;
    color: #000000;
    margin: 0 0 1rem;
}

section#inner-section .page-wrap h3.topic-title {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    line-height: 24px;
    background: #133f70;
    font-family: 'robotomedium', arial;
    padding: 16px 20px;
    margin: 0px 0px 36px;
    clear: both;
}

section#inner-section .page-wrap h3.topic-title i {
    margin-right: 10px;
    font-weight: 100;
}

section#inner-section .page-wrap p:last-child {
    margin: 0px;
}

section#inner-section ul.page-tab-nav {
    float: left;
    width: auto;
    margin: 0px;
    padding: 0px;
    border-radius: 40px 0px 0px 0px;
    overflow: hidden;
    display: table;
    /*display: flex;*/
    /*flex-wrap:wrap;*/
    min-width: 40%;
    table-layout: fixed;
}

section#inner-section ul.page-tab-nav>li {
    list-style: none;
    display: table-cell;
    /*vertical-align: top;*/
    text-align: center;
    margin: 0px;
    padding: 0px 20px 20px 0px;
    height: 80px;
    table-layout: fixed;
    float: none;
}

section#inner-section ul.page-tab-nav>li:last-child {
    padding-right: 0px;
}

section#inner-section ul.page-tab-nav>li:first-child {
    padding-left: 0px;
}

section#inner-section ul.page-tab-nav>li a {
    text-transform: uppercase;
    color: #979797;
    text-decoration: none;
    background: #ffffff;
    font-size: 20px;
    padding: 0px 25px;
    line-height: 24px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 20vw;
    text-align: center;
    overflow: hidden;
    letter-spacing: 2px;
    height: 80px;
    min-width: 200px;
}

section#inner-section ul.page-tab-nav>li a:hover {
    color: #133f70;
}

section#inner-section ul.page-tab-nav>li.active {
    background: #fff;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
    padding-bottom: 0px;
    /*border-right: solid 20px #f4f4f4;*/
    border-top: solid 3px #133f70;
    border-left: solid 3px #133f70;
    border-right: solid 3px #133f70;
}

section#inner-section ul.page-tab-nav>li.active a {
    background: #fff;
    color: #133f70;
    font-family: 'robotobold', arial;
    font-weight: 600;
    height: 100px;
}

section#inner-section ul.page-tab-nav>li:last-child.active {
    /*border: none;*/
}

section#inner-section ul.news-list {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

section#inner-section ul.news-list>li {
    list-style: none;
    float: left;
    margin: 0px;
    width: 100%;
    padding: 40px 0px;
    border-top: solid 1px #133f70;
}

section#inner-section ul.news-list>li:first-child {
    border: none;
}

section#inner-section ul.news-list h4 {
    margin: 0px 0px 36px;
    line-height: 100%;
    font-weight: 100;
}

section#inner-section ul.news-list h4 a {
    text-decoration: none;
    font-size: 24px;
    color: #133f70;
    font-family: 'robotobold', arial;
}

section#inner-section .news-list-wrap {
    display: table;
    width: 100%;
    table-layout: fixed;
}

section#inner-section .news-list-wrap>div {
    display: table-cell;
    vertical-align: top;
    text-align: left;
}

section#inner-section .news-list-wrap>div.news-thumb {
    width: 340px;
    padding-right: 20px;
    padding-top: 4px;
    /*border-radius: 20px 0px 20px 0px;*/
    overflow: hidden;
}

section#inner-section .news-list-wrap>div.news-thumb img {
    /*border-radius: 20px 0px 20px 0px;*/
    overflow: hidden;
    max-width: 100%;
    margin-top: 0px;
}

section#inner-section .news-list-wrap>div.news-desc p {
    line-height: 24px;
    color: #133f70;
}

section#inner-section .news-list-wrap>div.news-desc {
    line-height: 24px;
    font-family: "robotoregular", arial;
    font-size: 18px;
    color: #133f70;
}

section#inner-section .news-list-wrap>div.news-desc a {
    font-family: "robotoregular", arial;
    color: #133f70;
}

section#inner-section .news-list-wrap>div.news-desc p:last-child {
    margin: 0px;
}

section#inner-section .news-list-wrap .date,
.article_page .date_dl .date {
    display: inline-block;
    margin-bottom: 20px;
    font-size: 16px;
    color: #2372af;
}

section#inner-section .news-list-wrap .date:before,
.article_page .date_dl .date:before {
    content: '';
    font-family: FontAwesome;
    color: #2372af;
    margin: 0px 10px 0px 0px;
}

section#inner-section .news-list-wrap .news-cat,
.article_page .date_dl .news-cat {
    margin-left: 10px;
    display: inline-block;
    font-size: 16px;
    border-left: solid 2px #666666;
    padding-left: 10px;
}

section#inner-section .news-list-wrap .news-cat ul.tags>li,
.article_page .date_dl .news-cat ul.tags>li {
    float: none;
    display: inline-block;
}

section#inner-section .news-list-wrap .news-cat ul.tags>li a,
.article_page .date_dl .news-cat ul.tags>li a {
    color: #666666;
    font-family: "robotoregular", arial;
    font-size: 16px;
    padding: 0px;
    background: none;
    font-weight: 100;
    pointer-events: none;
}

.article_page .date_dl .date {
    margin: 0px;
}

.article_page .date_dl .news-cat {
    display: inline-block;
}

section#inner-section .news-list-wrap .news-cat ul.tags>li a:after,
.article_page .date_dl .news-cat ul.tags>li a:after {
    content: ', '
}

section#inner-section .news-list-wrap .news-cat ul.tags>li:last-child a:after,
.article_page .date_dl .news-cat ul.tags>li:last-child a:after {
    content: none;
}

.faq_page div[id^="topic"] {
    margin-bottom: 20px;
}

.article_page img,
.page-wrap p img,
.page-wrap>img {
    max-width: 400px;
    /*border-radius: 30px 0px 30px 0px;*/
    overflow: hidden;
    float: left;
    margin: 6px 20px 10px 0px;
}

.article_page .date_dl {}

.page-wrap a,
.page-wrap ul li a {
    color: #133f70;
}

.page-wrap ul li {
    list-style: disc;
}

section#inner-section .page-filter .select-styled {
    padding: 16px 45px 16px 20px;
    font-size: 24px;
    color: #133f70;
    border: solid 3px #133f70 !important;
    line-height: 100%;
    font-family: 'robotolight', arial;
    /*border-radius: 6px;*/
    position: relative;
    background: #ffffff;
    height: 60px;
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

section#inner-section .page-filter .select-styled:after {
    content: '';
    position: absolute;
    font-family: FontAwesome;
    right: 16px;
    top: 20px;

}

section#inner-section .page-filter .select-wrap {
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
}

section#inner-section .page-filter .select-options {
    display: none;
    background: rgba(255, 255, 255, 0.98);
    color: #133f70;
    top: 60px;
    /*border-radius: 6px;*/
    overflow: hidden;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
}

section#inner-section .page-filter .fcountry .select-options,
.page-filter .select-wrap .select-options {
    max-height: 350px;
    overflow-x: hidden !important;

}

section#inner-section .page-filter .select-options li {
    padding: 10px 18px;
    font-size: 20px;
    font-family: 'robotolight', arial;
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.select-options li:hover {
    background: #133f70 !important;
    color: #fff;
}

.select-options .mCSB_inside>.mCSB_container {
    margin: 0px !important;
}

.select-options .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px !important;
    background: rgba(0, 0, 0, 0.7);
}

.select-options .mCSB_scrollTools {
    margin: 8px 0px;
}

.select-options .mCSB_scrollTools .mCSB_draggerRail {
    background: rgba(255, 255, 255, 0.4);
}

.join-intro {
    max-width: 75%;
}

.join-intro+.row {
    margin-bottom: 0px !important;
}

section#inner-section .page-filter .select-options li:first-child {
    border: none;
}

section#inner-section .page-filter .select-options li:hover {
    background: #fff;
}

section#inner-section .page-filter .search-wrap {
    float: left;
    min-width: 18%;
    position: relative;
    display: table;
    margin-right: 30px;
    margin-bottom: 20px;
}

section#inner-section .page-filter .search-wrap input {
    display: table-cell;
    vertical-align: top;
}

.dataTables_wrapper .dataTables_filter input {
    background-color: white;
    margin-left: 0px;
}

.dataTables_info {
    color: #008695 !important;
    font-family: 'robotobold', arial;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1;
}

.dataTables_filter label:after,
section#inner-section .page-filter .search-wrap:after {
    content: '';
    color: #fff;
    font-size: 24px;
    font-family: FontAwesome;
    position: absolute;
    right: 20px;
    top: 12px;
    pointer-events: none;
    transition: all 0.3s ease 0s;
    transform: scale(1);
}

section#inner-section .page-filter .search-wrap:hover:after {
    transform: scale(1.2);
}

.page-filter.mb-40 .select .select-styled {
    max-width: 340px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

section#inner-section .page-filter input[type="text"] {
    padding: 16px 16px 16px 20px;
    font-size: 24px;
    color: #666666;
    line-height: 100%;
    font-family: 'robotolight', arial;
    /*border-radius: 6px;*/
    border: none;
    position: relative;
    height: 60px;
    background: #eeeeee;
    float: left;
    width: 260px;
    margin-right: 30px;
}

::placeholder {
    color: rgba(19, 63, 112, 0.8);
}

.map {
    border: solid 3px #133f70 !important;
}

section#inner-section .page-filter .search-wrap input[type="text"], input[type="search"] {
    padding: 16px 16px 16px 20px;
    font-size: 24px;
    color: #133f70;
    line-height: 100%;
    font-family: 'robotolight', arial;
    /*border-radius: 6px 0px 0px 6px;*/
    border: none;
    position: relative;
    height: 60px;
    background: #ffffff;
    border: solid 3px #133f70 !important;
    float: left;
    width: 280px;
    margin: 0px;
}

.dataTables_filter label,
section#inner-section .page-filter .search-wrap input[type="submit"] {
    width: 60px;
    height: 60px;
    background: #008695;
    border: none;
    /*border-radius: 0px 6px 6px 0px;*/
    float: left;
}

.dataTables_filter label {
    width: auto;
    color: #008695;
}

#inner-section .page-base-nav {
    width: 100%;
    text-align: center;
    float: left;
    width: 100%;
    margin: 40px 0px 0px;
}

#inner-section ul.pagination {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0px 0px 0px;
    padding: 0px;
}

#inner-section ul.pagination>li {
    display: inline-block;
    padding: 0px 6px 30px;
    vertical-align: top;
}

#inner-section ul.pagination>li a {
    font-size: 18px;
    color: #008695;
    text-decoration: none;
    font-family: 'robotomedium', arial;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    padding: 4px 0px;
    /*border-radius: 30px;*/
}

#inner-section ul.pagination>li.current a,
#inner-section ul.pagination>li.active a,
#inner-section ul.pagination>li span.current {
    background: #133f70;
    color: #fff;
    text-decoration: none;
    font-family: 'robotomedium', arial;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    padding: 4px 0px;
    /*border-radius: 30px;*/
    font-size: 18px;
}

.pagination-block>td ul.pagination li a {
    line-height: 27px;

}

.pagination-block>td>ul>li:nth-child(2) {
    float: left;
}

.pagination-block>td>ul>li:nth-child(3) {
    float: right;
}

.pagination-block>td>ul>li a {
    background: #008695;
    display: inline-block;
    border-bottom: solid 2px #133f70;
    /*border-radius: 6px 0px 6px 0px;*/
    padding: 20px;
    line-height: 100%;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'robotomedium', arial;
    text-decoration: none !important;
    transition: all 0.1s ease 0s;
}

.pagination-block>td>ul>li a.btn-primary {
    color: #fff !important;
}

#inner-section .btn-small.btn-back,
#inner-section .btn-small.btn-next,
.pagination-block>td>ul>li a {
    font-size: 16px;
    font-family: 'robotolight', arial;
    line-height: 100%;
    padding: 10px 10px 8px;
    float: left;
    margin-bottom: -40px;
    position: relative;
    z-index: 2;
}

tr.pagination-block>td {
    padding-bottom: 0px !important;
}

.pagination-block td {
    padding: 30px 0px 20px 0px !important;
    background: none !important;
}

#inner-section .btn-small.btn-back,
.pagination-block>td>ul>li:nth-child(2) a,
.pagination-block .pagination-block>.pagenav:first-child,
.search>.pagination>li:first-child>a {
    background: #008695;
    display: inline-block;
    border-bottom: none;
    /*border-radius: 12px 0px 12px 0px;*/
    padding: 20px;
    font-size: 16px;
    color: #fff !important;
    font-family: 'robotolight', arial;
    line-height: 100%;
    padding: 10px 10px 8px;
    float: left;
    margin-bottom: -40px;
    position: relative;
    z-index: 2;
    text-decoration: none !important;
    transition: all 0.1s ease 0s;
    float: left;
    padding-left: 30px;
    background-image: url(../images/page-left.png) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
}

#inner-section .btn-small.btn-next,
.pagination-block>td>ul>li:nth-child(3) a,
.pagination-block .pagination-block>.pagenav:nth-child(2),
.search>.pagination>li:nth-child(2)>a {
    background: #008695;
    display: inline-block;
    border-bottom: none;
    /*border-radius: 22px 0px 22px 0px;*/
    padding: 20px;
    line-height: 100%;
    color: #fff !important;
    text-transform: uppercase;
    /*border-radius: 12px 0px 12px 0px;*/
    padding: 20px;
    font-size: 16px;
    color: #fff;
    font-family: 'robotolight', arial;
    line-height: 100%;
    padding: 10px 10px 8px;
    text-decoration: none !important;
    transition: all 0.1s ease 0s;
    float: right;
    padding-right: 30px;
    background-image: url(../images/page-right.png) !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
}

.search>.pagination>li a {
    top: 26px;
    position: relative;
}

.search>.pagination>li.disabled a {
    opacity: 0.8;
}

.search>.pagination>li {
    list-style: none;
}

#inner-section ul.event-listing {
    float: left;
    margin: 20px 0px 50px;
    min-width: 100%;
    padding-bottom: 50px !important;
    overflow: visible !important;
    clear: both;
}

#inner-section ul.event-listing>li {
    list-style: none;
}

#inner-section ul.event-listing>li.pagination-block {
    position: absolute !important;
    bottom: -20px !important;
    left: 25px !important;
    top: auto;
    z-index: 2;
    width: calc(100% - 50px) !important;
}

#inner-section #loadItems ul.event-listing {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

#inner-section #loadItems ul.event-listing>li.element {
    float: left;
    width: 33.3%;
    padding: 10px;
}

#inner-section ul.event-listing .event-thumb {
    width: 100%;
    float: left;
    /*border-radius: 40px 0px 0px 0px;*/
    overflow: hidden;
}

#inner-section ul.event-listing .event-thumb img,
.event-listing.details-page .event-thumb img {
    width: 100%;
    margin: 0px;
    max-width: none;
    border-radius: 0px;
}

#inner-section ul.event-listing.details-page {
    margin: 0px !important;
    padding: 0px !important;
}

.event-listing.details-page img {
    /*border-radius: 40px 0px 40px 0px !important;*/
    overflow: hidden !important;
    float: left;
    margin: 0px 30px 30px 0px;
}

#inner-section ul.event-listing .event-desc {
    background: #ffffff;
    padding: 20px;
    /*border-radius: 0px 0px 40px 0px;*/
    overflow: hidden;
}

#inner-section ul.event-listing .event-desc img {
    float: left;
    /*border-radius: 30px 0px 30px 0px;*/
    overflow: hidden;
    max-width: 300px;
    margin: 5px 20px 10px 0px;
}

ul.event-listing .event-desc p,
ul.event-listing.details-page p {
    font-size: 16px;
    line-height: 24px;
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    clear: left;
}

.eventpage .news-list ul.event-listing p {
    clear: none !important;

}

ul.event-listing .event-desc h4,
ul.event-listing.details-page h4 {
    font-size: 22px;
    margin: 0px;
    line-height: 24px;
    display: inline-block;
    max-width: 82%;
}

ul.event-listing .event-desc h4 a,
ul.event-listing.details-page h4 a {
    color: #133f70;
    text-decoration: none;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

ul.event-listing .event-desc .ev-date,
ul.event-listing.details-page .ev-date {
    float: right;
    text-align: center;
    color: #133f70;
    line-height: 100%;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 14px;
}

ul.event-listing .event-desc .ev-date strong,
ul.event-listing.details-page .ev-date strong {
    display: block;
    text-align: center;
    font-size: 30px;
    font-family: 'robotomedium', arial;
    line-height: 100%;
    margin-bottom: 5px;
}

ul.event-listing .event-desc .loc,
ul.event-listing.details-page .loc {
    float: left;
    clear: left;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 2px;
    color: #333;
    margin-bottom: 4px;
    width: 84%;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

ul.event-listing .event-desc .event_org,
ul.event-listing.details-page .event_org {
    float: left;
    clear: left;
    font-size: 12px;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 14px;
    max-width: 86%;
}

ul.event-listing.details-page span.loc,
ul.event-listing.details-page span.event_org {
    display: inline-block;
    float: none;
    max-width: none;
    vertical-align: top;
    width: auto;
}

ul.event-listing .event-desc div {
    clear: both;
}

ul.event-listing .event-desc .loc:before {
    content: '';
    font-size: 16px;
    font-family: FontAwesome;
    margin: 0px 6px 0px 0px;
    position: relative;
    top: -2px;
}

#inner-section ul.event-listing.details-page {
    -webkit-column-count: 1;
    /* Chrome, Safari, Opera */
    -moz-column-count: 1;
    /* Firefox */
    column-count: 1;
    width: 100%;
}

#inner-section ul.event-listing .event-thumb.ext_image {
    width: auto !important;
    float: none !important;
    display: inline !important;
}

#inner-section ul.event-listing .event-thumb.ext_image img {
    width: auto;
    max-width: none;
    border-radius: 0px;
}

.news-list .details-page h4 {
    margin-bottom: 15px !important;
}

#inner-section ul.event-listing.details-page .event-thumb {
    width: auto;
    border-radius: 0px;
    margin-right: 20px;
    margin-top: 10px;
}

#inner-section ul.event-listing.details-page .event-desc {
    border-radius: 0px;
    background: none;
    padding: 0px;
}

.event-listing.details-page>li {
    width: 100%;
}

li.no_item {
    background: url(../images/no-item.png) no-repeat 15px center #f9f9f9;
    background-size: 30px;
    padding: 20px 0px 20px 55px !important;
    font-size: 18px !important;
    color: #a8a8a8;
    /*border-radius: 10px 0px 10px 0px !important;*/
    margin-top: 10px !important;
    list-style: none !important;
}

.details-page>li ul {
    padding-left: 15px;

}

.event-nav {
    float: left;
    width: 100%;
    margin-bottom: 40px;
    /*display: none;*/
}

.event-nav a {
    display: inline-block;
    font-size: 18px;
    color: #ccc5c5;
    text-decoration: none;
    font-family: 'robotobold', arial;
    float: left;
    padding: 4px 0px;
}

.event-nav a.active {
    color: #133f70;
}

.event-nav a i {
    font-size: 30px;
    float: left;
    margin: -1px 10px 0px 0px;
}

.event-nav ul.event-nav-ul>li:first-child a {
    padding-right: 20px;
    margin-right: 20px;
    border-right: solid 2px #008695;
}

.event-nav ul.event-nav-ul li a {
    color: #008695;
}

.event-nav ul.event-nav-ul>li a {
    color: #a8a8a8;
}

.event-nav ul.event-nav-ul>li a.active {
    color: #008695;
}

ul.event-nav-ul>li {
    list-style: none;
}

hr.ruler {
    background: #133f70;
    border: none;
    margin: 40px 0px;
    height: 1px;
}

.table-wrap {
    float: left;
    width: 100%;
    margin-top: 20px;
    /*border-radius: 40px 0px 40px 0px;*/
    overflow: hidden;
}

.table-wrap table {
    width: 100%;
    border: none;
}

.table-wrap table td,
.table-wrap table th {
    padding: 12px 15px 12px 15px;
    font-size: 18px;
    color: #666666;
    font-family: 'robotomedium', arial;
    background: rgba(245, 230, 139, 0.9);
    border-bottom: solid 2px #fff;
}

.table-wrap {
    position: relative;
}

.table-wrap tbody.processing:after,
#world-map.processing:after {
    content: '';
    background: url(../images/processing.gif) no-repeat center;
    width: 40px;
    height: 40px;
    position: absolute;
    left: -50%;
    right: -50%;
    margin: auto;
    top: 33%;
    z-index: 99;
    background-size: 40px;
}

#world-map.processing>div {
    opacity: 0.4;
}

.table-wrap tbody.processing * {
    opacity: 0.7;
}

.table-wrap table tr td:first-child,
.table-wrap table tr th:first-child {
    padding-left: 25px;
}

.table-wrap table th a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    position: relative;
    padding-right: 18px;
    line-height: normal;
}

.table-wrap table tr td a {
    color: #666666;
}

.table-wrap table th a.tb-sort:after {
    content: '';
    color: #008695;
    font-family: FontAwesome;
    position: absolute;
    right: 0px;
    height: 20px;
    top: -50%;
    bottom: -50%;
    margin: auto;
    line-height: 100%;
}

.table-wrap table th a.tb-sort {
    min-width: 50px;
    position: relative;
}

.table-wrap table th a.tb-sort.DESC:after {
    content: '';
    height: 16px;
}

.table-wrap table th {
    font-size: 18px;
    color: #fff;
    font-family: 'robotobold', arial;
    background: #008695;
    font-weight: 100;
    padding-top: 14px;
    padding-bottom: 16px;
    padding-left: 10px;
    padding-right: 10px;
}

.table-wrap table th a {
    cursor: pointer;
}

.table-wrap table tr:nth-child(even) td {
    background: #ededed;
}

.table-wrap table td span.word_break {
    display: block;
    word-wrap: break-word;
    max-width: 75%;
}

.table-wrap tr td:first-child {
    width: 32%;
}

ul.accordion {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

ul.accordion>li {
    list-style: none;
    float: left;
    width: 100%;
    border-top: solid 1px #b2e5e8;
    padding: 15px 0px;
}

ul.accordion>li:first-child {
    border: none;
}

#sign-tab5+.inner ul.icons-list>li>div {
    min-width: 145px;
}

.accordion .inner {
    display: none;
    float: left;
    width: 100%;
    padding: 20px 0px 10px;
}

ul.accordion>li a.toggle,
ul.accordion>li a.toggle-pro {
    position: relative;
    color: #133f70;
    font-size: 20px;
    font-family: 'robotobold', arial;
    text-decoration: none;
    display: block;
    padding-right: 33px;
    font-weight: 600;
}

ul.accordion>li a.toggle:after,
ul.accordion>li a.toggle-pro:after {
    color: #fff;
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50px;
    height: 40px;
    background: url(../images/plus-minus.png) no-repeat top center;
    /*border-radius: 30px;*/

}

ul.accordion>li a.toggle.active:after,
ul.accordion>li a.toggle-pro.active:after {
    background-position: bottom center;
}

a.download-file {
    font-size: 18px;
    color: #133f70;
    text-decoration: none;
    font-family: 'robotomedium', arial;
}

a.download-file:after {
    color: #133f70;
    content: '';
    font-family: FontAwesome;
    margin-left: 10px;
}

.accordion .table-wrap {
    margin: 0px;
}

ul.leaf-list {
    margin: 0px 0px 30px;
    list-style: none;
    padding: 0px;
}

ul.leaf-list>li {
    list-style: none;
    margin: 0px 0px 8px;
    padding: 0px 0px 0px 44px;
    font-size: 16px;
    font-family: 'robotomedium', arial;
    background: url(../images/li-leaf.png) no-repeat 0px -3px;
}

ul.leaf-list>li a {
    color: #008695;
}

.docs-sidebar {
    margin-top: 100px;
}

#sidebar {
    margin: 0px;
    padding: 0px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
}

div#sidebar {
    padding: 35px;
}

#sidebar p {
    font-size: 18px;
    line-height: 24px;
    color: #666666;
    font-family: 'robotomedium', arial;
    margin-bottom: 30px;
}

#sidebar h3 {
    margin-bottom: 24px;
}

ul#sidebar li {
    list-style: none;
    padding: 6px 0px;
}

ul#sidebar li>a {
    font-size: 18px;
    font-family: 'robotomedium', arial;
    color: #333;
    padding: 0px !important;
    background: none;
}

ul#sidebar>li>a {
    padding-left: 13px !important;
    display: inline-block;
}

#sidebar.affix {
    top: 100px;
    width: 20%;
    position: fixed;
}

.docs-sidebar #sidebar,
.docs-sidebar #sidebar.affix {
    width: 320px;
}

ul#sidebar li ul {
    padding-left: 30px;
    margin-top: 10px;
    display: none;
}

ul#sidebar li ul li {
    padding: 5px 0px;
}

ul#sidebar li ul li a {
    font-size: 16px;
    line-height: 100%;
    font-family: 'robotoregular', arial;
    padding-left: 6px !important;
}

ul#sidebar>li.active>a {
    color: #133f70;
    padding-left: 12px !important;
    border-left: solid 1px;
    display: inline-block;
}

ul#sidebar>li ul li.active a {
    color: #133f70;
    padding-left: 5px !important;
    border-left: solid 1px;
}

ul#sidebar>li.active ul {
    display: block;
}

#inner-section p.intro {
    font-size: 20px;
    line-height: normal;
    color: #000000;
    margin: 0px 0px 30px;
}

.bdg {
    display: inline-block;
    padding: 2px 6px;
    line-height: 100%;
    font-size: 11px;
    font-family: 'robotobold', arial;
    background: #008695;
    /*border-radius: 3px 0px 3px 0px;*/
    color: #fff;
    margin-right: 10px;
    float: left;
}

.bdg.bdg-green {
    background: #133f70;
}

.bdg.bdg-darkblue {
    background: #133f70;
}

.status-0 {
    width: 78px;
    height: 10px;
    float: left;
    background: url(../images/status-0.png) no-repeat left center;
}

.status-1 {
    width: 78px;
    height: 10px;
    float: left;
    background: url(../images/status-1.png) no-repeat left center;
}

.status-2 {
    width: 78px;
    height: 10px;
    float: left;
    background: url(../images/status-2.png) no-repeat left center;
}

.status-3 {
    width: 78px;
    height: 10px;
    float: left;
    background: url(../images/status-3.png) no-repeat left center;
}

.toggle-block {
    float: left;
    width: 100%;
    display: none;
}

.toggle-trigger {
    font-size: 16px;
    background-image: linear-gradient(to right, rgba(37, 167, 222, 0.95), rgba(245, 230, 139, 0.95) 25%, rgba(9, 147, 162, 0.95));
    border: solid 3px black;
    color: black !important;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'robotomedium', arial;
    padding: 10px 12px;
    display: inline-block;
    text-decoration: none !important;
    /*border-radius: 0px !important;*/
}

.toggle-trigger:hover {
    background: #008695;
    color: white !important;
    border: solid 3px #008695;
}

.toggle-trigger:active {
    background: #008695 none repeat scroll 0 0;
    transform: translate(0px, 3px);
}

.no-margin {
    margin: 0px !important;
}

.toggle-block {
    padding-top: 30px;
}

.toggle-block .select-wrap .select-options {
    max-height: 300px;
}

.switch-view {
    float: left;
    width: 100%;
    margin-bottom: 35px;
}

.switch-view label {
    font-weight: 100;
    font-size: 24px;
    color: #008695;
    font-family: 'robotobold', arial;
    line-height: 100%;
    padding: 20px 25px 12px 0px;
    float: left;
}

.switch-view .switch-wrap {
    float: left;
    /*border-radius: 10px 0px 10px 0px;*/
    overflow: hidden;
}

.switch-view .switch-wrap a {
    float: left;
    background: #ccc5c5;
    width: 90px;
    height: 65px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

.switch-view .switch-wrap i {
    font-size: 30px;
    line-height: normal;
    line-height: 66px;
    color: #fff;
    transition: all 0.3s ease 0s;
    transform: scale(1);
}

.switch-view .switch-wrap a:hover i {
    transform: scale(1.2);
}

.switch-view .switch-wrap a.active,
.switch-view .switch-wrap a:hover {
    background: #008695;
}

.steps-wrapper {
    display: flex; 
    justify-content: space-between;
    width: 100%;
    margin: 40px 0px;
    height: 334px;
    box-sizing: border-box;
}

.steps-wrapper > div {
    flex: 1; 
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px 15px;
    text-align: left;
    margin-right: 20px;
    box-sizing: border-box;
}

.steps-wrapper>div:last-child {
    padding-right: 0px;
    margin-right: 0px;
}

/*
.steps-wrapper>div:last-child {
    background: rgba(37, 167, 222, 0.95);
}*/

/*
.steps-wrapper > div > span {
    display: table-cell;
    vertical-align: middle;
    height: 200px;
    width: 100vw;
    padding: 20px 30px 20px 40px;
    background: #008695;
    color: #fff;
}*/

/*.steps-wrapper>div:first-child span {
    background: #133f70;
}*/

.steps-wrapper>div:first-child {
    background: #133f70;
    border-radius: 40px 0px 40px 0px;
}

.steps-wrapper>div:nth-child(2) {
    background: #008695;
    border-radius: 40px 0px 40px 0px;
}

.steps-wrapper>div:nth-child(3) {
    background: #36AADE;
    border-radius: 40px 0px 40px 0px;
}

.steps-wrapper>div>span {
    display: table-cell;
    vertical-align: middle;
    height: 200px;
    width: 100vw;
    padding: 20px 30px 20px 40px;
    background: #008695;
    color: #fff;
    /*border-radius: 40px 0px 40px 0px;*/
}

.steps-wrapper>div * {
    color: #fff !important;
}

.steps-wrapper>div span a {
    color: #fff;
}

.steps-wrapper>div h4 {
    font-size: 24px;
    line-height: 30px;
    margin: 0px;
    font-family: 'robotobold', arial;
    color: #fff;
}

.steps-wrapper>div p {
    color: #fff !important;
}


#ico-carousel {
    margin-bottom: 60px;
    width: 100% !important;
    overflow: hidden;
    position: static !important;
    background-image: linear-gradient(to right, #ffd1029e, white);
    border-top: solid 3px black;
    border-bottom: solid 3px black;
    position: relative !important;
    padding: 30px 30px 45px 0px;
    min-width: calc(100% + 100px);
    margin-left: -50px;
}

#ico-carousel .m-left {
    width: 90px;
    height: 90px;
    border: none;
    position: absolute;
    top: 33%;
    left: -18px;
    z-index: 2;
    background: none;
}

#ico-carousel .disabled {
    opacity: 0.4 !important;
}

#ico-carousel .m-right {
    width: 90px;
    height: 90px;
    border: none;
    position: absolute;
    top: 33%;
    right: -18px;
    background: none;
    z-index: 2;
}

#ico-carousel .m-left:before {
    content: '';
    background: #000000;
    width: 4px;
    height: 24px;
    overflow: hidden;
    text-indent: 100px;
    position: absolute;
    top: 29%;
    left: 45%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all 0.3s ease 0s;
}

#ico-carousel .m-left:after {
    content: '';
    background: #000000;
    width: 4px;
    height: 24px;
    overflow: hidden;
    text-indent: 100px;
    position: absolute;
    top: 45%;
    left: 45%;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: all 0.3s ease 0s;
}

#ico-carousel .m-left:hover:after,
#ico-carousel .m-left:hover:before {
    width: 8px;
    left: 42%;
}

#ico-carousel .m-left:hover:before {
    top: 31%;
}

#ico-carousel .m-right:before {
    content: '';
    background: #000000;
    width: 4px;
    height: 24px;
    overflow: hidden;
    text-indent: 100px;
    position: absolute;
    top: 29%;
    left: 48%;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: all 0.3s ease 0s;
}

#ico-carousel .m-right:after {
    content: '';
    background: #000000;
    width: 4px;
    height: 24px;
    overflow: hidden;
    text-indent: 100px;
    position: absolute;
    top: 45%;
    left: 48%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all 0.3s ease 0s;
}

#ico-carousel .m-right:hover:after,
#ico-carousel .m-right:hover:before {
    width: 8px;
    left: 48%;
}

#ico-carousel .m-right:hover:before {
    top: 31%;
}

#ico-carousel ul.slider-wrap {
    padding: 0px;
    margin: 0px;
    float: left;
}

#ico-carousel ul.slider-wrap {
    margin-left: -5px !important;
}

#ico-carousel ul.slider-wrap>li {
    list-style: none;
    width: 20.8%;
    padding: 0px;
    margin: 0px 0px 0px 50px;
    height: calc(100% + 50px) !important;
}

#ico-carousel p {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
    font-family: 'robotobold', arial;
    color: #000000;
}

#ico-carousel img {
    margin-bottom: 24px;
}

.login-block {
    flaot: left;
    width: 100%;
    margin: 0px;
}

.login-block .block-info-msg {
    float: left;
    background: #008695;
    padding: 65px 20px 16px;
    width: 24%;
    position: relative;
}

.login-block .block-info-msg:before {
    content: '';
    color: #fff;
    position: absolute;
    left: 20px;
    top: 20px;
    font-size: 36px;
    line-height: 100%;
    font-family: FontAwesome;
}

.login-block .block-info-msg span {
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    font-family: 'robotomedium', arial;
    color: #fff;
    letter-spacing: 2px;
}

.login-block .form-field {
    float: left;
    width: 38%;
    padding-left: 20px;
    margin-bottom: 32px;
}

.form-field input[type="text"],
.form-field input[type="password"] {
    padding: 16px 16px 16px 20px;
    font-size: 24px;
    color: #666666;
    line-height: 100%;
    font-family: 'robotolight', arial;
    /*border-radius: 6px;*/
    border: none;
    position: relative;
    height: 60px;
    background: #eeeeee;
    float: left;
    width: 100%;
}

.login-block .form-field a {
    display: inline-block;
    font-size: 16px;
    color: #5b6779;
    opacity: 0.7;
    margin-top: 20px;
}

.login-block .btn-big {
    float: left;
    margin-left: 20px;
}

.vertical-tab-wrap {
    float: left;
    width: 100%;
    display: table;
    background: #008695;
    /*border-radius: 40px 0px 40px 0px;*/
    overflow: hidden;
}

.vertical-tab-wrap>* {
    display: table-cell;
    vertical-align: top;
    text-align: left;
}

.vertical-tab-wrap>ul.nav {
    width: 275px;
    /*border-radius: 0px 0px 40px;*/
    background: #3f6078;
    border: none;
}

.vertical-tab-wrap>ul.nav>li {
    border: none;
    margin: 0px;
    border-top: solid 1px #008695;
}

.vertical-tab-wrap>ul.nav>li:first-child {
    border: none;
}

.vertical-tab-wrap>ul.nav>li a {
    padding: 15px 15px 30px;
    text-align: center;
    display: block;
    text-decoration: none !important;
    border: none !important;
    margin-right: 0px !important;
    background: none !important;
    border-radius: 0px !important;
}

.vertical-tab-wrap>ul.nav>li a strong {
    display: block;
    text-align: center;
    font-size: 24px;
    line-height: 26px;
    margin: 0px 0px 15px;
    font-family: 'robotobold', arial;
    color: #fff;
}

.vertical-tab-wrap>ul.nav>li.active a {
    background: #008695 !important;
}

.vertical-tab-wrap>ul.nav>li a span {
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
}

.vertical-tab-wrap .tab-content {
    padding: 40px;
    color: #fff;
}

.vertical-tab-wrap .tab-content p {
    color: #fff;
}

ul.team-listing {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

ul.team-listing>li {
    width: 50%;
    list-style: none;
    margin: 0px 0px 40px;
    padding: 0px;
    float: left;
    display: table;
    table-layout: fixed;
}

ul.team-listing>li:nth-child(odd) {
    clear: left;
    padding-right: 0px;
}

ul.team-listing>li:nth-child(even) {
    clear: right;
    padding-left: 20px;
}

ul.team-listing>li>div {
    display: table-cell;
    vertical-align: top;
    text-align: left;
}

ul.team-listing>li>div.user-thumb {
    width: 160px;
    overflow: hidden;
    vertical-align: top;
    text-align: center;
    color: #008695;
    font-size: 20px;
}

.custom_calendar tr td>a.more .today_circle {
    height: 30px !important;
    margin-top: 2px;
    padding: 0 !important;
    width: 30px !important;
}

ul.team-listing>li>div.user-thumb span {
    width: 100%;
    /*border-radius: 20px 0px 20px 0px;*/
}

ul.team-listing>li>div.user-thumb img {
    overflow: hidden;
    /*border-radius: 20px 0px 20px 0px;*/
}

ul.team-listing>li>div.user-desc {
    padding-left: 20px;
}

ul.team-listing>li ul {
    width: 100%;
    margin: -6px 0px 0px 0px;
    padding: 0px;
}

ul.team-listing>li ul>li,
#team-slider .user-desc>div {
    display: table;
    list-style: none;
    width: 100%;
    margin: 0px 0px 18px 0px;
}

ul.team-listing>li ul>li>span,
#team-slider .user-desc>div>span {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    width: auto;
    font-size: 18px;
    color: #5b6779;
}

ul.team-listing>li ul>li>span:first-child,
#team-slider .user-desc>div>span:first-child {
    width: 120px;
}

ul.team-listing>li ul>li>span:last-child,
#team-slider .user-desc>div>span:last-child {
    text-align: right;
    padding-left: 10px;
    color: #133f70;
}

ul.team-listing>li ul>li span a,
#team-slider .user-desc>div span a {
    color: #133f70;
    word-break: break-all;
    text-decoration: none;
}

#team-slider ul.team-listing>li:nth-child(2n+1) {
    clear: none !important;
}

#team-slider ul.team-listing>li {
    width: 47.8%;
    padding: 0px !important;
    margin: 0px 0px 0px 50px !important;
}

#team-slider ul.team-listing {
    margin-left: -50px !important;
}

#team-slider {
    margin-bottom: 0px;
    width: calc(100% + 100px) !important;
    overflow: hidden;
    position: static !important;
    position: relative !important;
    padding: 0px 50px !important;
    margin-left: -50px !important;
}

#team-slider .m-left {
    width: 90px;
    height: 90px;
    border: none;
    position: absolute;
    top: 20%;
    left: -16px;
    z-index: 2;
    background: none;
}

#team-slider .disabled {
    opacity: 0.4 !important;
}

#team-slider .m-right {
    width: 90px;
    height: 90px;
    border: none;
    position: absolute;
    top: 20%;
    right: -16px;
    background: none;
    z-index: 2;
}

#team-slider .m-left:before {
    content: '';
    background: #666666;
    width: 4px;
    height: 24px;
    overflow: hidden;
    text-indent: 100px;
    position: absolute;
    top: 29%;
    left: 45%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all 0.3s ease 0s;
}

#team-slider .m-left:after {
    content: '';
    background: #666666;
    width: 4px;
    height: 24px;
    overflow: hidden;
    text-indent: 100px;
    position: absolute;
    top: 45%;
    left: 45%;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: all 0.3s ease 0s;
}

#team-slider .m-left:hover:after,
#team-slider .m-left:hover:before {
    width: 8px;
    left: 42%;
}

#team-slider .m-left:hover:before {
    top: 31%;
}

#team-slider .m-right:before {
    content: '';
    background: #666666;
    width: 4px;
    height: 24px;
    overflow: hidden;
    text-indent: 100px;
    position: absolute;
    top: 29%;
    left: 48%;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: all 0.3s ease 0s;
}

#team-slider .m-right:after {
    content: '';
    background: #666666;
    width: 4px;
    height: 24px;
    overflow: hidden;
    text-indent: 100px;
    position: absolute;
    top: 45%;
    left: 48%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all 0.3s ease 0s;
}

#team-slider .m-right:hover:after,
#team-slider .m-right:hover:before {
    width: 8px;
    left: 48%;
}

#team-slider .m-right:hover:before {
    top: 31%;
}

#team-slider ul.slider-wrap {
    padding: 0px;
    margin: 0px;
    float: left;
}

#team-slider ul.slider-wrap {
    margin-left: -5px !important;
}

.page-wrap>img {
    float: left;
    margin: 5px 20px 10px 0px;
    /*border-radius: 20px 0px 20px 0px;*/
    overflow: hidden;
}

.mb-40 {
    margin-bottom: 40px !important;
}

#timeline {
    float: left;
    width: 100%;
    position: relative;
    margin: 20px 0px 0px 0px;
}

#timeline:after {
    content: '';
    width: 2px;
    height: 100%;
    position: absolute;
    background: #58afb4;
    left: -50%;
    right: -50%;
    margin: auto;
}

#timeline>li {
    float: left;
    position: relative;
    width: 46%;
    list-style: none;
}

#timeline>li:nth-child(odd) {
    float: left;
    clear: both;
}

#timeline>li:nth-child(even) {
    float: right;
    clear: right;
    margin-top: 10%;
    margin-bottom: 8%;
}

#timeline>li:nth-child(odd):after {
    content: '';
    width: 24px;
    height: 24px;
    background: #58afb4;
    /*border-radius: 20px;*/
    position: absolute;
    right: -10.8%;
    z-index: 2;
    top: -4px;
    border: solid 4px #fff;
}

#timeline>li:nth-child(even):after {
    content: '';
    width: 24px;
    height: 24px;
    background: #58afb4;
    /*border-radius: 20px;*/
    position: absolute;
    left: -11%;
    z-index: 2;
    top: -4px;
    border: solid 4px #fff;
}

#timeline>li:last-child {
    margin-bottom: 0px;
}

#timeline>li .timeline-img {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

#timeline>li .timeline-img img {
    width: 100%;
    margin: 0px;
    border-radius: 0px;
    max-width: none;
}

#timeline>li .timeline-desc {
    background: #58afb4;
    padding: 20px;
    color: #fff;
    /*border-radius: 0px 12px 0px 12px;*/
    float: left;
    width: 100%;
}

#timeline>li .timeline-desc h4 {
    font-size: 24px;
    margin: 0px;
    color: #fff;
}

#timeline>li .timeline-desc p,
#timeline>li .timeline-desc a {
    font-size: 18px;
    color: #fff;
}

.custom-block {
    background: #58afb4;
    padding: 30px;
    /*border-radius: 50px 0px 50px 0px;*/
    max-width: 550px;
    display: table;
    margin: 0px 0px 30px 0px;
}

.custom-block>span {
    display: table-cell;
    vertical-align: top;
    text-align: left;
}

.custom-block>span.thumb {
    width: 170px;
    padding-right: 20px;
}

.custom-block>span h5 {
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    margin: 0px 0px 12px 0px;
    letter-spacing: 1px;
}

.custom-block>span p {
    color: #fff;
    font-size: 18px;
}


.custom-block .select-styled {
    padding: 12px 35px 10px 14px;
    font-size: 18px;
    color: #fff;
    line-height: 100%;
    font-family: 'robotolight', arial;
    /*border-radius: 6px;*/
    position: relative;
    background: none;
    height: 46px;
    border: solid 1px #fff;
    min-width: 220px;
}

.custom-block .select-styled:after {
    content: '';
    position: absolute;
    font-family: FontAwesome;
    right: 16px;
    top: 12px;
    font-size: 24px;
    color: #fff;
}

.custom-block .select-wrap {
    float: left;
    margin-right: 30px;
    min-width: 18%;
}

.custom-block .select-options {
    display: none;
    background: rgba(238, 238, 238, 0.98);
    color: #333;
    top: 46px;
    /*border-radius: 6px;*/
    overflow: hidden;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
}

.custom-block .select-options li {
    padding: 10px 18px;
    font-size: 18px;
    font-family: 'robotolight', arial;
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.custom-block .select-options li:first-child {
    border: none;
}

.custom-block .select-options li:hover {
    background: #fff;
}

#world-map,
#world-map-baseline,
#world-map-actions {
    float: left;
    width: 100%;
    /*border-radius: 40px 0px 40px;*/
    overflow: hidden;
    margin-top: 20px;
    height: 470px;
    position: relative;
}

#world-map-actions {
    /* margin-bottom: 20px;*/
}

#world-map-baseline {
    margin-bottom: 20px;
}

.col-md-4 #world-map {
    /*height: 270px;*/
}

.jvectormap-zoomin,
.jvectormap-zoomout {
    left: 20px !important;
}

.jvectormap-zoomin {
    top: 20px !important;
}

.jvectormap-zoomout {
    top: 40px !important;
}

ul.fields-list {
    float: left;
    width: 100%;
    margin: 0px 0px 6px 0px;
}

ul.fields-list>li {
    list-style: none;
    float: left;
    width: 100%;
    margin: 0px 0px 30px 0px;
    display: table;
}

ul.fields-list>li>div {
    display: table-cell;
    vertical-align: top;
    text-align: left;
}

ul.fields-list>li>.f-label {
    width: 320px;
    padding: 0px 20px;
    padding-right: 40px;
}

ul.fields-list>li .f-label h5 {
    font-size: 20px;
    color: #333;
    margin: 15px 0px 10px 0px;
}

ul.fields-list>li .f-label span {
    font-size: 16px;
    color: #5b6779;
    opacity: 0.6;
}

.field .select-wrap {
    width: 100%;
    max-width: 330px;
    clear: both;
    float: left;
}

.items-per-page {
    float: left;
    margin: 15px 20px 20px 0px;
    color: #008695;
    width: 100%;
}

.items-per-page-z {
    z-index: 9 !important;
    position: relative;
}

h4.result-found {
    float: left;
    color: #008695;
    margin: 15px 40px 20px 0px;
}

h4.result-found #tcount {
    margin-right: 8px;
}

.page-filter>.select-wrap.fsign {
    float: left;
}

p.text-center.no-margin {
    clear: both;
}

.items-per-page+.field {
    float: left;
    margin-top: 5px;
}

.field .select-wrap.page-limit {
    max-width: 100px;
    min-width: 50px;
}

.field .select-wrap.page-limit .select-styled {
    padding: 10px 25px 8px 20px;
    height: 44px;
}

.field .select-wrap.page-limit .select-styled::after {
    top: 12px;
    right: 12px;
}

.field .select-wrap.page-limit .select-options {
    max-height: 246px;
    top: 45px;
}

.field .select-wrap.page-limit .select-options li {
    padding: 8px 18px;
    font-size: 18px;
}

.field .select-styled {
    padding: 16px 45px 14px 20px;
    font-size: 20px;
    color: #666666;
    line-height: 100%;
    font-family: 'robotolight', arial;
    /*border-radius: 6px;*/
    position: relative;
    background: #eeeeee;
    height: 54px;
}

.field .select-styled:after {
    content: '';
    position: absolute;
    font-family: FontAwesome;
    right: 16px;
    top: 18px;
    font-size: 22px;

}

.field .select-wrap {
    float: left;
    margin-right: 30px;
    min-width: 18%;
}

.field .select-options {
    display: none;
    background: rgba(238, 238, 238, 0.98);
    color: #333;
    top: 54px;
    /*border-radius: 6px;*/
    overflow: hidden;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
}

.field .select-options li {
    padding: 10px 18px;
    font-size: 20px;
    font-family: 'robotolight', arial;
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.field .select-options li:first-child {
    border: none;
}

.field .select-options li:hover {
    background: #fff;
}

.field input[type="text"] {
    padding: 12px 20px 14px 20px;
    font-size: 20px;
    color: #666666;
    line-height: 100%;
    font-family: 'robotolight', arial;
    /*border-radius: 6px;*/
    position: relative;
    background: #eeeeee;
    border: none;
    height: 54px;
    width: 100%;
    max-width: 330px;
}

.field input.custom-checkbox {
    float: left;
    clear: left;
}

.field input.custom-checkbox:first-child {
    margin-top: 12px;
}

.field label.checkboxlabel {
    font-weight: 100;
    font-size: 18px;
    color: #5b6779;
    display: block;
    clear: both;
    margin: 12px 0px;
}

.custom-checkbox,
.custom-radio {
    height: 20px;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 20px;
    z-index: 2;
}

.custom-checkbox+.checkboxlabel::before {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #666666;
    border-radius: 0px;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    padding: 2px;
    position: relative;
    text-align: center;
    top: -2px;
    vertical-align: middle;
    width: 16px;
}

.custom-checkbox:checked+.checkboxlabel::before {
    color: #666666;
    content: "";
    font-family: "FontAwesome";
    font-size: 12px;
    line-height: 7px;
    text-indent: -2px;
}


/*Custom file input*/
.input-file-container {
    position: relative;
    width: 146px;
    float: left;
    margin: 10px 20px 0px 0px;
}

.input-file-trigger {
    display: block;
    padding: 15px;
    background: #008695;
    font-weight: 100;
    color: #fff;
    font-size: 18px;
    transition: all .4s;
    cursor: pointer;
    /*border-radius: 10px 0px 10px 0px;*/
    text-align: center;
    font-family: 'robotobold', arial;
}

.input-file {
    position: absolute;
    top: 0;
    left: 0;
    width: 225px;
    opacity: 0;
    padding: 14px 0;
    cursor: pointer;
}

.field.input-file:hover+.input-file-trigger,
.field.input-file:focus+.input-file-trigger,
.field.input-file-trigger:hover,
.field.input-file-trigger:focus {
    background: #34495E;
    color: #39D2B4;
}

.file-return {
    margin: 25px 0px !important;
    color: #5b6779;
}

.file-return:not(:empty) {
    margin: 1em 0;
}

.field.file-return {
    font-style: italic;
    font-size: .9em;
    font-weight: bold;
}

.field.file-return:not(:empty):before {
    content: "Selected file: ";
    font-style: normal;
    font-weight: normal;
}

.sign-map {
    float: left;
    width: 100%;
    margin: 0px;
    /*border-radius: 20px 0px 20px;*/
    overflow: hidden;
    height: 480px;
}

.sign-map iframe {
    height: 480px;
    width: 100%;
}

.sign-disclaimer {
    float: left;
    width: 100%;
    padding: 30px 20px 20px 20px;
}

.sign-disclaimer strong {
    font-size: 16px;
    color: #5b6779;
    font-family: 'robotomedium', arial;
    opacity: 0.6;
}

.sign-disclaimer p {
    font-size: 16px;
    color: #5b6779;
    line-height: normal;
    opacity: 0.6;
    margin: 0px 0px 20px;
}

.sign-disclaimer span {
    color: #008695;
    margin-top: 18px;
    display: block;
    font-size: 16px;
}


/*API*/
section#inner-section .api-page-wrap ul.page-tab-nav>li a {
    min-width: 0px;
}

.signatory-profile {
    float: left;
    width: 100%;
    /*border-radius: 20px 0px 20px 0px;*/
    overflow: hidden;
    background: #008695;
    margin: 0px 0px 30px;
}

.signatory-profile .sign-head {
    float: left;
    width: 100%;
    padding: 28px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
    min-height: 300px;
}

.signatory-profile .sign-head:after {
    /*content:'';*/
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
}

.signatory-profile .sign-head * {
    position: relative;
    z-index: 2;
}

.signatory-profile .sign-head a {
    word-wrap: break-word;
}

.signatory-profile .sign-head .sign-logo {
    width: 150px;
    height: 150px;
    background: #000;
    /*border-radius: 100px;*/
    margin: auto;
    display: block;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    line-height: 10em;
}

.signatory-profile .sign-head .sign-logo img {
    max-width: 100%;
    /*height: 100%;*/
    width: 100%;
    margin: 0px !important;
    padding: 0px !important;
    float: none;
}

.signatory-profile .sign-head h3 {
    color: #fff !important;
    font-size: 36px !important;
    font-family: 'robotomedium', arial !important;
    margin: 12px 0px !important;
}

.signatory-profile .sign-head .sign-logo {
    width: 120px;
    height: 120px;
    /*border-radius: 100px !important;*/
    background: #fff;
    padding: 15px;
    line-height: normal;
    overflow: hidden;
    display: table;
}

.signatory-profile .sign-head .sign-logo i {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 90px;
    width: 90px;
}

.signatory-profile .sign-head .sign-logo img {
    max-height: 90px !important;
    max-width: 90px !important;
    width: auto !important;
}

.signatory-profile .sign-head>a {
    color: #fff !important;
    font-size: 18px !important;
}

.signatory-profile .position {
    display: block;
    color: #fff !important;
    font-size: 18px !important;
    margin-bottom: 10px;
}

.signatory-profile ul.social-nav {
    margin: 20px 0px 0px;
    padding: 0px;
    float: left;
    width: 100% !important;
    text-align: center;
}

.signatory-profile ul.social-nav>li {
    display: inline-block;
    margin: 0px 12px;
}

.signatory-profile ul.social-nav>li a {
    color: #fff;
    font-size: 24px;
}

.signatory-profile .sign-content {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

.signatory-profile .sign-content>.row-sign {
    display: table;
    width: 100%;
    border-top: solid 2px #fff;
    table-layout: fixed;
}

.signatory-profile .sign-content>.row-sign .col-sign {
    display: table-cell;
    padding: 18px 20px 20px;
    color: #fff;
    text-align: center;
}

.signatory-profile .sign-content>.row-sign .col-sign:nth-child(2) {
    border-left: solid 2px #fff;
}

.signatory-profile p {
    font-size: 18px;
    color: #fff;
}

.signatory-profile .col-sign p,
.signatory-profile .sign-head h3 {
    word-wrap: break-word;
}

.signatory-profile strong {
    display: block;
    text-align: center;
    margin: 0px 0px 15px;
    font-family: 'robotomedium', arial;
    font-size: 20px;
    line-height: 100%;
}

.signatory-profile .sign-content img {
    margin: 0px 10px;
}

.signatory-profile.sign-user {
    background: #637fa4;
}

.signatory-profile.sign-col-blue {
    background: #637fa4;
}

.signatory-profile.sign-col-green {
    background: #bed17f;
}

.signatory-profile.sign-col-dark-green {
    background: #61b88b;
}

.signatory-profile.sign-user .sign-head,
.signatory-profile.sign-col-dark-green .sign-head,
.signatory-profile.sign-col-green .sign-head,
.signatory-profile.sign-col-blue .sign-head {
    min-height: 0px;
}

.signatory-profile.sign-user .sign-head::after,
.signatory-profile.sign-col-dark-green .sign-head:after,
.signatory-profile.sign-col-green .sign-head:after,
.signatory-profile.sign-col-blue .sign-head:after {
    content: none;
}

.api-content ul.team-listing>li {
    width: 100%;
    padding-left: 0px;
}

.api-content hr.ruler {
    clear: both;
}

ul.progress-bar {
    display: table;
    float: left;
    margin: 0 0 40px;
    table-layout: fixed;
    width: 100%;
    position: relative;
    overflow: hidden;
}

ul.progress-bar>li {
    /*background: rgba(0, 0, 0, 0) url("../images/progress-bg.png") repeat-x scroll center top;*/
    display: table-cell;
    list-style: outside none none;
    margin: 0;
    padding-top: 20px;
    position: relative;
    text-align: center;
}

ul.progress-bar>li:first-child span:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    height: 20px;
    width: 0px;
    background: rgba(0, 0, 0, 0) url("../images/progress-bg.png") repeat-x scroll center top;
    transition: all 6s ease 0s;
    z-index: 2;
}

ul.progress-bar>li:first-child span:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    height: 20px;
    width: 1000px;
    background: rgba(0, 0, 0, 0) url("../images/progress-bg-0.png") repeat-x scroll center top;
    transition: all 6s ease 4s;
    z-index: 1;
}

ul.progress-bar.loaded>li:first-child span:before {
    width: 1000px;
}

ul.progress-bar>li::after {
    background: rgba(0, 0, 0, 0) url("../images/progress-sep.png") no-repeat scroll center center;
    content: "";
    height: 20px;
    position: absolute;
    right: -15px;
    top: 0;
    width: 30px;
    z-index: 3;
}

ul.progress-bar>li:first-child::before {
    background: rgba(0, 0, 0, 0) url("../images/progress-sep.png") no-repeat scroll center center;
    content: "";
    height: 20px;
    left: -18px;
    position: absolute;
    top: 0;
    width: 30px;
    z-index: 3;
}

ul.progress-bar>li span {
    color: #666666;
    display: block;
    font-size: 16px;
    padding: 18px 0 5px;
    text-align: center;
    text-transform: uppercase;
}

ul.progress-bar>li.prg-0 {
    background: rgba(0, 0, 0, 0) url("../images/progress-bg-0.png") repeat-x scroll center top;
    position: relative;
    z-index: 2;
}

ul.progress-bar>li.prg-0 span {
    opacity: 0.6;
}

ul.related-item-list {
    float: left;
    width: 100%;
    margin: 10px 0px 0px;
    padding: 0px;
}

ul.related-item-list>li {
    list-style: none;
    float: left;
    width: 100%;
    margin: 0px 0px 20px;
    display: table;
}

ul.related-item-list>li>div {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

ul.related-item-list>li .thumb {
    width: 250px;
    padding-right: 30px;
}

ul.related-item-list>li .thumb img {
    /*border-radius: 10px 0px 10px 0px;*/
    overflow: hidden;
}

ul.related-item-list .date {
    display: block;
    font-size: 16px;
    font-family: 'robotomedium', arial;
    color: #008695;
    margin: 0px 0px 12px;
}

ul.related-item-list .date:before {
    content: '';
    font-family: FontAwesome;
    margin: 0px 10px 0px 0px;
}

ul.related-item-list li p {
    color: #5b6779;
    font-family: 'robotolight', arial;
}

ul.related-item-list li p a {
    color: #008695;
    font-size: 18px;
    font-family: "robotoregular", arial;
}

ul.related-item-list li p a.btn-small {
    color: #fff;
}


ul.gen-fields {
    margin: 15px 0 0;
    padding: 0;
    width: 100%;
}

ul.gen-fields>li {
    display: table;
    list-style: outside none none;
    margin: 0 0 25px;
    width: 100%;
}

ul.gen-fields>li>span {
    color: #5b6779;
    display: table-cell;
    font-size: 18px;
    text-align: left;
    vertical-align: top;
    width: auto;
    width: 50%;
}

ul.gen-fields>li span:first-child {
    width: 120px;
}

ul.gen-fields>li>span:last-child {
    color: #133f70;
    padding-left: 10px;
    text-align: right;
}

ul.gen-fields>li span .sector-icon-bar {
    float: right;
    margin: 4px 0px 0px 0px;
}

ul.key-fields>li {
    border-bottom: solid 1px #ddd !important;
    margin: 0px !important;
    padding: 5px 0px 8px;
}

ul.key-fields>li>span:nth-child(1) {
    font-family: "robotobold", arial;
}

ul.key-fields>li>span:nth-child(2) {
    width: 70%;
}

ul.key-fields p {
    color: #5b6779;
    margin: 0px 0px 20px 0px !important;
}

ul.key-fields p strong {
    font-family: "robotobold", arial;
    color: #5b6779;
}

ul.key-fields>li span>a {
    clear: both;
    display: block;
    float: right;
    max-width: 250px;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

a.ext-link,
a.ext_url {
    font-size: 18px;
    color: #133f70;
    text-decoration: none;
}

a.ext-link:after,
a.ext_url:after {
    content: '';
    font-family: FontAwesome;
    margin: 0px 0px 0px 10px;
}

#qk-modal p a {
    position: relative;
    text-decoration: none;
    margin-left: 4px;
}

#qk-modal p a:hover {
    border-bottom: solid 1px #fff;
}

#qk-modal p a:before {
    content: '';
    font-family: FontAwesome;
    padding: 0px 5px 0px 0px;
}

/*-------------------------------------------------------*/
/* Footer
/*-------------------------------------------------------*/
footer {
    float: left;
    width: 100%;
    background-image: linear-gradient(to right, rgba(37, 167, 222, 0.95), rgba(245, 230, 139, 0.95) 25%, rgba(9, 147, 162, 0.95));
    padding: 70px 0px 60px;
}

footer .col-md-9 {
    padding-left: 30px;
}

footer .eu-flag {
    margin-bottom: 5px;
}

footer ul#footer-nav {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: table;
    table-layout: fixed;
}

footer ul#footer-nav>li {
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
}

footer ul#footer-nav>li h4,
footer ul#footer-nav>li>a {
    font-size: 24px;
    line-height: 100%;
    font-family: 'robotobold', arial;
    margin: 0px;
    padding: 38px 0px 18px;
    border-top: solid 3px #000000;
    color: #000000;
    text-transform: uppercase;
    display: block;
    text-decoration: none !important;
}

footer ul#footer-nav ul {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

footer ul#footer-nav ul>li {
    list-style: none;
    float: left;
    width: 100%;
    padding: 8px 0px;
}

footer ul#footer-nav ul>li a {
    font-size: 16px;
    line-height: 100%;
    text-transform: uppercase;
    color: #000000;
    font-family: 'robotoregular', arial;
    text-decoration: none !important;
}

footer ul.menu li a,
.footer-base ul.menu li a,
.banner-base ul>li a {
    position: relative;
}

footer ul.menu li a:after,
footer ul.menu li a:before,
.footer-base ul.menu li a:after,
.footer-base ul.menu li a:before {
    content: '';
    position: absolute;
    width: 0%;
    height: 2px;
    bottom: -2px;
    background: #000000;
}

footer ul.menu li a:before,
.footer-base ul.menu li a:before {
    left: 0;
}

footer ul.menu li a:after,
.footer-base ul.menu li a:after {
    right: 0;
    background: #000000;
    transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

footer ul.menu li a:hover:before,
.footer-base ul.menu li a:hover:before {
    background: #000000;
    width: 100%;
    transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

footer ul.menu li a:hover:after,
.footer-base ul.menu li a:hover:after {
    background: transparent;
    width: 100%;
    transition: 0s;
}

footer ul.menu>li>a:after,
footer ul.menu>li>a:before {
    content: none;
}

footer .container {
    padding: 0px;
}

footer p {
    font-size: 14px;
    color: #000000;
    line-height: 18px;
    margin: 0px !important;
}

.footer-base {
    background: #133f70;
    float: left;
    width: 100%;
    position: relative;
    min-height: 84px;
}

.footer-base .container {
    padding: 0px;
    position: static;
}

.footer-base .base-links {
    float: left;
    margin: 32px 0px;
    padding: 0px;
}

.footer-base .base-links>li {
    list-style: none;
    float: left;
    margin-right: 50px;
}

.footer-base .base-links>li a {
    font-size: 18px;
    line-height: 100%;
    color: #fff;
    text-decoration: none !important;
    font-family: 'robotomedium', arial;
}

.footer-base .base-social {
    position: absolute;
    right: 0px;
    margin: 0px;
    padding: 0px;
}

.footer-base .base-social>li {
    float: left;
    list-style: none;
}

.footer-base .base-social>li a {
    display: block;
    width: 84px;
    height: 84px;
    float: left;
    color: #fff;
    text-decoration: none !important;
    transition: all 0.3s ease 0s;
    position: relative;
}

.footer-base .base-social>li a:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 0px;
    transition: all 0.3s ease 0s;
}

.footer-base .base-social>li a:hover:after {
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.footer-base .base-social>li a i {
    font-size: 40px;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 84px;
    position: relative;
    z-index: 4;
}

.footer-base .base-social>li a.rss {
    background: rgba(54, 171, 178, 1);
}

.footer-base .base-social>li a.facebook {
    background: rgba(67, 86, 151, 1);
}

.footer-base .base-social>li a.twitter {
    background: rgba(102, 170, 237, 1);
}

.footer-base .base-social>li a.linkedin {
    background: rgba(44, 117, 180, 1);
}

.footer-base .base-social>li a.youtube {
    background: rgba(220, 35, 45, 1);
}


.footer-base .websiteby {
    background: rgba(0, 0, 0, 0) url("../images/logo_karakas_digital.png") no-repeat scroll right center / 110px auto;
    bottom: 4px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 100;
    padding: 2px 114px 2px 0;
    position: absolute;
    left: 5%;
    text-align: right;
    text-decoration: none !important;

}

.current-page.processing {
    opacity: 0.4;
    pointer-events: none;
}

.vote_alert_msg {
    display: inline-block !important;
    font-size: 12px !important;
    margin: 11px 10px 0 10px !important;
}

.page-wrap.faq_page {
    color: #333;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 30px;
    font-family: "robotoregular", arial;
}

.page-wrap.faq_page ul {
    /*font-size: 16px;*/
    list-style: outside none disc;
    padding-left: 20px;
}

.page-wrap.faq_page table {
    border: solid 1px #dedede;
    width: 100%;
    margin: 0px 0px 20px;
}

.page-wrap.faq_page table td {
    padding: 10px;
    border: solid 1px #dedede;
}


/*SEARCH*/
#searchForm .searchintro {
    background: #008695;
    color: #FFFFFF;
    margin-top: 20px;
    padding: 5px 15px;
}

#searchForm .searchintro p {
    font-size: 14px !important;
}

#searchForm input[type="text"]#search-searchword {
    width: 100%;
    border: 0px;
    font-size: 24px;
    color: #008695;
    padding: 7px 14px;
    padding-left: 0px;
    background: none;
}

.btn-toolbar {
    position: relative;
    border-bottom: solid 2px #008695;
}

.btn-toolbar .btn-group {
    width: 96%;
}

.btn-toolbar .btn-group:nth-child(2) {
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 50px !important;
}

#searchForm button.btn {
    /*background: url(../images/search.png) no-repeat center;*/
    border: none;
    height: 30px;
    min-width: 0px;
    margin-bottom: 5px;
    padding: 0;
    float: right;
    width: 30px;
    background: none;
}

#searchForm button.btn span.icon-search {
    display: inline-block;
    float: right;
    height: 30px;
    position: relative;
    width: 30px;
}

#searchForm button.btn span.icon-search:after {
    color: #008695;
    content: "";
    font-family: FontAwesome;
    font-size: 24px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -4px;
    transition: all 0.3s ease 0s;
    width: 30px;
}

#searchForm .searchintro p {
    color: #FFFFFF;
    margin: 0;
    font-size: 16px;
}

#searchForm fieldset {
    border-width: 0px 0px 1px 0px;
    border-bottom: 1px solid #b5b5b5;
    margin-bottom: 0px;
    padding: 14px 0 10px;
}

#searchForm .form-limit {
    display: inline-block;
    float: right;
    padding: 5px;
    padding-right: 0px;
    position: relative;
    top: -40px;
}

#searchForm .form-limit .select {
    width: auto;
    float: right;
    margin-left: 10px;
    margin-top: -5px;
}

#searchForm .select {
    width: auto;
    margin-top: -4px;
}

#searchForm .select-styled {
    padding: 4px 24px 4px 10px;
    background: url(../images/arw.png) no-repeat 96% center #fafafa;
    display: inline-block;
    border: solid 1px #ccc;
    width: auto;
}

#searchForm .form-limit .select-options {
    margin: -2px 0px 0px 0px;
}

#searchForm .select-options {
    display: none;
    background: #fff;
    padding: 5px;
    border: solid 1px #CCCCCC;
    width: 100%;
}

#searchForm .select-options li {
    cursor: pointer !important;
    padding: 4px !important;
}

#searchForm .form-limit label {
    color: #666666;
    font-size: 13px !important;
}

/*#searchForm .form-limit select {
	border:none;
}*/
.chzn-container .chzn-results li {
    font-size: 12px !important;
}

#searchForm legend {
    border-bottom: 0 none;
    float: left;
    font-size: 13px;
    font-style: italic;
    line-height: 100%;
    margin: 1px 15px 0 0;
    overflow: hidden;
    width: auto;
    font-weight: 100;
}

#searchForm .phrases-box,
#searchForm.ordering-box {
    float: left;
    margin-right: 20px;
}

#searchForm .phrases label,
#searchForm .only label {
    color: #666666 !important;
    margin-left: 5px;
    margin-right: 15px;
    font-size: 13px;
    font-weight: 100;
}

#searchForm .phrases input,
#searchForm .phrases label,
#searchForm .only input,
#searchForm .only label {
    float: left;
    margin-top: 2px;
    position: static !important;
}

#searchForm fieldset .radio,
#searchForm fieldset .checkbox {
    margin-bottom: 0;
    margin-top: 0;
    min-height: 0;
}

#searchForm fieldset input[type="checkbox"],
#searchForm fieldset input[type="radio"] {
    margin-right: 10px;
    margin-left: 0px;
    position: static !important;
}

#searchForm .phrases select {
    margin: 2px 0 0;
    width: auto;
    /*border-radius: 5px;*/
    border: solid 1px #b5b5b5;
}

.search .search-results a {
    color: #333333;

}

dl.search-results .result-title {
    border-top: 1px solid #b5b5b5;
    margin-top: 14px;
    padding-top: 14px;
    font-size: 18px;
    color: #008695;
    font-weight: 700;
}

dl.search-results .result-title a {
    font-size: 18px;
    color: #008695;
    font-weight: 700;
}

dl.search-results {
    color: #333333;
}

dl.search-results .highlight {
    color: #008695;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
}

dl.search-results dt a {
    text-decoration: none !important;
}

dl.search-results dd {
    margin-left: 18px;
    color: #666666;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    margin-bottom: 6px;
}

dl.search-results dd.result-created {
    text-align: right;
    color: #999;
    font-size: 13px;
    font-family: 'gt_walsheim_proregular';
}

#search-result-page {
    display: block;
    float: left;
    margin-top: 60px;
}

.ordering-box label,
.ordering-box select {
    margin-top: 0 !important;
}

.search div.error {
    padding: 20px 0px;
    font-size: 16px;
    color: #008695;
    font-style: italic;
}

#inner-section .search p.counter {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    margin: 12px 0px 15px 0px;
}

.search input[type="text"]::-webkit-input-placeholder .search input[type="text"]:-moz-placeholder
/* Firefox 18- */
.search input[type="text"]::-moz-placeholder

/* Firefox 19+ */
.search input[type="text"]:-ms-input-placeholder {
    text-transform: uppercase;
}

body.search_page .header-top .search {
    display: none;
}

/*-search end-*/


.pagination-block>td ul.pagination li a,
.pagination-block>td ul.pagination li span {
    font-size: 18px;
    color: #008695;
    text-decoration: none;
    font-family: 'robotomedium', arial;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    padding: 0px 0px;
    /*border-radius: 30px;*/
    border: none;
    background: none;
    padding-top: 4px;
}

.pagination-block>td ul.pagination li span.pagenav.current {
    background: #008695 none repeat scroll 0 0;
    color: #fff;
}

.intro img {
    float: left;
    margin: 10px 20px 10px 0px;
    /*border-radius: 30px 0px 30px 0px;*/
    max-width: 400px;
}


#inner-section .btn-small {
    /*border-radius: 12px 0px 12px 0px !important;*/
}

/*Quick - wrap*/
#quick-wrap {
    float: left;
    width: calc(100% + 100px);
    background: rgba(238, 238, 238, 0);
    margin-left: -50px;
    padding: 40px 50px;
    margin-top: 20px;
    padding-bottom: 0px;
}

#quick-wrap.info_services {
    margin-top: 0px;
    margin-bottom: 50px;
    padding-bottom: 50px;
}

#quick-wrap .qk-row {
    display: table;
    width: 100%;
    table-layout: fixed;
}

#quick-wrap .qk-row .qk-col {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    border-left: solid 1px #d3d3d3;
    padding: 0px 10px;
}

#quick-wrap .qk-row .qk-col:first-child {
    padding-left: 0px;
    border: none;
}

#quick-wrap .qk-row .qk-col:last-child {
    padding-right: 0px;
}

#quick-wrap .qk-title-col {
    float: left;
    width: 20%;
    padding: 0px 10px 10px;
    border-left: solid 1px #d3d3d3;
}

#quick-wrap .qk-title-col:first-child {
    padding-left: 0px;
    border: none;
}

#quick-wrap .qk-title-col h5 {
    font-size: 16px;
    color: #fff;
    background: #008695;
    height: 80px;
    width: 100vw;
    /*border-radius: 20px 0px 20px 0px;*/
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-family: 'robotomedium', arial;
    padding: 10px;
    position: relative;
}

#quick-wrap .qk-title-col h5 span {
    position: absolute;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -15px;
    top: -15px;
    background: url(../images/info.png) no-repeat center;
    cursor: pointer;
}

#quick-wrap ul.quick-nav {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#quick-wrap ul.quick-nav>li {
    list-style: none;
    float: left;
    width: 20%;
    border-left: solid 1px #d3d3d3;
    padding: 10px 10px 10px;
    margin: 0px;
    position: relative;
}

#quick-wrap ul.quick-nav>li.col-2 {
    width: 40%;
}

#quick-wrap ul.quick-nav>li.col-3 {
    width: 60%;
}

#quick-wrap ul.quick-nav>li.col-4 {
    width: 80%;
}

#quick-wrap ul.quick-nav>li.col-5 {
    width: 100%;
}

#quick-wrap ul.quick-nav>li:nth-child(1),
#quick-wrap ul.quick-nav>li:nth-child(5n + 1) {
    padding-left: 0px;
    border: none;
}

#quick-wrap ul.quick-nav>li>a {
    background: rgba(245, 230, 139, 1);
    border: solid 3px black;
    color: black;
    /*border-radius: 10px 0px 10px 0px;*/
    padding: 8px 4px;
    display: block;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-family: 'robotomedium', arial;
    transition: all 0.3s ease 0s;
}

#quick-wrap ul.quick-nav>li>a:hover {
    background: #fff;
    color: black;
}

#quick-wrap ul.quick-nav>li.sub>a:after {
    content: '';
    width: 14px;
    height: 10px;
    background: url(../images/qk-arw.png) no-repeat center;
    display: inline-block;
    margin: 0px -20px 0px 2px;
}

#quick-wrap ul.quick-nav>li>ul {
    float: left;
    width: 100%;
    background: #133f70;
    padding: 5px 0px;
    /*border-radius: 0px 0px 10px 0px;*/
    position: absolute;
    left: 0px;
    top: 30px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease 0s;
    z-index: 4;
}

#quick-wrap ul.quick-nav>li:hover>ul {
    left: 10px;
    opacity: 1;
    pointer-events: auto;
    top: 48px;
    width: calc(100% - 20px);
}

#quick-wrap ul.quick-nav>li:nth-child(5n+1):hover>ul {
    width: calc(100% - 10px);
    left: 0px;
}

#quick-wrap ul.quick-nav>li>ul>li {
    float: left;
    width: 100%;
    list-style: none;
    border-top: solid 1px #fff;
}

#quick-wrap ul.quick-nav>li>ul>li:first-child {
    border: none;
}

#quick-wrap ul.quick-nav>li>ul>li a {
    font-size: 16px;
    font-family: 'robotomedium', arial;
    color: #fff;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 4px 6px;
}

#quick-wrap ul.quick-nav>li>ul>li a:hover {
    background: #fff !important;
    color: #133f70 !important;
}

.info_services ul.quick-nav>li>a {
    background: #ffd102 !important;
    border-color: #ffd102 !important;
    color: #000 !important;
}

.info_services ul.quick-nav>li>ul {
    background: #000 !important;
    color: #000 !important;
}

#quick-wrap ul.quick-nav>li>a.no-item {
    background: none !important;
    border: none !important;
    color: transparent !important;
    text-indent: -1000px;
    overflow: hidden;
}

.tooltip {
    opacity: 1 !important;
}

.tooltip .tooltip-inner {
    background: #5d5d5d;
    font-size: 16px;
    color: #fff;
    padding: 16px 14px;
    /*border-radius: 20px 0px 20px 0px;*/
    font-family: 'robotomedium', arial;
    max-width: 320px;
    min-width: 160px;
}

.tooltip .tooltip-arrow {
    border-top-color: #5d5d5d !important;
    border-width: 12px 12px 0px 12px !important;
    bottom: -6px !important;
    margin-left: -14px !important;
}

#quick-wrap h2 {
    font-size: 24px;
    color: #a9a9a9;
    border-bottom: solid 1px #d3d3d3;
    padding: 20px 0px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.modal.quick-modal .modal-dialog {
    width: 90%;
    box-shadow: none;
    border: none;
    margin: 8% auto !important;
}

.modal.quick-modal .modal-dialog .modal-content {
    background: #008695;
    padding: 30px 45px 70px 45px;
    /*border-radius: 40px 0px 40px 0px;*/
    box-shadow: none;
    border: none;
}

.modal.quick-modal a.download-pdf {
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
    background: #ffd102;
    padding: 26px 30px;
    /*border-radius: 40px 0px 40px 0px;*/
    text-decoration: none;
}

.modal.quick-modal a.download-pdf i {
    margin-right: 10px;
}

.modal.quick-modal .close {
    position: absolute;
    color: #fff;
    font-size: 36px;
    top: 15px;
    right: 22px;
    opacity: 1;
    text-shadow: 1px 1px 0px #666;
}

.modal.quick-modal .title-wrap {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    margin: 0px 0px 10px 0px;
}

.modal.quick-modal .title-wrap h3 {
    font-size: 48px;
    margin: 0px 40px 0px 0px;
    color: #fff;
    font-family: 'robotolight', arial;
    display: inline-block;
    vertical-align: middle;
}

.modal.quick-modal+.modal-backdrop {
    opacity: 0.8 !important;
}

ul.icon-bar {
    display: inline-block;
    vertical-align: middle;
}

ul.icon-bar>li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    width: 62px;
    height: 62px;
    background: url(../images/icon-bar.png) no-repeat 0px 0px;
}

ul.icon-bar>li.icon-building {
    background-position: -4px 0px;
}

ul.icon-bar>li.icon-bus {
    background-position: -74px 0px;
}

ul.icon-bar>li.icon-thunder {
    background-position: -144px 0px;
}

ul.icon-bar>li.icon-drop {
    background-position: -214px 0px;
}

ul.icon-bar>li.icon-road {
    background-position: -284px 0px;
}

ul.icon-bar>li.icon-nature {
    background-position: -354px 0px;
}

ul.icon-bar>li.icon-bird {
    background-position: -424px 0px;
}

ul.icon-bar>li.icon-medical {
    background-position: -494px 0px;
}

ul.icon-bar>li.icon-emergency {
    background-position: -564px 0px;
}

ul.icon-bar>li.icon-van {
    background-position: -634px 0px;
}

ul.icon-bar>li.icon-beach {
    background-position: -704px 0px;
}

ul.icon-bar>li.icon-dots {
    background-position: -774px 0px;
}

.table-wrap ul.icon-bar>li {
    width: 35px;
    height: 35px;
    margin: 2px;
    background: none !important;
    display: inline-block;
    vertical-align: top;
}

.table-wrap ul.icon-bar>li img {
    max-width: 35px;
}

.grid-wrap {
    width: 100%;
    column-count: 2;
    column-gap: 30px;
}

.grid-wrap.grid-wide {
    column-count: 1;
    column-gap: 0px;
}

.grid-wrap .grid-content {
    padding: 40px;
    background: #008695;
    /*border-radius: 40px 0px 40px 0px;*/
    display: inline-block;
    width: 100%;
    margin: 15px 0px;
}

.grid-content h3 {
    font-size: 24px;
    color: #ffd102;
    margin: 0px 0px 12px 0px;
    font-family: 'robotobold', arial;
}

.grid-content h4 {
    color: #fff;
    font-family: 'robotobold', arial;
    font-size: 18px;
    margin: 0px 0px 8px 0px;
}

.grid-content p {
    color: #fff;
    margin-bottom: 25px;
}

.grid-content ul {
    padding-left: 20px;
    margin: 0px 0px 25px 0px;
}

.grid-content ul:last-child {
    margin-bottom: 0px;
}

.grid-content ul>li {
    list-style: disc;
    color: #fff;
    list-style-position: outside;
    font-size: 18px;
    font-family: "robotoregular", arial, arial;
    line-height: normal;
}

.grid-content a {
    color: #fff;
}

.grid-content .scroll-content {
    max-height: 440px;
}

.grid-content .mCSB_scrollTools .mCSB_draggerRail {
    width: 14px;
    background: #133f70;
    /*border-radius: 0px;*/
}

.grid-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 0px;
    background: #008695;
    width: 8px;
    border-top: solid 3px #133f70;
    border-bottom: solid 3px #133f70;
}

.grid-content .flex-box {
    display: inline-block;
    max-width: 50%;
    vertical-align: top;
    padding-right: 40px;
}


/*FIGURES*/

.secondary-fill-block {
    float: left;
    width: calc(100% + 100px);
    background-image: linear-gradient(to right, #ffd1029e, white);
    border-top: solid 3px black;
    border-bottom: solid 3px black;
    padding: 50px 30px 0px 30px;
    margin: 20px -50px 30px -50px;
}

.secondary-fill-block ul.icons-list {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.secondary-fill-block ul.icons-list>li {
    list-style: none;
    float: left;
}

ul.icons-list {
    float: left;
    width: calc(100% + 30px);
    margin-left: -15px;
}

ul.icons-list>li {
    float: left;
    width: calc(33.3% - 28px);
    list-style: none;
    margin: 0px 0px 50px 0px;
    display: table;
}

ul.icons-list>li.inhab-55 {
    width: 55%;
}

ul.icons-list.list-2-col>li {
    width: 48%;
}

ul.icons-list>li * {
    display: table-cell;
    vertical-align: top;
}

ul.icons-list>li>span {
    width: 100px;
}

ul.icons-list>li img {
    max-width: 100% !important;
    min-width: 70px;
}

ul.icons-list>li>div {
    padding-left: 20px;
    min-width: 100%;
}

ul.icons-list>li.icon-wide {
    width: 70% !important;
    float: right;
    position: relative;
}

ul.icons-list>li.icon-wide div {
    padding: 30px 0px 0px 0px;
}

ul.icons-list>li.icon-wide span,
ul.icons-list>li.icon-wide h3 {
    width: auto;
    display: block;
    text-align: center;
}

.icon-wide .ico-supporters {
    position: absolute;
    left: 21%;
    bottom: -4px;
    width: 94px !important;
}

ul.icons-list>li.icon-wide>* {
    display: block;
    text-align: center;
}

.secondary-fill-block ul.icons-list>li h3 {
    font-size: 60px !important;
    color: #000000 !important;
    margin: 0px 0px 10px 0px !important;
    line-height: 100%;
    font-family: 'robotobold', arial;
    white-space: nowrap;
}

.secondary-fill-block ul.icons-list>li h3 a {
    color: #000000;
    text-decoration: none;
}

.secondary-fill-block ul.icons-list>li strong {
    display: block;
    font-size: 24px;
    color: #000000;
    line-height: 100%;
}

ul.icons-list>li h3 {
    font-size: 46px !important;
    color: #008695 !important;
    margin: 0px 0px 10px 0px !important;
    line-height: 100%;
    font-family: 'robotobold', arial;
    white-space: nowrap;
    text-indent: -3px;
}

ul.icons-list>li h3 a {
    color: #008695;
    text-decoration: none;
}

ul.icons-list>li strong {
    display: block;
    font-size: 18px;
    color: #008695;
    line-height: 100%;
    margin-top: 10px;
}

.block-grey {
    float: left;
    width: 100%;
    padding: 40px;
    background: rgba(245, 245, 245, 0);
    /*border-radius: 40px 0px 40px 0px;*/
    margin: 10px 0px;
}

.block-grey ul.icons-list>li {
    margin: 25px 0px 25px 0px;
}

.block-grey h4 {
    color: #133f70;
    font-family: robotoregular;
    font-weight: 600;
    text-decoration: underline;
    font-size: 20px;
    margin-bottom: 40px;
    margin-top: 40px;
    display: inline-block;
    width: 100%;
    clear: both;
}

.block-grey img {
    max-width: none !important;
    margin: 0px;
}

.block-grey h4:first-child {
    margin-top: 0px;
}

.block-grey .row {
    margin: 30px -15px 20px;
    float: left;
    width: 100%;
}

.country-info-wrap {
    padding: 30px;
    background: rgba(235, 235, 235, 0);
    float: left;
    width: calc(100% + 80px);
    margin: 0px 0px 0px -40px;
}

.country-info-wrap ul.country-info-list {
    float: left;
    width: 100%;
    padding: 0px;
    max-height: 300px;
}

.country-info-wrap ul.country-info-list li {
    min-height: 200px;
}

.country-info-wrap ul.country-info-list li:nth-child(odd) {
    clear: left;
}

.scroll-wrap {
    max-height: none !important;
}

.country-info-wrap.good-pracice-list ul.country-info-list {
    max-height: none;
}

#map-signatory-tab1 {
    float: left;
    width: 100%;
    padding: 0px;
    max-height: 300px;
    margin-top: 20px;
}

#map-signatory-tab1 ul.country-info-list {
    max-height: none !important;
}

#map-signatory-tab2 {
    float: left;
    width: 100%;
    padding: 0px;
    max-height: 300px;
    margin-top: 20px;
}

#map-signatory-tab2 ul.country-info-list {
    max-height: none !important;
}

#map-signatory-tab6 {
    float: left;
    width: 100%;
    padding: 0px;
    max-height: 300px;
    margin-top: 20px;
}

#map-signatory-tab6 ul.country-info-list {
    max-height: none !important;
}

.nav-active ul.nav-active {
    display: block !important;
}

.country-info-wrap ul.country-info-list li {
    float: left;
    margin: 8px;
    list-style: none;
    width: 48%;
    background: #008695;
    padding: 18px;
    /*border-radius: 20px 0px 20px 0px;*/
    font-size: 18px;
    color: #fff;
}

.country-info-wrap ul.country-info-list li:only-child {
    width: 100%;
    margin: 0px;
}

.country-info-wrap ul.country-info-list li table {
    width: 100%;
}

.country-info-wrap ul.country-info-list li table td a {
    color: #fff;
}

.country-info-wrap ul.country-info-list h5 {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}

.country-info-wrap ul.country-info-list td {
    padding: 5px 10px 5px 0px;
}

.country-info-wrap ul.country-info-list td:nth-child(2),
.country-info-wrap ul.country-info-list td:nth-child(3) {
    text-align: right;
    padding-left: 20px;
    padding-right: 0px;
    width: 15%;
}

.country-info-wrap .mCSB_inside>.mCSB_container {
    margin-right: 16px;
}

.country-info-wrap .mCSB_scrollTools .mCSB_draggerRail {
    width: 14px;
    background: #d6d6d6;
    border-radius: 0px;
}

.country-info-wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 0px;
    background: #008695;
    width: 8px;
    border-top: solid 3px #d6d6d6;
    border-bottom: solid 3px #d6d6d6;
}

ul.hazard-list {
    width: calc(100% + 20px);
    float: left;
    padding: 0px;
    margin: 0px 0px 0px -10px;
}

ul.hazard-list>li {
    float: left;
    width: 25%;
    padding: 10px;
    list-style: none;
}

ul.hazard-list>li>div {
    background: rgba(235, 235, 235, 0);
    /*border-radius: 20px 0px 20px 0px;*/
    padding: 10px;
    overflow: hidden;
}

ul.hazard-list>li h5 {
    font-size: 18px;
    color: #fff;
    background: #008695;
    padding: 15px;
    text-align: center;
    font-family: 'robotobold', arial;
    margin: -10px -10px 12px -10px;
}

ul.hazard-list>li strong {
    display: block;
    clear: both;
    margin: 10px 0px 4px 0px;
    color: #000;
}

ul.hazard-list>li .risk-level {
    float: left;
    clear: both;
    width: 80px;
    height: 20px;
    background: url(../images/figures/levels.png) no-repeat 0px 0px;
    margin: 5px 0px 10px 0px;
}

ul.hazard-list>li .risk-level.level-1 {
    background-position: 0px -20px;
}

ul.hazard-list>li .risk-level.level-2 {
    background-position: 0px -40px;
}

ul.hazard-list>li .risk-level.level-3 {
    background-position: 0px -60px;
}

ul.hazard-list>li i {
    display: block;
    margin-bottom: 12px;
}

ul.hazard-list>li i.fa-chevron-up,
i.ico-green {
    color: #05bc4a;
}

ul.hazard-list>li i.fa-chevron-down,
i.ico-red {
    color: #ff0505;
}

i.ico-yellow {
    color: #fd7932;
}

ul.signatory-status-bar {
    float: left;
    /*width: 100%;*/
    padding: 0px;
    margin: 0px;
}

ul.signatory-status-bar>li {
    list-style: none;
    float: left;
    width: 100%;
    margin: 15px 0px;
}

.signatory-status-bar .sign-label {
    float: left;
    width: 100%;
}

.signatory-status-bar .sign-label h6 {
    font-size: 18px;
    color: #008695;
    float: left;
    margin: 6px 0px 0px 0px;
    line-height: 100%;
}

.signatory-status-bar .sign-label .count {
    float: right;
    font-size: 30px;
    color: #008695;
    line-height: 100%;
}

.signatory-status-bar .sign-label .count i {
    font-style: normal;
    font-size: 18px;
}

.signatory-status-bar .sign-bar {
    position: relative;
    height: 10px;
    background: rgba(220, 220, 220, 0);
    /*border-radius: 30px;*/
    float: left;
    width: 99%;
    clear: both;
    margin: 6px 6px 6px 10px;
}

.signatory-status-bar .sign-bar .progress {
    height: 20px;
    position: absolute;
    left: 0px;
    top: -6px;
    background: url(../images/figures/progress-2.png) repeat-x center;
    margin: 0px;
}

.signatory-status-bar .sign-bar .progress:before {
    position: absolute;
    content: '';
    left: -10px;
    top: 0px;
    width: 10px;
    height: 20px;
    background: url(../images/figures/progress-1.png) no-repeat center;
}

.signatory-status-bar .sign-bar .progress:after {
    position: absolute;
    content: '';
    right: -10px;
    top: 0px;
    width: 10px;
    height: 20px;
    background: url(../images/figures/progress-3.png) no-repeat center;
}

.fig-filter {
    padding: 0px 15px 15px 15px;
    margin: 0px 0px 40px 0px;
    position: relative;
}

.fig-filter .clear-all {
    position: absolute;
    right: 16px;
    top: 0px;
}

.fig-filter .clear-all a {
    display: inline-block;
    background: #eeeeee;
    color: #444;
    font-size: 14px;
    padding: 5px 10px 6px;
    line-height: 100%;
    text-decoration: none;
    /*border-radius: 6px;*/
}

.fig-filter:after {
    content: '';
    
}

.fig-filter .shareLibrary {
    margin: 0px 0px 15px 0px !important;
}

.fig-filter .shareLibrary input[type="text"] {
    float: right;
    width: calc(100% - 60px);
}

.fig-filter .shareLibrary>a.shareUrl {
    position: absolute;
    right: 10px;
    top: -10px;
}

.fig-filter .shareLibrary .share_more {
    float: right;
}

#sidebar .fig-filter ul.select-options {
    max-height: 250px;
}

section#inner-section .fig-filter .select {
    margin: 0px;
}

section#inner-section .fig-filter>div {
    margin-bottom: 20px !Important;
    float: left;
    width: 100%;
}

section#inner-section .fig-filter h3 {
    margin-bottom: 10px !important;
}

section#inner-section .fig-filter hr {
    height: 0px;
    border-color: #d7d7d7;
    width: calc(100% + 80px);
    margin-left: -40px;
    clear: both;
}

.fig-filter .fs-dropdown {
    z-index: 99;
}

hr {
    border-top: 1px solid #133f70;
}

section#inner-section .fig-filter .select-styled {
    padding: 16px 45px 16px 20px;
    border: solid 3px #133f70;
    font-size: 24px;
    color: #133f70;
    line-height: 100%;
    font-family: 'robotolight', arial;
    /*border-radius: 6px;*/
    position: relative;
    background: #ffffff;
    height: 60px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

section#inner-section .fig-filter .select-styled:after {
    content: '';
    position: absolute;
    font-family: FontAwesome;
    right: 16px;
    top: 20px;
}

section#inner-section .fs-label-wrap {
    border: none;
}

section#inner-section .select-wrap.fsector {
    width: 250px;
}

section#inner-section .fs-label-wrap .fs-label {
    padding: 16px 45px 16px 20px;
    border: solid 3px #133f70;
    font-size: 24px;
    color: #133f70;
    line-height: 100%;
    font-family: 'robotolight', arial;
    /*border-radius: 6px;*/
    position: relative;
    background: #ffffff;
    height: 60px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

section#inner-section .fs-label-wrap .fs-label:after {
    content: '';
    position: absolute;
    font-family: FontAwesome;
    right: 16px;
    top: 20px;
}

section#inner-section .fs-wrap {
    width: 100%;
    margin: 0px;
    border: none;
}

section#inner-section .fs-wrap+.select-styled {
    display: none;
}

section#inner-section .fs-arrow {
    display: none;
}

section#inner-section .fs-dropdown {
    width: 100%;
    margin: 0px;
    background: rgba(255, 255, 255, 0.98) none repeat scroll 0 0;
    /*border-radius: 6px;*/
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    color: #333;
}

section#inner-section .fs-wrap .fs-option {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    font-family: 'robotolight', arial;
    font-size: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: none;
}

section#inner-section .fs-wrap .fs-option:hover {
    color: #fff;
    background: #133f70;
}

section#inner-section .fs-search {
    padding: 10px;
    background: rgba(255, 255, 255, 0.98) none repeat scroll 0 0;
}

section#inner-section .fs-search input {
    font-family: 'robotolight', arial;
    font-size: 20px;
    background: none;
}

section#inner-section .fs-wrap.multiple .fs-option.selected .fs-checkbox i {
    background-color: #333;
}

section#inner-section .fig-filter .select-wrap {
    float: left;
    margin-right: 30px;
    min-width: 18%;
    margin-bottom: 20px;
}

section#inner-section .fig-filter .select-options {
    display: none;
    background: rgba(255, 255, 255, 0.98);
    color: #333;
    top: 60px;
    /*border-radius: 6px;*/
    overflow: hidden;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    margin: 0px !important;
    padding: 0px !important;
}

section#inner-section .fig-filter .fcountry .select-options,
.fig-filter .select-wrap .select-options {
    max-height: 350px;
    overflow-x: hidden !important;

}

section#inner-section .fig-filter .select-options li {
    padding: 10px 18px;
    font-size: 20px;
    font-family: 'robotolight', arial;
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

section#inner-section .fig-filter .btn-primary {
    margin: auto;
    background: #008695;
    border: solid 3px #133f70 !important;
    color: white !important;
    font-size: 24px;
    text-transform: none;
    margin-top: 5px;
}

section#inner-section .fig-filter .btn-primary:hover {
    background: #ffd102;
    color: white !important;
}

section#inner-section .fig-filter .btn-primary:active {
    background: #ffd102 !important;
    border: solid 3px #133f70 !important;
    color: white !important;
}

section#inner-section .fig-filter .select,
section#inner-section .fig-filter .fs-wrap {
    float: Left;
    width: 100%;
}

section#inner-section .fig-filter p {
    margin-bottom: 20px !important;
}

/*-Figures-*/

.fading-text {
    float: left;
    width: 100%;
    opacity: 1;
    transition: all 6s ease 0s;
}

.fading-text p {
    color: #999;
    margin: 10px 0px !important;
}

.fading-text.loaded {
    /* opacity: 0;
     height: 0;
     pointer-events: none;*/
}

.fading-text p {
    margin: 0px;
}

form+.docs-sidebar #sidebar.affix {
    max-height: 81.6vh;
    overflow-x: hidden;
    overflow-y: scroll;
}

.faq_page h3 {
    padding-top: 90px;
    margin-top: -90px !important;
}

.faq_page h3.topic-title {
    margin-top: 0px !important;
}

.faq_page>div[id^="topic-"] {
    padding-top: 90px;
    margin-top: -90px !important;
}

/*-Error Page-*/
body.error_page {
    background: #f4f4f4;
}

.error_page #header-wrap {
    height: auto;
}

.error_page #header-wrap .top-bar,
.error_page #header-wrap .pull-right {
    display: none;
}

.error_page .error_content {
    height: calc(100vh - 165px);
}

.error_page .error_content .container {
    width: 80%;
    padding-top: 7%;
}

.error_page .error_content h1 {
    font-size: 70px;
    line-height: 100%;
    color: #2372af;
    padding: 0px 0px 0px 62px;
    background: url(../images/title-leaf.png) no-repeat 0px 12px;
    font-family: 'robotolight', arial;
}

.error_page section.error_content h2 {
    /*line-height: 48px;*/
    font-size: 38px;
    font-family: 'robotolight', arial;
}

.error_page section.error_content p {
    font-size: 20px;
}

.error_page section.error_content p a {
    color: #2372af;
    font-weight: 600;
    text-decoration: underline;
}

.error_page footer,
.error_page .footer-base {
    /*position: fixed;
    bottom: 0;*/
    display: none;
}

#map-signatory.good-pracice-list {
    width: 100%;
    margin: 0px;
}

#map-signatory.good-pracice-list.country-info-wrap ul.country-info-list td {
    vertical-align: top;
    text-align: left;
    width: 50%;
}

#map-signatory.good-pracice-list.country-info-wrap ul.country-info-list td:first-child {
    width: 28%;
}

.nav-toggle {
    display: none;
}

#inner-section .row.current-page .col-md-8.api-content>ul.gen-fields li>span {
    width: auto;
}

#inner-section .row.current-page .col-md-8.api-content>ul.gen-fields li>.page-filter.fyear {
    float: right;
    width: auto;
}

#inner-section .row.current-page .col-md-8.api-content>ul.gen-fields li>.page-filter.fyear ul.select-options {
    max-height: 200px;
}

.table-wrap .icon-bar-action {
    margin: 5px 0px 20px;
}

.table-wrap .icon-bar-action>li {
    width: 60px !important;
    height: 60px !important;
}

.table-wrap .icon-bar-action>li img {
    max-width: 60px !important;
}

/*.error_page .footer-base{
	bottom: 10px;
}*/
/*-Error Page end-*/

footer .eu-ico {
    bottom: -80px;
    left: 18px;
    margin: 0;
    max-height: 65px;
    position: absolute;
}

.pgs-year {
    background: #eeeeee;
    display: inline-block;
    padding: 12px 20px;
    /*border-radius: 10px 0px 10px 0px;*/
    margin: -12px 0px 0px 0px !important;
}

.rating_systm {
    display: inline-block;
    width: 100%;
    padding: 15px 0px;
}

.rating_systm span {
    float: left;
    margin-right: 20px;
    font-size: 18px;
    font-weight: 600;
}

.rating_systm ul li {
    list-style: none;
}

.rating_systm i {
    font-style: normal;
    display: inline-block;
    margin: 7px 0px 0px 6px;
    font-size: 15px;
}

.rating_systm .codexworld_rating_widget+div {
    display: none !important;
}
.library-view-plural {
    width: 100%; 
    overflow-x: auto; 
    overflow-y: hidden; 
    max-width: 100%;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    header ul#primary-nav>li>ul {
        top: 60px !important;
    }

    header ul#primary-nav>li:hover>ul {
        top: 64px !important;
    }
}

@supports (-ms-ime-align: auto) {
    #site-wrapper header ul#primary-nav>li>ul {
        top: 64px !important;
    }

    #site-wrapper header ul#primary-nav>li:hover>ul {
        top: 64px !important;
    }
}

li.archive_event {
    display: none;
}

/*--------------------------------------------------ORGANOGRAM*/
#organogram-wrap {
    float: left;
    width: 100%;
    margin: 0px 0px 40px 0px;
    display: table;
    padding: 14% 0px 60px 0px;
    position: relative;
    transform: scale(0.6) !important;
    margin: -140px auto -90px !important;

}

#organogram-wrap .comb-arw {
    position: absolute;
    top: 16px;
    left: -20px;
    width: 100%;
    height: 212px;
    background: url(../images/organogram/org-ar-01.png) no-repeat bottom center;
    background-size: contain;
    pointer-events: none;
    z-index: 4;
}

#organogram-wrap>div {
    display: table-cell;
    vertical-align: top;
    text-align: left;
}

#organogram-wrap>div.org-sec-1 {
    background: #00A767;
    padding: 40px 40px 50px;
    /*border-radius: 50px 0px;*/
    width: 70%;
    position: relative;
}

#organogram-wrap>div.org-sec-1 .base-title {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    right: 40px;
    bottom: 12px;
}

#organogram-wrap>div.org-sec-1>* {
    display: table-cell;
    vertical-align: top;
}

#organogram-wrap>div.org-sec-2 {
    padding-left: 56px;
    width: 30%;
    padding-top: 20px;
}

#organogram-wrap .btn-base {
    display: table;
    background: #109fb0;
    font-size: 24px;
    color: #fff;
    padding: 5px 12px;
    /*border-radius: 30px 0px;*/
    width: 100%;
    text-align: center;
    margin: 40px 0px 0px 0px;
    line-height: 100%;
    text-decoration: none;
    z-index: 1;
}

#organogram-wrap .btn-base span {
    display: table-cell;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    height: 85px;
}

#organogram-wrap>div.org-sec-2 .btn-base {
    position: relative;
}

#organogram-wrap>div.org-sec-2 .btn-base:after {
    content: '';
    width: 78px;
    height: 74px;
    position: absolute;
    left: -65px;
    top: -50%;
    bottom: -50%;
    margin: auto;
    background: url(../images/organogram/org-ar-06.png) no-repeat center;
    z-index: -1;
}

#organogram-wrap .nav-left {
    padding: 25px 30px 0px 0px;
    width: 35%;
}

#organogram-wrap .nav-left>li {
    list-style: none;
    margin: 0px 0px 10px 0px;
    float: left;
    width: 100%;
}

#organogram-wrap .nav-right {
    border: dashed 3px #18326b;
    padding: 25px;
    /*border-radius: 30px 0px;*/
    position: relative;
    z-index: 4;
    background: #00A767;
}

#organogram-wrap .nav-right .btn-base {
    margin: 0px;
}

#organogram-wrap .nav-left>li a {
    display: table;
    border: solid 2px #FECA12;
    padding: 8px 12px 10px;
    /*border-radius: 26px 0px;*/
    font-size: 24px;
    color: #FECA12;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

#organogram-wrap .nav-left>li a span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 50px;
}

#organogram-wrap .nav-left>li a:hover {
    color: #01a767;
    background: #FECA12;
}

#organogram-wrap .nav-table {
    display: table;
    width: 100%;
    margin: 0px 0px 42px 0px;
}

#organogram-wrap .nav-table>* {
    display: table-cell;
    vertical-align: middle;
    width: 49%;
    text-align: center;
}

#organogram-wrap .nav-table a span {
    width: 100vw;
}

#organogram-wrap a.btn-lg {
    background: #94c11e;
    position: relative;
}

#organogram-wrap a.btn-dg {
    background: #00834d;
    position: relative;
}

#organogram-wrap a.btn-bl {
    background: #18326b;
}

#organogram-wrap .spacer {
    width: 10px;
}

#organogram-wrap a.btn-lg:after {
    content: '';
    width: 75px;
    height: 51px;
    position: absolute;
    left: -50%;
    right: -50%;
    bottom: -47px;
    margin: auto;
    background: url(../images/organogram/org-ar-04.png) no-repeat center;
}

#organogram-wrap a.btn-dg:after {
    content: '';
    width: 75px;
    height: 51px;
    position: absolute;
    left: -50%;
    right: -50%;
    bottom: -47px;
    margin: auto;
    background: url(../images/organogram/org-ar-05.png) no-repeat center;
}

#organogram-wrap .cities-up {
    position: absolute;
    top: 16.5%;
    left: 12%;
    background: url(../images/organogram/org-ar-02.png) no-repeat center;
    width: 456px;
    height: 128px;
    z-index: 4;
    pointer-events: none;
}

#organogram-wrap .cities-up i {
    position: absolute;
    left: -50%;
    right: -50%;
    margin: auto;
    top: -10px;
    background: #fff;
    border: solid 2px #1a326e;
    /*border-radius: 10px;*/
    text-align: center;
    font-style: normal;
    text-transform: uppercase;
    max-width: 120px;
    font-size: 14px;
    color: #1a326e;
    font-weight: bold;
    padding: 8px;
    line-height: 100%;
}

#organogram-wrap .cities-down {
    position: absolute;
    bottom: -1%;
    left: 10%;
    background: url(../images/organogram/org-ar-03.png) no-repeat center;
    width: 461px;
    height: 122px;
    z-index: 9;
    pointer-events: none;
}

#organogram-wrap .cities-down i {
    position: absolute;
    left: -50%;
    right: -50%;
    margin: auto;
    bottom: -10px;
    background: #fff;
    border: solid 2px #1a326e;
    /*border-radius: 10px;*/
    text-align: center;
    font-style: normal;
    text-transform: uppercase;
    max-width: 120px;
    font-size: 14px;
    color: #1a326e;
    font-weight: bold;
    padding: 8px;
    line-height: 100%;
}

.shareLibrary {
    float: right;
    margin-left: -24px;
}

.shareLibrary>a.shareUrl {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(../images/url-share.png) no-repeat center;
    background-size: 26px;
    overflow: hidden;
    text-indent: 100px;
    float: left;
    margin: 4px;
}

#sidebar .shareLibrary>a.shareUrl {
    margin: 12px 0px 0px 0px !important;
}

.shareLibrary input[type="text"] {
    background: #eeeeee none repeat scroll 0 0;
    border: medium none;
    /*border-radius: 6px;*/
    color: #666666;
    float: left;
    font-family: "robotolight", arial;
    font-size: 24px;
    height: 60px;
    line-height: 100%;
    margin-right: 60px;
    padding: 16px 16px 16px 20px;
    position: relative;
    width: 300px;
}

.shareLibrary .share_more {
    position: relative;
}

.shareLibrary #shareURL {
    margin: 0px !important;
    padding-right: 70px !important;
    width: 300px !important;
}

.shareLibrary .copy_share_btn {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../images/url-copy.png) no-repeat center #999;
    border: none;
    background-size: 30px;
    padding: 0px;
    /*border-radius: 0px 6px 6px 0px;*/
    transition: all 0.2s ease 0s;
}

.shareLibrary .copy_share_btn:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

.shareLibrary .copy_share_btn:focus {
    background-color: rgba(0, 0, 0, 0.3);
}

.copyurl {
    float: right;
    position: relative;
    margin-top: -20px;
}

.clear_lib.clear_all {
    margin-top: -9px !important;
}

.copyurl .shareLibrary {
    float: left;
    position: absolute;
    top: -5px;
    right: 50px;
}

.copyurl .shareLibrary>a.shareUrl {
    width: 20px;
    height: 20px;
    background: url(../images/url-share.png) no-repeat center;
    background-size: 20px;
    margin: 5px;
    position: absolute;
    left: -35px;
    top: 10px;
}

.copyurl .shareLibrary .share_more {
    top: 5px;
    margin-left: 0px;
    margin-right: 10px;
}

section#inner-section .copyurl input[type="text"] {
    height: 40px;
    font-size: 18px;
    padding: 7px 10px 10px 20px;
}

.copyurl .shareLibrary .copy_share_btn {
    height: 40px;
    background: url(../images/url-copy.png) no-repeat center #999;
    background-size: 25px;
}

#subscribe-modal .modal-header {
    padding: 20px 25px 0px;
    border: none;
}

#subscribe-modal .modal-body {
    padding: 20px 25px 20px;
    float: left;
    width: 100%;
}

#subscribe-modal h4.modal-title {
    font-weight: 700;
    color: #2372af;
}

#subscribe-modal .modal-content {
    float: left;
}

#subscribe-form {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

#subscribe-form ul>li {
    float: left;
    width: 100%;
    list-style: none;
    margin: 6px 0px;
    position: relative;
}

#subscribe-form .usercountry.error {
    box-shadow: 0px 0px 3px #fe0000 !important;
    /*border-radius: 6px;*/
}

#subscribe-form ul>li:first-child {
    margin-top: 0px;
}

#subscribe-form ul>li input[type="text"] {
    padding: 6px 16px;
    font-size: 20px;
    color: #666666;
    line-height: 100%;
    font-family: 'robotolight', arial;
    /*border-radius: 6px;*/
    border: none;
    position: relative;
    height: 45px;
    background: #eeeeee;
    float: left;
    width: 100%;
    border: solid 1px rgba(0, 0, 0, 0.1);
    margin: 0px;
    color: #333;
}

#subscribe-form ul>li input::placeholder {
    color: #666666;
    opacity: 1;
}

#subscribe-form .field .select-styled {
    padding: 13px 45px 6px 16px;
    height: 47px;
    border: solid 1px rgba(0, 0, 0, 0.1);
}

#subscribe-form .field .select-styled::after {
    top: 14px;
}

#subscribe-form .field .select-options {
    top: 48px;
    max-height: 200px !important;
}

#subscribe-form #btn_subscribe {
    float: right;
    padding: 14px 18px;
    border: none;
    font-size: 18px;
    margin-top: 10px;
}

#subscribe-form ul>li .req {
    position: absolute;
    right: 10px;
    top: 4px;
    color: #fe0000;
}

#subscribe-form ul>li ul>li:first-child {
    width: 100% !important;
    color: #005286;
    padding: 10px 0px;
    font-weight: 600;
}

#subscribe-form ul>li ul>li {
    float: left;
    width: 50%;
    margin: 2px 0px;
}

#subscribe-form ul>li ul>li label {
    max-width: 92%;
    font-weight: 600;
    font-size: 15px;
    margin: 0px;
    color: #0088c7;
    vertical-align: top;
}

#subscribe-form ul>li ul>li input {
    margin-right: 6px;
    display: inline-block;
}

/*
#subscribe-form .btn-primary{
	float:right;
	font-size: 16px;
    background: #00bdf2;
    border-radius: 0px;
    color: #fff;
    border: none;
    font-weight: 600;
    padding: 14px 20px;
	margin-top: -58px;
	position: relative;
	z-index: 1;
}*/

#subscribe-modal input.error {
    box-shadow: 0px 0px 3px #fe0000 !important;
}


/*--------------------------------------------------ORGANOGRAM*/

/*Language Fix*/

body[class^="site"] header ul#primary-nav>li>a {
    font-size: 16px !important;
    padding: 12px;
}

body[class^="site"] header ul#primary-nav {
    left: 260px;
    top: 64px;
}

body[class^="site"] header.affix ul#primary-nav {
    left: 230px;
    top: 20px;
}

body[class^="site"] header ul#primary-nav>li>ul {
    top: 100% !important;
}

body[class^="site"] header ul#primary-nav>li ul>li a,
header ul#primary-nav>li>ul>li>ul>li a {
    font-size: 16px;
    padding: 8px 12px;
}

body[class^="site"] header a.btn-primary {
    font-size: 16px;
    padding: 18px 14px 16px;
}

body[class^="site"] header a.btn-primary i {
    font-size: 18px;
}

body[class^="site"] header ul.social-nav>li {
    margin-left: 16px;
}

body[class^="site"] header.affix .pull-right {
    padding: 13px 0px;
}

body[class^="site"] header ul.social-nav {
    margin: 18px 18px 0px 0px;
}

body[class^="site"] header.affix ul.social-nav {
    margin: 14px 18px 0px 0px;
}

body[class^="site"] header ul.social-nav>li a {
    font-size: 20px !important;
}

body[class^="site"] header h1#logo {
    max-width: 250px;
    padding: 40px 20px;
}

body[class^="site"] header.affix h1#logo {
    width: 220px;
    padding: 4px 10px;
}

body[class^="site"] header.affix .social-nav {
    display: none;
}

body[class^="site"] header .container,
body[class^="site"] .top-bar .container {
    width: 98%;
}

body[class^="site"] header.affix .pull-right {
    padding-top: 12px !important;
}

/**/
/*select fix*/
.select-wrap select {
    display: none;
}


span.tooltip_custom {
    font-size: 12px;
    color: #333333;
    opacity: 0;
    min-width: 100px;
    text-align: center;
    padding: 5px 10px;
    ;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgb(124, 181, 236);
    font-family: 'robotolight', arial;
}

ul.hazard-list li .risk-level:hover span.tooltip_custom,
ul.hazard-list li .fa:hover span.tooltip_custom {
    opacity: 1;
}

ul.hazard-list li .risk-level:hover span.tooltip_custom {
    top: -25px;
    position: relative;
}

.block-grey ul.hazard-list>li i {
    display: inline-block;
    margin-bottom: 12px;
    float: left;
    clear: both;
}

rect.highcharts-plot-background {
    width: 509px !important;
}

/*@media - COM*/
@media only screen and (min-width: 1700px) and (max-width: 2000px) {
    html[lang="ga-ie"] header ul#primary-nav>li>a {
        max-width: 220px !important;
        font-size: 18px;
        line-height: 20px;
    }

    html[lang="en-gb"] header ul#primary-nav>li>a {
        max-width: 170px;
    }
}

@media only screen and (max-width: 1730px) {
    #ico-carousel ul.slider-wrap>li {
        width: 20%;
    }
}

@media only screen and (max-width: 1680px) {

    #inner-section .row>.col-md-9:last-child {
        width: 100% !important;
    }

    .container {
        width: 95%;
    }

    header ul#primary-nav {
        left: 320px;
    }

    header h1#logo {
        padding: 30px 15px;
    }

    header ul#primary-nav>li>a {
        padding: 16px 14px;
    }

    header ul.social-nav>li {
        margin-left: 15px;
    }

    #inner-section .eventpage.row>.col-md-9 {
        width: 90% !important;
    }

    .footer-base .websiteby {
        left: 2.5%;
    }

    html[lang="en-gb"] header ul#primary-nav>li>a {
        max-width: 170px;
        font-size: 20px;
        padding: 16px 12px;
    }

    #organogram-wrap .comb-arw {
        height: 235px;
        top: 40px;
    }

    #organogram-wrap .cities-up {
        top: 22.5%;
        left: 10%;
    }
}

@media only screen and (max-width: 1800px) {
    #inner-section .eventpage.row>.col-md-9 {
        width: 80% !important;
    }

    footer ul#footer-nav ul>li a {
        display: inline-block;
    }

    footer ul.menu li a::after,
    footer ul.menu li a::before,
    .footer-base ul.menu li a::after,
    .footer-base ul.menu li a::before {
        bottom: -5px;
    }
}

@media only screen and (max-width: 1600px) {
    #organogram-wrap {
        padding-top: 10%;
    }

    #organogram-wrap .comb-arw {
        height: 33%;
        top: 0px;
    }

    #organogram-wrap .cities-up {
        top: 12%;
        left: 10%;
    }

    #organogram-wrap .cities-down {
        left: 10%;
    }

    #organogram-wrap .btn-base,
    #organogram-wrap .nav-left>li a {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1540px) {
    header ul#primary-nav>li>a {
        padding: 16px 10px;
    }

    header ul.social-nav {
        margin-right: 15px;
    }

    header ul.social-nav>li {
        margin-left: 12px;
    }

    header h1#logo {
        width: 280px;
    }

    header ul#primary-nav {
        left: 290px;
    }

    header .btn-primary {
        padding: 20px 15px;
    }

    .signatory-profile .sign-head h3 {
        font-size: 24px !important;
    }

    header.affix ul#primary-nav {
        top: 14px;
    }

    header.affix .pull-right {
        padding: 8px 0px !important;
    }

    html[lang="en-gb"] header ul#primary-nav>li>a {
        max-width: 170px;
        font-size: 20px;
        padding: 16px 12px;
    }

    html[lang="en-gb"] header ul#primary-nav>li>a {
        max-width: 140px;
        font-size: 18px;
        padding: 16px 10px;
    }

    .country-info-wrap ul.country-info-list li {
        margin: 6px !important;
    }
}

@media only screen and (min-width: 890px) and (max-width: 1540px) {

    body[class^="site"] header .social-nav {
        position: absolute;
        right: 200px;
        top: -5px;
    }

    body[class^="site"] footer ul#footer-nav>li h4,
    body[class^="site"] footer ul#footer-nav>li>a {
        font-size: 18px;
        padding: 18px 0px 18px;
    }

    body[class^="site"] header a.btn-primary {
        font-size: 16px;
        padding: 10px 14px 7px;
        position: absolute;
        top: 10px;
        right: 12px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 2200px) {

    /*menu fix*/
    header ul#primary-nav {
        top: 46px;
        display: table;
        height: 80px;
    }

    header.affix ul#primary-nav {
        top: 0px !important;
    }

    header ul#primary-nav>li {
        display: table-cell;
        float: none;
        vertical-align: middle;
    }

    header ul#primary-nav>li>a {
        display: table;
        max-width: 190px;
        font-size: 20px;
        line-height: 24px;
        padding: 16px 10px;
    }

    html[lang="en-gb"] header ul#primary-nav>li>a {
        display: table;
        max-width: 267px;
        font-size: 22px;
        line-height: 24px;
        padding: 16px;
    }

    header ul#primary-nav>li>a>span {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    header ul#primary-nav>li:hover>ul {
        top: calc(100% - 16px) !important;
        z-index: 9;
    }

    header ul.social-nav>li {
        margin-left: 22px;
    }

    header .btn-primary.btn-yellow {
        display: table-cell;
        max-width: 212px;
        height: 60px;
        padding-top: 4px;
        padding-bottom: 0px;
        vertical-align: middle;
    }

    header .btn-primary.btn-yellow i {
        margin-bottom: 1px;
    }

}

@media only screen and (max-width: 1760px) {

    /*menu fix*/
    header ul#primary-nav>li>a {
        max-width: 180px !important;
        font-size: 18px;
    }

    header ul#primary-nav>li ul>li a {
        font-size: 18px;
    }

    html[lang="ga-ie"] header ul#primary-nav>li>a {
        max-width: 180px !important;
        font-size: 16px;
        line-height: 18px;
    }

    header .btn-primary.btn-yellow {
        font-size: 18px;
    }

    html[lang="en-gb"] header ul#primary-nav>li>a {
        max-width: 150px !important;
        font-size: 20px;
        padding: 16px 12px;
    }

    /*menu fix*/
    header ul#primary-nav {
        width: calc(100% - 800px);
    }
}

@media only screen and (max-width: 1440px) {

    /*menu fix*/
    header ul#primary-nav {
        top: 44px !important;
    }

    header ul#primary-nav>li>a {
        max-width: 166px !important;
        font-size: 17px;
        line-height: 17px;
    }

    header ul#primary-nav>li ul>li a {
        font-size: 18px;
    }

    html[lang="ga-ie"] header ul#primary-nav>li>a {
        max-width: 180px !important;
        font-size: 16px;
        line-height: 18px;
    }

    header .btn-primary.btn-yellow {
        font-size: 18px;
    }

    header ul#primary-nav>li>a {
        padding: 14px 10px;
    }

    header.affix ul#primary-nav>li>a {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    /*menu fix*/
    header ul.social-nav {
        margin-right: 15px;
    }

    header ul.social-nav>li {
        margin-left: 12px;
    }

    header ul#primary-nav {
        top: 57px;
    }

    header ul#primary-nav>li>ul {
        top: 50px !important;
    }

    .modal.quick-modal .title-wrap h3 {
        font-size: 34px;
    }

    .signatory-profile .sign-head {
        min-height: 0px;
    }

    body[class^="site"] footer ul#footer-nav>li h4,
    body[class^="site"] footer ul#footer-nav>li>a {
        font-size: 18px;
        padding: 18px 0px 18px;
    }

    body[class^="site"] header.affix a.btn-primary {
        display: none;
    }

    footer .col-md-9 {
        padding-left: 0px;
    }

    footer ul#footer-nav>li h4,
    footer ul#footer-nav>li>a {
        font-size: 20px;
    }

    html[lang="en-gb"] header ul#primary-nav>li>a {
        max-width: 140px;
        font-size: 18px;
        padding: 16px 10px;
    }

    #organogram-wrap .cities-up {
        top: 10%;
        left: 10%;
    }
}

@media only screen and (max-width: 1360px) {

    header .container,
    .top-bar .container {
        width: 98%;
    }

    header ul#primary-nav>li>a {
        padding: 14px 10px;
    }

    header ul#primary-nav {
        top: 58px;
    }

    header ul#primary-nav>li>ul {
        top: 48px !important;
    }

    header .btn-primary {
        padding: 14px 15px 12px;
        line-height: 20px;
        font-size: 16px;
    }

    header ul.social-nav>li a {
        font-size: 20px;
    }

    header ul.social-nav {
        margin-top: 11px;
        margin-bottom: 11px;
    }

    header .pull-right {
        padding: 57px 0px;
    }

    header h1#logo {
        width: 240px;
        padding-top: 40px;
    }

    header ul#primary-nav {
        left: 250px;
    }

    section h2.leaf-title {
        font-size: 40px;
        background-position: 0px 5px;
    }

    header.affix .pull-right {
        padding: 16px 0px !important;
    }

    #inner-section #loadItems ul.event-listing>li.element {
        width: 49.8%;
    }

    #quick-wrap ul.quick-nav>li.sub>a::after {
        margin-right: -10px;
    }

    #news-slider .news-desc>a {
        font-size: 18px;
        line-height: 20px;
    }

    section#inner-section ul.page-tab-nav>li a {
        font-size: 18px;
        line-height: 20px;
        padding: 0px 16px;
        min-width: 100px;
    }

    ul.icons-list>li {
        width: 47%;
    }

    ul.icons-list>li:nth-child(2n + 1) {
        clear: left;
    }

    ul.icons-list>li:nth-child(3n + 1) {
        clear: none !important;
    }

    .docs-sidebar #sidebar,
    .docs-sidebar #sidebar.affix {
        width: 250px !important;
        padding: 18px;
    }

    html[lang="en-gb"] header ul#primary-nav>li>a {
        max-width: 140px;
        font-size: 18px;
        padding: 16px 10px;
    }

    header ul#primary-nav {
        width: calc(100% - 620px);
    }

    header .btn-primary.btn-yellow {
        max-width: 180px;
        font-size: 16px;
    }
}

@media only screen and (max-width: 1280px) {
    #organogram-wrap {
        padding-top: 10%;
    }

    #organogram-wrap .comb-arw {
        height: 33%;
        top: -1%;
        left: 2%;
    }

    #organogram-wrap .cities-up {
        top: 12%;
        left: 10%;
        background-size: 86%;
        background-position: top center;
    }

    #organogram-wrap .cities-down {
        left: 10%;
        background-size: 86%;
        background-position: bottom center;
    }

    #organogram-wrap .btn-base,
    #organogram-wrap .nav-left>li a {
        font-size: 20px;
    }

    #organogram-wrap>div.org-sec-1 .base-title {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1200px) {

    header,
    header h1#logo {
        height: 120px;
    }

    header ul#primary-nav>li>a {
        font-size: 15px !important;
        line-height: 15px !important;
    }

    header ul#primary-nav>a {
        font-size: 15px !important;
        line-height: 15px !important;
    }

    header ul#primary-nav>li ul li a {
        font-size: 15px !important;
        line-height: normal;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    #header-wrap {
        height: 160px;
    }

    header h1#logo {
        padding-top: 16px !important;
    }

    header .pull-right {
        padding: 30px 0px 0px 0px
    }

    header .btn-primary.btn-yellow {
        font-size: 15px !important;
    }

    header ul.social-nav {
        margin-top: 15px;
    }

    header ul#primary-nav {
        top: 20px !important;
    }

    .eu-support-stamp {
        width: 180px;
        height: auto;
        padding: 16px;
    }

    .eu-support-stamp span {
        font-size: 12px;
        line-height: normal !important;
    }

    #home-banner ul.flex-direction-nav {
        margin: 0px !important;
        left: auto;
        right: 5%;
        bottom: 20%;
    }

    #home-banner .banner-caption {
        width: 82%;
    }

    #home-banner .banner-figures dt {
        max-width: 100px;
    }

    #home-banner ul.slides>li {
        padding-top: 100px;
    }

    #home-banner ul.slides>li h2 {
        font-size: 32px;
    }

    #home-banner ul.slides>li h3 {
        font-size: 28px;
    }

    #news-slider ul.slider-wrap>li>div {
        display: inline-block;
        width: 100% !important;
    }

    #news-slider ul.slider-wrap>li>div.news-thumb {
        height: 150px;
    }

    #news-slider ul.slider-wrap>li>div.news-desc {
        height: 200px;
    }

    #news-slider .m-left,
    #news-slider .m-right {
        transform: scale(0.6);
    }

    #news-slider .m-left {
        left: -20px;
    }

    #news-slider .m-right {
        right: -20px;
    }

    section h2.leaf-title {
        font-size: 32px;
        background-position: 0px 5px;
        min-height: 40px;
    }

    #home-signatories .col-md-4 {
        width: 40% !important;
    }

    #home-signatories .col-md-8 {
        width: 60% !important;
    }

    footer ul#footer-nav>li h4,
    footer ul#footer-nav>li>a {
        font-size: 18px;
        padding: 20px 0px 12px 0px;
    }

    footer {
        padding: 40px 0px 30px;
    }

    .container {
        width: 98%;
    }

    footer .container,
    .footer-base .container {
        width: 96%;
    }

    .container .container {
        width: 100%;
    }

    ul.icons-list>li>span {
        width: 75px;
    }

    .secondary-fill-block ul.icons-list>li h3 {
        font-size: 40px !important;
    }

    section#inner-section .page-wrap {
        padding: 25px;
    }

    .secondary-fill-block {
        padding: 25px 25px 0px 25px !important;
        margin: 20px -25px 20px -25px !important;
        width: calc(100% + 50px);
    }

    .docs-sidebar #sidebar,
    .docs-sidebar #sidebar.affix {
        padding: 15px;
    }

    section#inner-section .fig-filter hr {
        width: calc(100% + 50px);
        margin-left: -25px;
    }

    .block-grey {
        padding: 26px;
    }

    ul.hazard-list>li {
        width: 33.3%;
    }

    section#inner-section ul.page-tab-nav>li a {
        font-size: 16px;
        line-height: 18px;
    }

    .table-wrap table td,
    .table-wrap table th {
        font-size: 16px;
        padding: 10px;
    }

    .table-wrap table tr td:first-child,
    .table-wrap table tr th:first-child {
        padding-left: 18px;
    }

    .switch-view .switch-wrap a {
        width: 65px;
        height: 45px;
    }

    .switch-view .switch-wrap i {
        font-size: 24px;
        line-height: 46px;
    }

    .switch-view label {
        font-size: 18px;
        padding: 14px 20px 8px 0px;
    }

    hr.ruler {
        margin: 25px 0px;
    }

    .switch-view {
        margin-bottom: 25px;
    }

    section#inner-section .page-filter .search-wrap,
    section#inner-section .page-filter .select-wrap {
        margin-right: 15px;
        margin-bottom: 10px;
    }

    section#inner-section .page-filter .search-wrap input[type="text"] {
        padding: 14px 12px 14px 14px;
        font-size: 20px;
        height: 46px;
        width: 230px;
    }

    section#inner-section .page-filter .search-wrap input[type="submit"] {
        width: 46px;
        height: 46px;
    }

    section#inner-section .page-filter .search-wrap::after {
        top: 5px;
        right: 12px;
    }

    section#inner-section .page-filter .select-styled,
    section#inner-section .fig-filter .select-styled,
    section#inner-section .fig-filter .fs-label-wrap .fs-label,
    section#inner-section .fs-label-wrap .fs-label {
        padding: 12px 30px 12px 14px;
        height: 46px;
        font-size: 20px;
        width: 100%;
    }

    section#inner-section .page-filter .select-styled::after,
    section#inner-section .fig-filter .select-styled:after,
    section#inner-section .fig-filter .fs-label-wrap .fs-label:after {
        top: 12px;
        right: 12px;
    }

    section#inner-section .page-filter .select-options,
    section#inner-section .fig-filter .select-options {
        top: 47px;
    }

    section#inner-section .page-filter .select-options li,
    section#inner-section .fig-filter .select-options li {
        padding: 8px 14px;
        font-size: 16px;
    }

    .toggle-block {
        padding-top: 20px;
    }

    .btn-primary.btn-big {
        font-size: 18px;
        padding: 16px;
    }

    #ico-carousel {
        min-width: calc(100% + 50px);
        margin-left: -25px;
    }

    #ico-carousel p {
        font-size: 18px;
    }

    #ico-carousel ul.slider-wrap>li {
        width: 18%;
    }

    

    .bdg {
        margin: 5px;
    }

    #inner-section p.intro {
        font-size: 18px;
        margin-bottom: 24px;
    }

    section#inner-section .news-list-wrap>div.news-thumb {
        width: 300px;
    }

    #inner-section ul.pagination>li {
        padding: 0px 2px 30px;
    }

    .modal.quick-modal .modal-dialog .modal-content {
        padding: 20px 30px 30px 30px;
    }

    .modal.quick-modal .title-wrap h3 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .grid-wrap .grid-content {
        padding: 16px;
    }

    .grid-content p,
    .grid-content ul>li {
        font-size: 16px;
    }

    .country-info-wrap {
        width: calc(100% + 50px);
        margin: 0px 0px 0px -25px;
        padding: 18px;
    }

    .fig-filter {
        padding: 0px 5px 10px 5px;
        margin: 0px 0px 40px 0px;
    }

    #sidebar h3 {
        margin-bottom: 10px;
    }

    section#inner-section .fig-filter hr {
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    section#inner-section .fig-filter .select {
        margin: 0px;
    }

    #sidebar p {
        margin-bottom: 15px;
    }

    section#inner-section .fig-filter .btn-primary {
        margin-top: 10px;
        font-size: 16px;
        padding: 12px 24px;
    }

    ul#sidebar li ul {
        padding-left: 17px;
        margin-top: 5px;
    }

    body[class^="site"] header ul#primary-nav {
        top: 52px !important;
    }

    header.affix ul.social-nav,
    header.affix .btn-primary.btn-yellow {
        display: none;
    }

    body[class^="site"] header ul#primary-nav>li>a {
        font-size: 14px !important;
        padding: 8px !important;
    }

    #organogram-wrap .btn-base,
    #organogram-wrap .nav-left>li a {
        font-size: 18px;
    }

    #organogram-wrap .btn-base span {
        height: 70px;
    }

    
    .steps-wrapper {
        flex-direction: column;
        align-items: stretch;
        overflow: auto;
    }
     .steps-wrapper > div {
        margin-right: 0;
        margin-bottom: 20px;
        width: auto;
        padding: 25px;
    }

    .steps-wrapper > div > span {
        padding: 20px;
    }
    .steps-wrapper>div>span p {
        font-size: 16px;
    }
   
    .steps-wrapper > div:last-child {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 1150px) {
    header ul.social-nav {
        position: absolute;
        top: 0px;
        right: 25px;
        margin: 0px !important;
    }

    header ul#primary-nav {
        width: calc(100% - 480px);
    }

    #organogram-wrap .cities-up {
        background-size: 75%;
        left: 5%;
    }

    #organogram-wrap .cities-down {
        background-size: 75%;
        bottom: 4%;
        left: 5%;
    }

    #organogram-wrap .nav-left>li a span {
        height: 40px;
    }

    #organogram-wrap .comb-arw {
        height: 32%;
    }

    #organogram-wrap .btn-base,
    #organogram-wrap .nav-left>li a {
        font-size: 16px;
    }

    #event-list-home .event-desc a {
        font-size: 20px;
        line-height: normal;
    }

    #event-list-home>li:nth-child(2n+1) {
        padding-right: 30px;
    }

    #event-list-home>li:nth-child(2n) {
        padding-left: 30px;
    }

    #event-list-home .event-date {
        width: 90px;
    }

    #event-list-home .event-date dl dd {
        font-size: 30px;
    }

    #event-list-home .event-date dl dt {
        font-size: 12px;
    }

    #event-list-home .event-desc {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1040px) {
    #timeline>li {
        width: 48%;
    }

    #timeline>li:nth-child(2n+1)::after {
        right: -6.8%;
    }

    #timeline>li:nth-child(2n)::after {
        left: -6.8%;
    }

    ul.icons-list>li h3 {
        font-size: 3vw !important;
    }

    ul.icons-list>li strong {
        font-size: 16px;
    }

    .block-grey ul.icons-list>li {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .secondary-fill-block ul.icons-list>li h3 {
        font-size: 3.4vw !important;
    }

    ul.icons-list>li {
        margin-bottom: 25px;
    }

    header ul#primary-nav {
        top: 62px;
    }

    #sidebar p {
        font-size: 16px;
    }

    section#inner-section .news-list-wrap>div.news-thumb {
        width: 250px;
    }

    ul.event-listing .event-desc .loc,
    ul.event-listing.details-page .loc,
    ul.event-listing .event-desc h4,
    ul.event-listing.details-page h4 {
        width: 100%;
        max-width: none;
    }

    ul.event-listing .event-desc h4,
    ul.event-listing.details-page h4 {
        font-size: 20px;
    }

    ul.accordion>li a.toggle {
        padding-right: 30px;
    }

    header .btn-primary.btn-yellow {
        max-width: none;
    }

    #organogram-wrap .comb-arw {
        height: 30%;
    }

    #organogram-wrap .cities-up,
    #organogram-wrap .cities-down {
        background-size: 70%;
        left: 4%;
    }

    #organogram-wrap>div.org-sec-1 {
        padding: 30px;
    }

    #organogram-wrap .cities-up {
        top: 9%;
    }

    #organogram-wrap>div.org-sec-1 .base-title {
        right: 30px;
        bottom: 8px;
        font-size: 13px;
    }
}

@media only screen and (max-width: 991px) {
    #home-banner .banner-figures dd h4 {
        font-size: 40px;
    }

    #home-banner .banner-caption {
        width: 100%;
    }

    #news-slider ul.slider-wrap>li>div.news-desc {
        height: 240px;
    }

    #news-slider {
        margin-bottom: 30px;
    }

    section #home-news {
        padding: 30px 0px;
    }

    section h2.leaf-title {
        margin-bottom: 25px;
        background-size: 26px;
        padding-left: 30px;
        font-size: 30px;
    }

    #home-signatories {
        padding: 35px 0px;
    }

    #home-signatories .col-md-4,
    #home-signatories .col-md-8 {
        float: left;
        width: 50% !important;
    }

    #home-signatories .map-wrap {
        height: 430px;
    }

    footer {
        padding: 30px 0px 30px;
    }

    footer .eu-flag {
        float: left;
        margin: 0px 20px 30px 0px;
        max-width: 60px;
    }

    footer .col-md-9 {
        padding-left: 15px;
    }

    footer ul#footer-nav>li:first-child {
        padding-left: 0px;
    }

    .container .container {
        padding: 0px;
    }

    .col-md-3.docs-sidebar {
        width: 100% !important;
        position: static !important;
        float: left;
        margin-top: 10px;
    }

    .docs-sidebar #sidebar,
    .docs-sidebar #sidebar.affix {
        position: static !important;
        width: 100% !important;
    }

    #ico-carousel ul.slider-wrap>li {
        width: 29%;
        margin: 0px 25px;
    }

    #ico-carousel {
        padding: 30px 30px 20px !important;
    }

    #inner-section .eventpage.row>.col-md-9 {
        width: 100% !important;
    }

    .page-wrap.news-list .row {
        margin: 0px;
    }

    .custom_calendar_container {
        margin-top: 0px !important;
    }

    .fluid-block.events-block.calendar-wrap {
        float: left;
        width: 100%;
    }

    section#inner-section {
        padding: 25px 0px 20px 0px;
    }

    footer .eu-ico {
        position: static;
        float: left;
        clear: both;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    #organogram-wrap>div.org-sec-1 .base-title {
        display: none;
    }
}

@media only screen and (max-width: 1090px) {
    #home-banner .eu-ico {
        max-height: 58px;
    }

    header .btn-primary.btn-yellow {
        height: calc;
        max-width: 240px;
    }

    header .pull-right {
        padding-top: 14px !important;
    }

    #news-slider ul.slider-wrap>li {
        width: 47.5%;
    }

    #news-slider ul.slider-wrap>li>div.news-desc {
        height: 220px;
    }

    .footer-base .base-social>li a {
        width: 50px;
        height: 50px;
    }

    #site-wrapper header ul#primary-nav>li>a {
        max-width: none !important;
        height: 50px;
        display: flex;
        justify-content: left;
        align-items: center;
        background: #133f70;
        color: #fff;

    }

    header ul.social-nav {
        position: static;
        margin: 12px 16px 0px !important;
    }

    .footer-base .base-social>li a i {
        font-size: 26px;
        line-height: 50px;
    }

    .footer-base .base-links {
        margin: 16px 0px 14px 10px;
    }

    .footer-base .websiteby {
        left: 3%;
        bottom: 50px;
    }

    .footer-base .base-links>li {
        margin-right: 20px;
    }

    .footer-base .base-links>li a {
        font-size: 16px;
    }

    footer ul#footer-nav>li h4,
    footer ul#footer-nav>li>a {
        font-size: 16px;
        padding: 10px 0px 6px 0px;
    }

    footer ul#footer-nav ul>li a {
        font-size: 14px;
    }

    footer ul#footer-nav ul>li {
        padding: 4px 0px;
    }

    footer ul#footer-nav>li:nth-child(2) {
        padding-left: 0px !important;
    }

    footer ul#footer-nav {
        margin-bottom: 10px;
    }

    #home-banner .banner-caption .banner-cap-wrap {
        min-height: 180px;
    }

    #home-banner ul.slides>li h2 {
        font-size: 28px;
    }

    #home-banner ul.slides>li h3 {
        font-size: 24px;
    }

    #home-banner ul.flex-direction-nav {
        display: none;
    }

    #home-signatories input[type="text"] {
        font-size: 18px;
        padding: 8px 10px;
        margin-bottom: 20px;
    }

    #home-signatories .select-styled {
        font-size: 18px;
        height: 45px;
        padding: 4px 36px 12px 14px;
    }

    #home-signatories .select-wrap {
        margin-bottom: 18px;
    }

    #home-signatories .select-options {
        top: 45px;
    }

    #home-signatories .select-options li {
        font-size: 16px;
        padding: 8px 12px;
    }

    .btn-primary {
        font-size: 18px;
        padding: 16px;
    }

    #home-signatories .map-wrap {
        hanging-punctuation: 40px;
    }

    .nav-toggle {
        display: block;
    }

    /*MENU*/
    .nav-toggle {
        background: none;
        display: block;
        cursor: pointer;
        width: 50px;
        height: 24px;
        z-index: 10;
        position: absolute;
        top: 30px;
        right: 25px;
    }

    span.mobilemenu {
        display: block;
        width: 50px;
        height: 4px;
        background: #000000;
        z-index: 100;
        cursor: pointer;
        position: absolute;
        top: 10px;
        left: 0px;
    }

    span.mobilemenu:after,
    span.mobilemenu:before {
        background-color: #000000;
        content: "";
        display: block;
        height: 4px;
        position: absolute;
        transition: all 0.4s ease 0s;
        width: 50px;
        z-index: 100;
    }

    span.mobilemenu:before {
        top: -12px;
    }

    span.mobilemenu:after {
        top: 12px;
    }

    .nav-toggle:hover span.mobilemenu:before {
        top: -15px;
    }

    .nav-toggle:hover span.mobilemenu:after {
        top: 15px;
    }

    .nav-toggle:hover span.mobilemenu.active:before {
        top: 0px;
    }

    .nav-toggle:hover span.mobilemenu.active:after {
        top: 0px;
    }

    span.mobilemenu.active {
        height: 0px;
    }

    span.mobilemenu.active:after {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        top: 0px;
    }

    span.mobilemenu.active:before {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        top: 0px;
    }

    span.mobilemenu,
    span.mobilemenu:before,
    span.mobilemenu:after {
        transition: all 0.2s ease 0s !important;
    }

    header,
    header h1#logo {
        height: 80px;
    }

    #header-wrap {
        height: 120px;
    }

    header h1#logo {
        padding: 4px 30px 4px 7px !important;
        width: 210px;
    }

    header .pull-right {
        margin-right: 70px;
    }

    header ul#primary-nav {
        left: 0px !important;
        top: 80px !important;
        width: 100%;
        display: none;
    }

    header ul#primary-nav>li {
        width: 100% !important;
        border-top: solid 1px #fff;
    }

    header ul#primary-nav>li>a {
        border-radius: 0px !important;
    }

    header ul#primary-nav>li a {
        padding: 10px 16px !important;
        font-size: 18px !important;
    }

    header ul#primary-nav>li ul {
        position: static;
        width: 100%;
        display: none;
        border-top: solid 1px #2372af;
    }

    header ul#primary-nav li:hover>ul {
        display: block;
        opacity: 1;
        pointer-events: auto;
    }

    .banner-base ul>li a {
        padding: 8px 12px;
        font-size: 14px;
    }

    #home-banner .banner-figures dd {
        padding-right: 40px;
    }

    #home-banner .banner-figures {
        padding: 25px 0px;
    }

    #home-banner .banner-figures dd h4 {
        font-size: 32px;
    }

    #home-banner .banner-figures dd span {
        font-size: 18px;
        padding-top: 0px;
    }

    #home-banner ul.slides>li h2 {
        font-size: 26px;
    }

    #home-banner ul.slides>li h3 {
        font-size: 22px;
    }

    #home-banner ul.slides>li {
        padding-top: 70px;
    }

    .banner-base {
        height: 64px;
    }

    #home-banner ul.slides>li h2 {
        font-size: 24px;
        line-height: 30px;
    }

    #home-banner ul.slides>li h3 {
        font-size: 20px;
        line-height: 30px;
    }

    #home-signatories .col-md-4,
    #home-signatories .col-md-8 {
        width: 100% !important;
    }

    #home-signatories .map-wrap {
        margin-top: 30px;
        height: 300px !important;
    }

    .page-wrap p {
        font-size: 16px;
        line-height: 22px;
    }

    #home-banner .banner-figures dt {
        max-width: 76px;
    }

    #timeline>li:nth-child(2n)::after {
        left: -8.2%;
    }

    #timeline>li:nth-child(1n)::after {
        right: -8.2%;
    }

    #timeline>li .timeline-desc p,
    #timeline>li .timeline-desc a {
        font-size: 14px;
    }

    #timeline>li .timeline-desc h4 {
        font-size: 20px;
    }

    #timeline>li .timeline-desc {
        padding: 12px;
    }

    .table-wrap table td,
    .table-wrap table th {
        font-size: 14px;
        padding: 8px;
    }

    section#inner-section ul.page-tab-nav>li {
        height: 60px;
        padding: 0px 4px 4px 0px;
    }

    section#inner-section ul.page-tab-nav>li a {
        padding: 0px 12px;
        width: auto;
        font-size: 14px;
        height: 60px;
        min-width: 0px;
    }

    section#inner-section ul.page-tab-nav {
        min-width: 0px;
    }

    .table-wrap {
        float: left;
        width: 100%;
        overflow: scroll;
    }

    section#inner-section ul.page-tab-nav>li.active {
        border-right: solid 4px #f4f4f4;
    }

    section#inner-section ul.page-tab-nav>li.active a {
        height: 62px;
    }

    #inner-section p.intro {
        font-size: 16px;
        margin-bottom: 20px;
    }

    section#inner-section ul.news-list h4 a {
        font-size: 20px;
    }

    section#inner-section .news-list-wrap>div.news-thumb {
        width: auto;
        max-width: 200px;
        display: inline-block;
        float: left;
    }

    section#inner-section .news-list-wrap>div.news-desc {
        display: inline;
    }

    #inner-section ul.pagination>li a {
        font-size: 16px;
        width: 24px;
        height: 24px;
    }

    #quick-wrap {
        width: calc(100% + 50px);
        margin-left: -25px;
        padding: 30px 25px;
    }

    #quick-wrap ul.quick-nav>li {
        padding: 6px;
    }

    #quick-wrap ul.quick-nav>li>a {
        padding: 4px;
        font-size: 14px;
    }

    #quick-wrap .qk-title-col h5 {
        font-size: 14px;
        padding: 6px;
    }

    section#inner-section .page-wrap h3,
    #sidebar h3 {
        font-size: 20px;
    }

    section#inner-section .page-wrap h3.topic-title {
        font-size: 18px;
        padding: 5px 8px;
        margin-bottom: 20px;
    }

    header .btn-primary {
        padding: 12px 12px 10px !important;
        margin-top: 4px !important;
    }

    .footer-base {
        min-height: 50px;
    }

    body[class^="site"] header ul.social-nav {
        margin: 11px 18px 0px 0px !important;
    }

    .banner-base .container.affix {
        display: none;
    }

    footer ul#footer-nav>li {
        float: left;
        width: 50%;
        padding: 0px !important;
        margin-bottom: 20px;
    }

    footer ul#footer-nav>li:nth-child(2n+1) {
        clear: left;
    }

    body[class^="site"] header ul.social-nav>li {
        margin-left: 8px !important;
    }

    body[class^="site"] header ul#primary-nav {
        top: 80px !important;
    }
}

@media only screen and (max-width: 820px) {
    #organogram-wrap {
        display: none !important;
    }

    #event-list-home>li {
        width: 100% !important;
        padding: 0px !important;
        margin: 10px 0px !important;
    }

    #event-list-home::after {
        content: none;
    }

    #event-list-home>li p {
        font-size: 16px !important;
    }
}

@media only screen and (max-width: 600px) {
    ul.social-nav {
        display: none;
    }

    #home-banner ul.slides>li {
        padding-top: 30px;
    }

    #home-banner .eu-ico {
        display: none;
    }

    header h1#logo {
        width: 170px;
        padding: 2px 30px 4px 5px !important;
        height: 60px;
    }

    header h1#logo {
        height: 54px;
    }

    header {
        height: 60px;
    }

    #header-wrap {
        height: 100px;
    }

    .nav-toggle {
        transform: scale(0.6);
        top: 18px;
        right: 8px;
    }

    header .pull-right {
        margin-right: 30px;
    }

    header .btn-primary {
        padding: 12px 12px 10px !important;
        margin-top: -5px !important;
        transform: scale(0.8) !important;
    }

    header ul#primary-nav {
        top: 60px !important;
    }

    #news-slider ul.slider-wrap>li {
        width: 99%;
    }

    #news-slider .m-left {
        right: 50px;
        top: 0px;
        left: auto;
        transform: scale(0.5);
    }

    #news-slider .m-right {
        right: 0px;
        top: 0px;
        left: auto;
        transform: scale(0.5);
    }

    #home-banner .banner-figures {
        width: 100%;
    }

    #home-banner .banner-figures dt {
        clear: left;
        float: left;
    }

    #home-banner .banner-figures dt,
    #home-banner .banner-figures dd {
        margin-top: 20px;
    }

    #home-banner .banner-figures>* {
        float: left;
    }

    footer ul#footer-nav>li {
        float: left;
        width: 100%;
        padding: 0px !important;
    }

    #news-slider ul.slider-wrap>li>div.news-desc {
        height: 240px;
    }

    section#inner-section ul.page-tab-nav {
        border-radius: 0px !important;
        margin-bottom: 20px !important;
    }

    section#inner-section ul.page-tab-nav>li {
        height: auto;
        width: 100%;
        float: Left;
        display: inline-block;
        border-radius: 0px !important;
    }

    section#inner-section ul.page-tab-nav>li a {
        border-radius: 0px !important;
        display: block;
        width: 100%;
        height: auto !important;
        padding: 12px 0px !important;
    }

    .secondary-fill-block {
        padding: 15px 7px 0px 10px !important;
    }

    .secondary-fill-block ul.icons-list>li strong,
    .secondary-fill-block ul.icons-list>li h3 {
        font-size: 18px !important;
    }

    ul.icons-list>li img {
        min-width: 50px;
    }

    ul.accordion>li a.toggle,
    ul.accordion>li a.toggle-pro {
        font-size: 16px;
    }

    .block-grey {
        padding: 16px 12px !important;
    }

    .block-grey * {
        font-size: 4.4vw !important;
    }

    .block-grey ul.icons-list>li {
        width: 100%;
    }

    ul.icons-list>li>span {
        width: 50px;
    }

    .signatory-status-bar .sign-bar {
        width: 94%;
    }

    ul.hazard-list>li {
        width: 100%;
    }

    section#inner-section ul.page-tab-nav {
        width: 100%;
    }

    .impact-sector-wrap {
        display: none !important;
    }

    #inner-section #loadItems ul.event-listing>li.element {
        width: 100% !important;
        padding: 5px 0px;
    }

    #inner-section ul.event-listing .event-desc {
        padding: 12px !important;
    }

    ul.event-listing .event-desc h4,
    ul.event-listing.details-page h4 {
        font-size: 16px;
    }

    #inner-section ul.pagination {
        display: none !important;
    }

    #inner-section ul.event-listing>li.pagination-block {
        position: absolute !important;
        bottom: 10px !important;
        left: 0px !important;
        top: auto;
        z-index: 2;
        width: calc(100% - 0px) !important;
    }

    #adminForm #loadItems {
        overflow: scroll;
        float: left;
        width: 100%;
    }

    #quick-wrap {
        max-width: 900px;
        background: none !important;
        margin-left: 0px;
        padding: 20px 0px;
        margin-top: 0px;
    }

    #quick-wrap .qk-title-col {
        padding: 0px 4px 4px;
    }

    #quick-wrap h2 {
        font-size: 18px;
        padding: 10px 0px;
    }

    .tooltip .tooltip-inner {
        max-width: 90%;
        min-width: 100px;
        padding: 6px 10px;
        font-size: 14px;
        line-height: normal;
    }

    #quick-wrap.info_services {
        margin-bottom: 20px;
    }

    #quick-wrap ul.quick-nav>li {
        padding: 4px;
    }

    #quick-wrap ul.quick-nav>li>a,
    #quick-wrap ul.quick-nav>li>ul>li a {
        font-size: 10px;
        line-height: normal;
    }

    #quick-wrap ul.quick-nav>li:hover>ul {
        left: 4px;
        opacity: 1;
        pointer-events: auto;
        top: 35px;
        width: calc(100% - 8px);
    }

    section#inner-section .fs-label-wrap .fs-label::after {
        right: 12px;
        top: 14px;
    }

    p.text-center.no-margin {
        text-align: left;
    }

    .article_page img,
    .page-wrap p img,
    .page-wrap>img {
        max-width: 100%;
    }

    .join-intro {
        max-width: none;
    }

    #ico-carousel {
        display: none !important;
    }

    
    .steps-wrapper>div {
        display: block;
        float: left;
        width: 100%;
        height: auto;
        padding: 30px;
        margin: 5px 0px;
       
    }

    .steps-wrapper>div>span {
        height: auto;
    }

    .error_page .error_content .container {
        width: 90%;
    }

    .error_page section.error_content h2 {
        font-size: 20px;
    }

    .error_page .error_content h1 {
        font-size: 60px;
        margin-bottom: 30px;
    }

    .error_page section.error_content p {
        font-size: 18px;
        margin-top: 10px;
    }

    #site-wrapper section#inner-section .page-filter>* {
        margin-bottom: 6px !important;
    }

    .sign-disclaimer {
        padding: 0px !important;
    }

    a.ext-link,
    a.ext_url {
        font-size: 14px;
    }

    .footer-base .base-links>li a {
        font-size: 8px;
        margin-right: 4px;

    }

    .footer-base .base-links>li {
        margin-right: 5px;
    }

    footer ul#footer-nav>li {
        margin-bottom: 10px;
    }

    body[class^="site"] header ul#primary-nav {
        top: 59px !important;
    }

    #inner-section .block-grey * {
        font-size: 15px !important;
    }

    .signatory-status-bar .sign-label h6 {
        margin-bottom: 6px !important;
    }

    #inner-section .block-grey .ico-supporters img {
        float: left;
        max-width: 62px !important;
    }

    #inner-section .block-grey h3 {
        font-size: 20px !important;
        float: left;
        clear: both;
        width: 100%;
        margin-bottom: 10px !important;
    }

    .block-grey .row {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .country-info-wrap {
        background: none;
        width: calc(100%);
        margin: 0px 0px 0px 0px;
        padding: 0px !important;

    }

    .country-info-wrap ul.country-info-list li {
        min-height: 0px;
        margin: 10px 0px;
        list-style: none;
        padding: 16px;
        width: 100%;
    }

    section#inner-section .fig-filter>div {
        margin-bottom: 10px !important;
    }

    .shareLibrary input[type="text"] {
        height: 46px;
        font-size: 20px;
        padding: 14px 14px 14px 14px;
        width: calc(100% - 46px) !important;
        margin-right: 46px;
    }

    .fig-filter .shareLibrary .share_more {
        width: 100%;
        margin-top: 10px;
    }

    .shareLibrary .copy_share_btn {
        width: 46px;
        height: 46px;
        background-size: 22px !important;
    }

    #inner-section .container>.row.figRow {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        margin-bottom: 30px !important;
        padding-top: 160px;
        position: relative;
    }

    #inner-section .container>.row.figRow .page-tab-nav {
        position: absolute;
        top: 0px;
        left: 0px;
    }

    #inner-section .container>.row.figRow .col-md-9 {
        position: static;
        width: 100%;
        padding: 0px 15px;
    }

    #inner-section .container>.row.figRow ul.accordion.mb-40 {
        margin-bottom: 0px !important;
    }

    .fig-filter:after {
        width: calc(100% + 60px);
    }

    #inner-section .container>.row.figRow .col-md-3.docs-sidebar {
        margin: 0px 0px 20px !important;
    }

    section h2.leaf-title {
        min-height: 0px;
    }

    .block-grey .country-info-wrap+.row,
    .block-grey .icons-list+.row {
        width: 100% !important;
        margin: 0px !important;
    }

    .block-grey .row {
        width: 100% !important;
    }

    .block-grey .country-info-wrap+.row>div,
    .block-grey .icons-list+.row>div {
        padding: 0px !important;
    }

    /*#site-wrapper .highcharts-container{
		height: 230px!important;
	}
	#site-wrapper .highcharts-root{
		height:275px !important;
	}*/
    #site-wrapper {
        overflow: hidden;
    }
}

@media only screen and (max-width: 460px) {
    .select-wrap.language-select {
        display: none !important;
    }

    .top-bar .search-bar {
        float: left;
    }

    .top-bar .pull-right {
        width: 100%;
    }

    .top-bar form {
        float: right;
    }

    .top-bar .search-bar.active {
        width: 200px;
    }

    #home-banner ul.slides>li h2 {
        font-size: 18px;
        line-height: 24px;
    }

    home-banner ul.slides>li h4 {
        font-size: 14px;
        line-height: 24px;
    }

    .btn-primary.btn-big {
        font-size: 16px;
        padding: 12px;
    }

    .eu-support-stamp {
        display: none;
    }

    .banner-caption>a.w-link {
        font-size: 16px;
    }

    .flex-control-nav {
        bottom: 22px;
    }

    .banner-base {
        height: 75px !important;
        display: none;
    }

    .banner-base ul>li a {
        padding-left: 0px !important;
        border: none !important;
    }

    .banner-base ul>li {
        border: none !important;
    }

    .banner-base .container.affix {
        position: static !important;
    }

    header .btn-primary {
        color: transparent !important;
        width: 42px;
        height: 42px;
        margin-right: 10px !important;
    }

    header .btn-primary i {
        color: #000000 !important;
        margin: 0px 0px !important;
    }

    header.affix {
        height: 50px;
    }

    header.affix h1#logo {
        height: 44px;
        width: 160px;
    }

    header.affix .nav-toggle {
        top: 14px;
        right: 8px;
    }

    header.affix ul#primary-nav {
        top: 50px !important;
    }

    section h2.leaf-title {
        font-size: 24px;
        background-size: 22px;
    }

    #news-slider .m-left {
        right: 20px;
        top: 0px;
        left: auto;
        transform: scale(0.3);
    }

    #news-slider .m-right {
        right: -12px;
        top: 0px;
        left: auto;
        transform: scale(0.3);
    }

    section #home-news h2.leaf-title {
        max-width: 78%;
    }

    section#inner-section .page-wrap {
        padding: 10px;
    }

    section#inner-section .page-filter .search-wrap input[type="text"] {
        width: 82%;
    }

    section#inner-section .page-filter .search-wrap input#search_btn {
        width: 18%;
    }

    section#inner-section .page-filter .search-wrap::after {
        right: 5.2% !important;
    }

    section#inner-section .page-filter .search-wrap,
    section#inner-section .page-filter .select-wrap {
        width: 100%;
        margin: 0px 0px 6px !important;
    }

    section#inner-section .page-filter .select-wrap {
        margin: 0px !important;
        width: 100% !important;
    }

    section#inner-section ul.page-tab-nav>li {
        padding: 0px 0px 5px 0px !important;
    }

    section#inner-section ul.page-tab-nav>li.active {
        border-right: none !important;
    }

    header ul#primary-nav>li a {
        font-size: 15px !important;
    }

    .secondary-fill-block {
        margin: 20px -10px 20px -10px !important;
        width: calc(100% + 20px);
    }

    section#inner-section ul.page-tab-nav>li {
        padding-bottom: 0px !important;
        margin-bottom: 5px !important;
    }

    ul.accordion>li a.toggle::after,
    ul.accordion>li a.toggle-pro::after {
        width: 20px;
        height: 20px;
        /*border-radius: 20px;*/
        background-size: 20px;
    }

    .block-grey h4 {
        margin-bottom: 10px;
    }

    .signatory-status-bar .sign-label h6 {
        margin: 0px 0px 6px 0px;
    }

    .country-info-wrap {
        width: calc(100% + 24px);
        margin: 0px 0px 0px -12px;
        padding: 0px;
    }

    #world-map-baseline {
        margin-top: 0px !important;
        border-radius: 0px !important;
        height: 200px;
    }

    .event-nav ul.event-nav-ul>li a {
        border: none !important;
        display: block !important;
        text-align: center !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    #news-slider ul.slider-wrap>li {
        margin: 0px 2px;
    }

    .toggle-trigger {
        font-size: 14px;
    }

    html[lang="en-gb"] header ul#primary-nav>li>a,
    header ul#primary-nav>li>a {
        max-width: none !important;
    }

    #timeline>li {
        width: 100%;
    }

    #timeline>li:after {
        content: none !important;
    }

    #timeline>li>div {
        position: relative;
        z-index: 2;
    }

    #world-map,
    #world-map-baseline,
    #world-map-actions {
        height: 300px;
    }

    #timeline>li a {
        word-break: break-all;
    }

    .page-wrap p img {
        height: auto;
        margin-left: 0px;
        margin-right: 0px;
    }

    ul.icons-list>li h3 {
        font-size: 18px !important;
    }

    /*.page-wrap svg, .page-wrap .highcharts-container{
		display: none;
	}*/
    /*
	.highcharts-axis-labels, .highcharts-legend{
		display: none!important;
	}*/
    .highcharts-pie-series {}

    /*#sign-size, #mitigation {
		position:relative;
		margin-bottom: 20px;
	}
	#sign-size:after, #mitigation:after{
		content:'Data not available...';
		padding: 3px 6px;
		line-height: 100%;
		background:#E1E1E1;
		width:100%;
		display: block;
		margin-top: 5px;
	}
	#sign-size .highcharts-container, #mitigation .highcharts-container{
		position:relative;
		display: none;
	}*/
    #sign-size .highcharts-container .highcharts-root {
        position: absolute;
        width: 100%;
    }

    #site-wrapper .country-info-wrap+.row h3 {
        margin-left: 15px !important;
    }

    .tooltip {
        display: none !important;
    }

    #site-wrapper .highcharts-container {
        height: auto !important;
    }



    #site-wrapper .highcharts-root {
        height: 300px !important;
        width: calc(100vw - 80px) !important;
    }

    #site-wrapper #adaptation-cycle .highcharts-container,
    #site-wrapper #adaptation-cycle .highcharts-root {
        height: 480px !important;
        width: 90% !important;
        margin: auto;
    }

    ul.team-listing>li>div.user-thumb {
        width: 75px;
    }

    ul.team-listing>li ul>li>span,
    #team-slider .user-desc>div>span {
        display: inline-block;
        width: 100%;
        text-align: left !important;
        padding: 0px !important;
    }

    ul.progress-bar>li span {
        font-size: 10px;
        line-height: normal;
    }

    ul.related-item-list>li .thumb {
        width: 80px;
        padding-right: 20px;
        vertical-align: top;
    }

    .sign-map {
        margin-bottom: 20px;
    }

    .col-md-8.api-content {
        clear: both;
        float: left;
        width: 100%;
        margin-top: 20px;
    }

    #primary-nav>li>ul>li>ul>li ul {
        display: none !important
    }

    ul.team-listing>li {
        width: 100%;
        clear: both;
        padding: 0px !important;
        margin: 0px !important;
    }

    ul.team-listing>li>div {
        display: inline-block !important;
        text-align: left !important;
        margin: 0px 0px 10px !important;
        padding-left: 0px !important;
        width: 100% !important;
    }

    ul.team-listing>li span {
        font-size: 16px !important;
        line-height: normal;
    }

    ul.team-listing>li>div.user-thumb img {
        max-width: 90px !important;
    }

    .map-addr-wrap .address {
        padding: 20px !important;
        display: inline-block !important;
        width: 100% !important;
    }

    .map-addr-wrap .map {

        display: inline-block !important;
        width: 100% !important;
    }

    #team-slider ul.team-listing>li {
        width: 82vw !important;
    }

    ul.team-listing>li a {
        word-break: break-all;
    }

    #team-slider .m-right {
        width: 20px;
        right: 50px;
        top: -28px;
    }

    #team-slider .m-left {
        width: 20px;
        right: auto;
        top: -28px;
        left: 50px;
    }

    #team-slider {
        padding-top: 50px !important;
    }

    .page-wrap p:last-child {
        margin-bottom: 20px !important;
    }

    ul.news-list .news-desc ul {
        padding-left: 20px;
    }

    ul.news-list .news-desc ul>li {
        list-style: disc;
        list-style-position: outside;
        font-size: 16px;
    }

    ul.event-nav-ul>li {
        margin: 0px;
        width: 100%;
        text-align: center;
    }

    ul.event-nav-ul>li a {
        margin: 0px !important;
        display: inline-block !important;
        float: none !important;
    }

    .event-nav a i {
        display: inline-flex !important;
        float: none !important;
        vertical-align: middle !important;
        font-size: 18px;
    }

    .event-nav {
        margin-bottom: 10px;
    }

    .eventpage .row {
        margin: 0
    }

    a.download-file {
        font-size: 14px !important;
    }

    dl.search-results * {
        font-size: 14px !important;
        line-height: normal !important;
    }

    .form-limit {
        display: none !important;
    }

    #event-list-home .event-date {
        width: 70px;
    }

    #event-list-home .event-date dl dt {
        font-size: 10px;
    }

    #event-list-home .event-desc a {
        font-size: 18px;
    }

    #home-events {
        padding: 30px 0px;
    }

    #event-list-home>li p {
        font-size: 14px !important;
    }

    #event-list-home .event-desc {
        padding-left: 10px;
    }

    #event-list-home .event-desc a,
    #event-list-home .event-desc .ev-org {
        font-size: 15px;
    }

    #event-list-home .event-date dl dd {
        font-size: 20px;
        padding: 6px;
    }

    section#inner-section .page-filter .select-wrap {
        margin-bottom: 6px !important;
    }

    .icon-wide .ico-supporters {
        position: absolute;
        left: 6%;
        bottom: 5px;
        width: 50px !important;
    }

    ul.icons-list>li.icon-wide div {
        padding-top: 20px !important;
    }

    #general-info h3 {
        clear: both !important;
        margin: 0px 0px 10px !Important;
    }

    .block-grey .row>h3 {
        margin-left: 15px !important;
    }

    .shareLibrary {
        margin-left: 0px;
    }

    .shareLibrary>a.shareUrl {
        height: 38px;
        margin: 0px;
    }

    .page-wrap>h3 {
        clear: both;
        margin-bottom: 20px !important;
    }

    .modal.quick-modal .modal-dialog .modal-content {
        padding: 15px !important;
    }

    .modal.quick-modal .title-wrap h3 {
        font-size: 22px;
    }

    .modal.quick-modal .close {
        right: 12px;
        top: 12px;
        font-size: 26px;
    }

    ul.icon-bar {
        display: inline-block;
        vertical-align: middle;
        transform: scale(0.6);
        width: 120vw;
        margin: auto;
        margin: -10px -20vw -20px;
        clear: both;
        float: left;
    }

    .grid-wrap {
        column-count: 1;
        column-gap: 0px;
    }

    .grid-wrap .grid-content {
        padding: 10px;
        /*border-radius: 20px 0px 20px 0px;*/
    }

    .grid-content h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .grid-content ul,
    .grid-content p {
        margin-bottom: 10px;
    }

    .grid-content p,
    .grid-content ul>li {
        font-size: 14px;
    }

    .grid-content .flex-box {
        padding: 0px;
        width: 100%;
        max-width: none;
    }
    #quick-wrap ul.quick-nav>li>a,
    #quick-wrap ul.quick-nav>li>ul>li a {
        font-size: 8px;
        line-height: normal;
    }
    #quick-wrap .qk-title-col h5 {
    font-size: 8px;
    padding: 0px;
    }
}

.gal-thumbnail {
    background-color: #133f70;
    width: 280px;
    height: 280px;
    display: inline-block;
    /* makes it fit in like an <img> */
    background-size: cover;
    /* or contain */
    background-position: center center;
    background-repeat: no-repeat;
    border: 3px solid #133f70;
    /* Gray border */

    padding: 5px;
    /* Some padding */
}

.gal-thumbnail:hover {
    box-shadow: 0 0 4px 3px rgba(0, 140, 186, 0.5);
    cursor: pointer;
}


/* --------------------------------- */
/* ------- rtl Styling ------------- */
/* --------------------------------- */

/* ---- Top Bar ---- */
html[dir="rtl"] #multi-lange-form,
html[dir="rtl"] #multi-lange-form select option,
html[dir="rtl"] .top-bar .select-styled {
    direction: ltr;
}

html[dir="rtl"] .top-bar .search-bar.active input[type="text"] {
    float: left;
}


/* ----- Header ----- */

html[dir="rtl"] header h1#logo {
    position: absolute;
    right: 0;
    left: auto;
    /*border-radius: 0px 0px 0px 50px;*/
}

html[dir="rtl"] header ul.social-nav {
    margin: 14px 14px 0px 14px;
    float: right;
}

html[dir="rtl"] header ul#primary-nav {
    left: 430px;
}

/* ---------- Main Page ----------- */

html[dir="rtl"] .leaf-title {
    font-size: 38px !important;
    line-break: anywhere;
}

html[dir="rtl"] .pull-right {
    float: left !important;
}

html[dir="rtl"] #home-banner ul.flex-direction-nav {
    left: -80%;
    right: 0;
}

html[dir="rtl"] #home-banner .banner-caption,
html[dir="rtl"] .banner-caption>a.w-link {
    float: right;
}

html[dir="rtl"] #home-banner ul.slides {
    display: block;
}

html[dir="rtl"] #home-banner .banner-caption .banner-cap-wrap .btn-primary {
    right: 0px;
    left: auto;
}

html[dir="rtl"] .home-news .centered {
    display: none;
}

html[dir="rtl"] section h2.leaf-title {
    background: url(../images/title-leaf.png) no-repeat 100% 0px;
    padding: 0px 62px 0px 0px;
}

html[dir="rtl"] #home-events+div {
    clear: both;
}

html[dir="rtl"] #home-signatories .col-md-4 {
    float: right;
}

html[dir="rtl"] #home-signatories .pull-right {
    float: right !important;
}

html[dir="rtl"] #home-banner .banner-figures dd {
    padding-right: initial;
    padding-left: 140px;
}

html[dir="rtl"] #loadItems td {
    text-align: left;
}

html[dir="rtl"] .fig-filter .shareLibrary>a.shareUrl {
    left: 10px;
    right: auto;
}

html[dir="rtl"] .copyurl .shareLibrary>a.shareUrl {
    left: -50px;
}

html[dir="rtl"] #home-banner .banner-figures dd {
    padding-left: 60px;
    padding-right: initial;
}

html[dir="rtl"] #home-banner .banner-figures dt {
    padding-left: 24px;
    padding-right: initial;
}

html[dir="rtl"] #home-banner .banner-figures dt,
html[dir="rtl"] #home-banner .banner-figures dd {
    text-align: right;
}

html[dir="rtl"] #home-banner .banner-figures dd span {
    font-weight: bold;
}


html[dir="rtl"] #home-signatories #map_search_btn {
    float: right;
    margin-left: 14px;
}

html[dir="rtl"] #home-banner ul.flex-direction-nav {
    bottom: 11%;
}

/* ---- Subpage Adjustments --- */

html[dir="rtl"] section#inner-section ul.page-tab-nav {
    float: right;
    /*border-radius: 0px 40px 0px 0px;*/
}

html[dir="rtl"] section#inner-section ul.page-tab-nav>li:not(.active) {
    border-right: none;
    padding-right: 20px;
}

html[dir="rtl"] section#inner-section ul.page-tab-nav>li:first-child {
    padding-right: 0px;
}

html[dir="rtl"] section#inner-section .page-wrap {
    /*border-radius: 10px 0px 40px 0px;*/
}

/* --- Calender --- */

html[dir="rtl"] .custom_calendar {
    direction: ltr;
}

/* ---- Footer ---- */
html[dir="rtl"] footer .col-md-1 {
    float: right;
    right: -16%;
}

html[dir="rtl"] footer .col-md-1 {
    float: right;
    right: 10%;
}

html[dir="rtl"] .banner-base {
    /*float: right;*/
}

html[dir="rtl"] .banner-base i {
    margin: 0 10px !important;
}

html[dir="rtl"] footer p {
    text-align: left;
}

html[dir="rtl"] footer .col-md-1 {
    text-align: left;
    right: 75%;
}

html[dir="rtl"] footer .col-md-9 {
    padding-left: 12rem;
    text-align: end;
}

html[dir="rtl"] .footer-text-plan {
    text-align: right;
}

html[dir="rtl"] #footer-nav {
    text-align: right;
}

/* -- non rtl components .. */
html[dir="rtl"] #general-info {
    direction: ltr !important;
}

html[dir="rtl"] #inner-section .page-wrap #ico-carousel {
    left: 50px !important;
}

html[dir="rtl"] #inner-section .page-wrap ul.leaf-list>li {
    background: url(../images/li-leaf.png) no-repeat 100% -3px;
    padding-right: 40px;
}

/* -- RTL Mobile -- */
@media only screen and (max-width: 1090px) {
    html[dir="rtl"] .nav-toggle {
        right: 250px;
    }

    html[dir="rtl"] header ul#primary-nav>li {
        background-color: #133f70;
    }
}


/* Video Section */
.list-footer {
    display: none;
}

.avs-grid-item {
    margin-right: 80px;
}

#home-banner > ul.slides > li.flex-active-slide > div > div > dl > dt > img {
    /* Invert color so we have white */
    filter: invert(1);
}

#adminForm > table > tbody {
    display: flex;
    flex-direction: column-reverse;
}

#adminForm > table > tbody > tr > th {
    display: flex;
    flex-direction: row;
    width: 100%;
}


.footer-text-div {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sidebar-inner {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}
.sidebar-inner a {
    text-align: left;
    font-size: 18px;
}

.steps-block a {
    text-decoration: underline !important;
}

div.pagewrap ul {
    margin-bottom: 1rem;
    margin-left: 0.5rem;
}

.page-wrap video {
    width: 100%;
    height: auto;
}
.page-wrap:has(video) h3:first-of-type {
    margin-bottom: 2rem !important;
}

.page-wrap:has(video) p {
    margin: 0 0 2rem !important;
}