@font-face {
    font-family: 'SpaceMono';
    src: url('../../fonts/page_extended/spacemono-regular-webfont.eot');
    src: url('../../fonts/page_extended/spacemono-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/page_extended/spacemono-regular-webfont.woff2') format('woff2'),
         url('../../fonts/page_extended/spacemono-regular-webfont.woff') format('woff'),
         url('../../fonts/page_extended/spacemono-regular-webfont.ttf') format('truetype'),
         url('../../fonts/page_extended/spacemono-regular-webfont.svg#spacemonoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SpaceMono';
    src: url('../../fonts/page_extended/spacemono-bold-webfont.eot');
    src: url('../../fonts/page_extended/spacemono-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/page_extended/spacemono-bold-webfont.woff2') format('woff2'),
         url('../../fonts/page_extended/spacemono-bold-webfont.woff') format('woff'),
         url('../../fonts/page_extended/spacemono-bold-webfont.ttf') format('truetype'),
         url('../../fonts/page_extended/spacemono-bold-webfont.svg#spacemonobold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansPro';
    src: url('../../fonts/page_extended/sourcesanspro-regular-webfont.eot');
    src: url('../../fonts/page_extended/sourcesanspro-regular-webfont?#iefix') format('embedded-opentype'),
         url('../../fonts/page_extended/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('../../fonts/page_extended/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../../fonts/page_extended/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../../fonts/page_extended/sourcesanspro-regular-webfont.svg#sourcesansproregular') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro';
    src: url('../../fonts/page_extended/sourcesanspro-semibold-webfont.eot');
    src: url('../../fonts/page_extended/sourcesanspro-semibold-webfont?#iefix') format('embedded-opentype'),
         url('../../fonts/page_extended/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('../../fonts/page_extended/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('../../fonts/page_extended/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('../../fonts/page_extended/sourcesanspro-semibold-webfont.svg#sourcesansprosemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro';
    src: url('../../fonts/page_extended/sourcesanspro-bold-webfont.eot');
    src: url('../../fonts/page_extended/sourcesanspro-bold-webfont?#iefix') format('embedded-opentype'),
         url('../../fonts/page_extended/sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('../../fonts/page_extended/sourcesanspro-bold-webfont.woff') format('woff'),
         url('../../fonts/page_extended/sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('../../fonts/page_extended/sourcesanspro-bold-webfont.svg#sourcesansprobold') format('svg');
    font-weight: 700;
    font-style: normal;
}


body {
	font-family: SourceSansPro, sans-serif;
	font-size: 19px;
	font-weight: 500;
	color: #000;
	line-height: 1.3;

	background: none #fff;
}

body p {
	margin: 0 0 21px 0;
}

body .clear {
	clear:both;
}

@media all and (min-width: 679px) {
body p.clear {
	margin: 0;
} 

}


/******************* HEADLINES **********************/
body h1,
body h2,
body h3,
body h4,
body h5 {
	font-family: SpaceMono, Arial, sans-serif;
	font-weight: normal;
	color: #c72130;
}


body h2,
body h3,
body h4,
body h5 {
	clear: both;
}

body h1 {
	font-size: 36px;
        font-weight: bold;
        line-height: 40px;

	margin: 0 0 21px;
}

body h2 {
        font-size: 30px;
        line-height: 36px;

	margin: 21px 0;
}

body h3 {
        font-size: 24px;
        line-height: 30px;
        color: #000;
        
	margin: 21px 0;
}

body h4 {
        font-size: 21px;
        line-height: 26px;

        margin: 18px 0;
}

body h5 {
        font-size: 19px;
        line-height: 23px;

        margin: 18px 0;
}

@media all and (min-width: 768px) {
   body h1 {
	font-size: 42px;
        line-height: 50px;

        margin: 31px 0;
   }

   body h2 {
        font-size: 34px;
        line-height: 40px;
   }

   body h3 {
        font-size: 30px;
        line-height: 36px;
   }
}


/******************* QUOTES **********************/
body blockquote {
	font-size: 19px;
	font-weight: 600;
	line-height: 1.3;

	display: block;
	padding: 0 0 0 42px;
	border-left: 4px solid #c72130;
}

body blockquote p.signature {
	padding-left: 50%;
}

@media screen and (min-width: 768px) {
   body blockquote {
	padding-left: 84px;
	margin: 42px 0;
   }	
}

/******************* LINK **********************/
body .field--name-body a {
	color: #000;

	overflow: hidden;
	z-index: 1;
	background: repeating-linear-gradient(0deg, #04559f 0, #04559f 4px, transparent 4px, transparent
	27px);
}

body .field--name-body a:hover {
	font-style: italic;
}


body .field--name-body a.internal {
	background: repeating-linear-gradient(0deg, #c72130 0, #c72130 4px, transparent 4px, transparent 27px);
}

body .field--name-body a:hover i,
body .field--name-body a:hover em,
body .field--name-body em:hover a,
body .field--name-body i:hover a {
	font-style: normal;
}

/******************* TOOLTIP **********************/
body .field--name-body [data-toggle="tooltip"] {
	background:#f4a621;
}
body .field--name-body span[data-toggle="tooltip"] {
	display: inline-block;
}
body .tooltip.bottom {
	margin-top: 2px;
	padding: 0;
}
body .tooltip.in{	
	opacity: 1;
}
body .tooltip .tooltip-arrow {
	display: none;
}
body .tooltip .tooltip-inner {
	background-color: #f4a621;
	padding: 15px 18px;
	border-radius:0;
	max-width: 320px;
	
	font-size: 19px;
	font-weight: normal;
	line-height: 1.3;
	text-align: left;
	color: #000;
}
body .tooltip .tooltip-inner a {
	background-image: none;
    
	color: #000;
	text-decoration: underline;
}


/******************* LIST **********************/
body .field--name-body ul {
	list-style: none;
}
body .field--name-body ul > li {
	position: relative;
	list-style: none;
	padding: 0 0 0 21px;
	margin: 0 0 15px 0;
}
body .field--name-body ul > li:before {
	display: block;
 	content: '';
	background-color: #000;
	width: 7px;
	height: 7px;
	position: absolute;
	left:0;
	top: 8px;
	border-radius: 50%;
}

body .field--name-body ol {
	margin-left: 22px;
}
body .field--name-body ol > li {
	margin: 0 0 15px 0;

	color: #000;
	font-weight: normal;
} 

body .field--name-body ul ul,
body .field--name-body ul ol,
body .field--name-body ol ol,
body .field--name-body ol ul {
	margin-bottom: 0;
}
body .field--name-body ul ul,
body .field--name-body ol ul {
	margin-left: 0;
}

body .field--name-body ul ul > li:before {
	border: 1px solid #000;
	background-color: transparent;
}

@media screen and (min-width: 768px) {
body .field--name-body ol > li {
	padding-left: 5px;
}
body .field--name-body ul > li {
	padding-left: 23px;
}
}

/******************* BUTTON **********************/
body .field--name-body a.btn {
	background-color: rgb(244, 166, 33);
	background-image: none;
	padding: 10px 15px;
	margin: 0 0 15px 0;
	cursor: pointer;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	width: 100%;
	white-space: normal;

	font-weight: normal;
	font-size: 19px;
	font-family: "Space Mono", monospace;
        color: #000;
        text-transform: uppercase;
}
body .field--name-body a.btn:hover {
	color: #fff;
	font-style: normal;
}



/******************* IMAGE**********************/
body .field--name-body img {
	border: 4px solid #c72130;
        margin-bottom: 21px;
        display: block;
        padding: 15px;
        width: 100%;
}

body .field--name-body img.img-graph {
	border: none;
	padding:0;
}

@media all and (min-width: 678px) {
body .field--name-body .img-300 {
	float: left;
	width: 300px;
	height: auto;
	margin-right: 21px;
	margin-bottom: 0;
}
}

@media all and (min-width: 768px) {
body .field--name-body .img-caption {
	float: left;
	width: 300px;
}
body .field--name-body .img-caption + * {
	clear: both;
}
}

/******************* IMAGE in LIST **********************/
body .field--name-body li img {
	margin-top: 21px;
} 

/******************* IMAGE in FIGURE **********************/
body figure {
	border: 4px solid #c72130;
	margin-bottom: 21px;
	display: block;
        padding: 11px;
}
body figure figcaption {
	font-family: SpaceMono, sans-serif;
	font-size: 15px;
	line-height: 18px;

	margin: 21px 0 0;
}
body figure img {
	width: 100%;
	margin-bottom: 0;
	padding:0;
	border: none;
}
body figure img + br,
body figure figcaption + br,
body .frame figure + p {
	display: none;
}

@media screen and (min-width: 768px) {
    body figure figcaption {
	margin-left: 50%;
    }
}

/******************* MARKED **********************/
body p.marked {
	padding-left: 42px;
	clear: both;

	color: #c72130;
}

@media screen and (min-width: 768px) {
    body p.marked {
   	padding-left: 84px;
   	margin: 42px 0;
    }
}

body .field--name-body p.marked a {
	color: #c72130;
}

body span.marked {
        background-color: #f4a621;
}

body .red {
        color: #c72130;
}

body .title {
        font-family: SpaceMono, sans-serif;
}

/******************* FRAME **********************/
body .frame {
	display: block;
	padding: 11px;
    	border: 4px solid #c72130;
	margin-bottom: 21px;
	clear: both;
}

body .frame img {
	padding: 0;
	border: none;
	margin:0;
}

body .frame p:last-child {
	margin-bottom: 0;
}

body li .frame {
	margin-top: 21px;
}

body .frame > .title {
	font-weight: bold;
}

@media all and (min-width: 768px) {
    body .frame {
	padding: 21px 21px 13px;
	margin-bottom: 30px;
    }
}
@media all and (min-width: 992px) {
    body .frame {
	padding: 42px 42px 35px;
    }
}

/******************* CHART **********************/
body .field--name-body div[id*="chart--"] .chart {
	margin-bottom: 30px !important;
}
body .field--name-body div[id*="chart--"] a {
    background: inherit;
    color: inherit;
    z-index: inherit;
    position: inherit;
}

/******************* MAIN **********************/
body .container {
	background-color: #fff;
	padding: 21px 15px 0 15px;
}

@media all and (min-width: 768px) {
     body .container {
 	padding-top: 42px;
     }
}
@media all and (min-width: 1200px) {
    body .container {
	padding-left: 390px;
    	padding-right: 42px;
	padding-top: 53px;
    }
}


/******************* PAGE **********************/
 .node .content > .field--name-body {
	margin-bottom: 0;
}


/******************* PAGE TITLE **********************/
 #page-title {
	position: relative;
	width: auto;
	height: auto;
	clip: unset;
	padding-left: 72px;
	margin-bottom: 11px;
	overflow: visible;

	font-size: 36px;
	line-height: 40px;
	color: #c72130;
	white-space: normal;
}

 #page-title:before {
	content: '';
	position: absolute;
	display: block;
	background: url('../../images/page_extended/civitates__c_cross.png') 0 0 no-repeat transparent;
	background-size: cover;
	width: 50px;
	height: 50px;
	left: 0;
	top: 7px;
}

 #page-title span:first-child {
	color: #04559f;
}
 #page-title span:nth-child(2) {
        color: #04559f;
}
 #page-title span:last-child {
        color: #f4a621;
}

@media (min-width: 768px) {
     #page-title {
        font-size: 48px;
        line-height: 50px;

	padding-left: 200px;
    }
     #page-title:before {
	width: 150px;
        height: 150px;
    }
}

@media (min-width: 992px) {
     #page-title {
	padding-left: 225px;

	font-size: 58px;
    	line-height: 59px;
    }
     #page-title:before {
	width: 175px;
        height: 175px;
    }
}

@media (min-width: 1200px) {
     #page-title {
	font-size: 90px;	
	line-height: 90px;

	margin-right: -35px;
	margin-bottom: 32px;
	padding-left: 0;
    }
     #page-title:before {
	width: 288px;
	height: 288px;
	left: -370px;
    }
}

/******************* PAGE SUB TITLE **********************/
 #page-sub-title {
	font-size: 19px;
	line-height: 1.3;
	color: #000;

	padding-left: 72px;
}

@media (min-width: 768px) {
     #page-sub-title {
	padding-left: 200px;
    }
}

@media (min-width: 992px) {
     #page-sub-title {
	font-size: 24px;
        line-height: 30px;

	padding-left: 225px;
    }
}

@media (min-width: 1200px) {
     #page-sub-title {
        font-size: 36px;
        line-height: 40px;

        padding-left: 0;
    }
}

/******************* MENU **********************/
 #main-menu {
	position: fixed;
	z-index: 1;
	top: 11px;
	left: 50%;
	margin:0;
	padding: 21px;
	background-color: #e3e3e3;
	display: none;
	width: 348px;
	max-height: 580px;
	overflow-y: auto;
}
 #main-menu ul {
	margin-left:0;
	margin-right: 0;
}
 #main-menu ul > li {
        margin-left:0;
        padding-left: 0;
        padding-bottom: 0.5em;
        list-style: none;
}
 #main-menu ul > li:last-child {
	padding-bottom: 0;
}
 #main-menu ol > li {
	color: #000;
}
 #main-menu ul ul {
	 margin-left:1em;
}
 #main-menu a,
 #main-menu a.expand-link {
	color: #000;
}

 #main-menu a:hover {
        opacity: 0.7;
}

 #main-menu a.active,
 #main-menu li.active > a,
 #main-menu li.active > strong > a {
	color: #04559f;
}

@media all and (min-width: 1200px) {
     #main-menu.menu-show {
	display: block;
	margin-left: -574px;
    }
}


 .index-footer {
	margin-top: 21px;
	padding-top: 21px;
	border-top: 4px solid #f4a621;
}

 .index-footer a {
	padding-left: 24px;
	display: inline-block;
}
 .index-footer a:first-child {
        padding-left: 0;
}

@media all and (max-width: 460px) {
 .index-footer a {
	padding-left: 6px;
}
}


 #main-menu .index-header {
	margin-bottom: 21px;
        padding-bottom: 42px;
 	padding-left: 95px;
        border-bottom: 4px solid #f4a621;
	background: url(../../images/page_extended/civitates__c_cross.png) 0 0 no-repeat transparent;
	background-size: 75px auto;

	font-family: SpaceMono, Arial, sans-serif;
}
 .index-header .index-title {
	font-weight: bold;
	font-size: 1.15em;
	line-height: 1;
	color: #04559f;

	margin-bottom: 11px;
}
 #main-menu .index-header .index-title span:nth-child(2) {
	color: #c72130;
}
 #main-menu .index-header .index-title span:last-child {
	color:#f4a621;
}

 #main-menu .index-header .index-subtitle {
        font-size: 0.75em;
	line-height: 1;
}

/******************* MOBILE MENU **********************/
 .slicknav_menu {
	background-color: #e3e3e3;
	padding: 0;
	display:block;
    	position: fixed;
    	width: 100%;
    	top: 0;
	z-index: 999;
}

 .slicknav_nav {
	padding: 21px;

	font-size: 19px;
	line-height: 1.3;
}

 .slicknav_nav .index-header {
	display: none;
}

 .slicknav_nav ul {
	margin:0;
}

 .slicknav_nav ul ol {
	display: none !important;
}

 .slicknav_nav li {
	padding:0;
	margin: 0 0 10px;
}

 .slicknav_nav li:last-child {
	margin-bottom: 0;
}

 .slicknav_nav .expand-link,
 .slicknav_nav a {
	color: #000;
	
	margin:0;
	padding:0;
}

 .slicknav_nav li > a + br {
	display: none;
}

 .slicknav_nav .index-footer a {
	padding-right: 21px;
}

 .slicknav_nav .index-footer a:last-child {
	padding-right: 0;
}


/******************* MOBILE MENU - BUTTON **********************/
 .slicknav_btn {
	background-color: #000;
	position: absolute;
	top: 0;
	right: 0;
	padding: 14px 15px 12px;
	border-radius: 0;
}


/******************* MOBILE MENU - WITH ADMIN MENU **********************/
.adminimal-menu > .slicknav_menu:first-child a.slicknav_btn {
	background-color: #ff0000;
}
.adminimal-menu > .slicknav_menu + .slicknav_menu {
	z-index: 998;
}


/******************* CONTENT - FIELD LANGUAGES **********************/
body .languages {
	margin-bottom: 42px;
	overflow: hidden;
}

body .languages a {
	border: none;
	background-color: #f4a621;
	background-image: none;
	padding: 11px;
	display: block;
	float: left;
	width: calc(50% - 21px);

	font-family: SpaceMono, Arial, sans-serif;
}
body .languages a:after {
	display: none;
}
body .languages a + a {
	float: right;
}

body .languages a:hover {
	background-color: #000;

	color: #fff;
	font-style: normal;
}


@media all and (min-width: 992px) {
   body .languages {
        margin-bottom: 53px;
   }
}


/******************* CONTENT - PART TITLES **********************/


/******************* CONTENT - FOOTER **********************/
body .field--name-body .field__item.last-part {
	color: #fff;
    	
	background-color: #000;
    	overflow-x: hidden;
    	margin: 0 -9999px;
    	padding: 21px 9999px 42px;
}

body .field--name-body .field__item.last-part a {
	color: #fff;
}

body .field--name-body .field__item.last-part img {
	border: none;
	padding:0;
	margin: 0;
}

body .field--name-body .field__item.last-part .authors,
body .field--name-body .field__item.last-part .about,
body .field--name-body .field__item.last-part .bottom-logos {
	margin-bottom: 42px;
}

body .field--name-body .field__item.last-part .authors > div:first-child > p:first-child .title {
	font-size: 1.25em;
}

@media all and (min-width: 1200px) {
    body .field--name-body .field__item.last-part .bottom {
	margin-left: -400px;
    }
}