html{margin:0;padding:0;}
body{margin:0;padding:0;overflow-y:scroll;min-width:260px;font-size:14px;line-height:2;font-family:'Ubuntu','Arial',sans-serif;background:#f2f2f2;color:#606060;}

:root{
    --main: #144469;
    --second: #ae5355;
	  --third:#42474C;
    --light: #eaedfe;
    --light-hover: #dbe0ff;
    --lightgray:#F5F7F8;
    --black: #000;
    --text: #606060;
    --boxshadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.15);
    --chapter-title: #303030;
    --icon-a: #05579c;
    --icon-b: #1f4c2f;
    --icon-c: #83410a;
    --icon-d: #44287d;
    --icon-e: #0d696d;
    --icon-a-light: #d7e7f9;
    --icon-b-light: #e5eedc;
    --icon-c-light: #fcead1;
    --icon-d-light: #ece2f5;
    --icon-e-light: #dbf2f5;
}
/********************************************************************************************************************************** COMMON ELEMENTS */
.t-left{text-align:left;}
.t-right{text-align:right;}
.t-center{text-align:center;}
.t-justify{text-align:justify;}

a{text-decoration:none;cursor:pointer;outline:none;color: var(--main)}
a:focus {outline:none !important;}
a:hover{text-decoration:none;color: var(--second)}
a img{border:none;}
p{padding:0 0 10px 0;margin:0;}
ul, ol{margin:10px 0 10px 30px;}
hr {background:#b1b8a861;border:none;clear:both;height:1px;margin:15px 0;padding:0;width:100%;}
.full-width{width:100%;}
.max-width{max-width:100%;}
.v-top{vertical-align:top;}
.small{font-size:13px;}
.very-small{font-size:65%;line-height:1.2;}
.gray{color:#9c9c9c;}
.clear{display:block;height:0px;clear:both;}
.sprite{background-position:top left;background-repeat:no-repeat;}
.sprite:hover{background-position:bottom left;background-repeat:no-repeat;}
.nowrap{white-space:nowrap;}
.uc{display:block;padding:80px 20px;text-align:center;font-size:30px;color:#C1C1C1;}
h1,h2,h3,h4,h5,h6{font-weight:300;margin-top:0em;margin-bottom:0.8em;font-weight:100;line-height:1.2;}
h1{font-size:2.4em;} h2{font-size:1.9em;} h3{font-size:1.6em;} h4{font-size:1.3em;} h5{font-size:1.2em;} h6{font-size:1.1em;}
b, strong{font-weight:bold;}
.img-left, .img-right{float:none;margin:0 0 20px 0;display:block;}
.img-border{display:inline-block;padding:5px;border:1px solid #6f6f6f;}
table{border-collapse:collapse;}
td, th{padding:2px 8px;vertical-align:top;}
i,em{font-style:italic;}
.msg{display:block;margin:10px 0;padding:20px;color:var(--text);background:var(--light);text-align:left; line-height: 1.1; font-size: 14px; font-weight: bold; border-radius:5px;}
iframe{max-width:100%;}
.no-border, .no-border td, .no-border th{border:0;}
.center-xs, .t-right.center-xs, .t-left.center-xs{text-align:center}
.small-xs{font-size:80%;}
.rounded{border-radius: 10px;}

.divider{margin-top:20px;}

.wrap{position: relative; width:100%;padding:50px 0;background-color:#fff;}
h3{position: relative; margin-left: 2px; margin-top: 15px; padding-left:15px; /*border-left: 4px solid #000; color:#000;*/}

.social-wrap{position: fixed; top:110px; left:0; width:100%; z-index: 50;}
.social{display: inline-block; background-color: #fff; padding: 5px; border-radius: 0 0 5px 5px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
.social a{display: inline-block; margin:5px;}
.social img, .commons-share-icon img{height:30px; width:auto;}
.commons-share-wrap{margin-top:0; vertical-align: inherit;}

#top-wrap{padding:5px 0;background:var(--main); z-index: 50;}
#header-wrap{padding:20px 0;}
#add-this-wrap{background-color:transparent;height:0;position:absolute;z-index:1600;width:100%;}
.logo{width: 350px; max-width: 100%; margin-top: 15px;}
.logo-home{width: 40px; max-width: 100%; margin-top: 25px;}
.logo-home-icon{height: 30px; margin-top: 30px;}
.logo-title, .logo-subtitle{display:block;color:#000;font-size:22px;font-weight:bold;line-height:1.2;}
.logo-subtitle{font-size:12px;}
.header-link{display:inline-block;line-height:1;padding:5px 5px 5px 24px;border-radius:5px;background-repeat:no-repeat;background-position:3px 1px;background-size:20px 20px;color:var(--light);min-height:22px;text-align:left;font-size:12px;font-weight:bold; margin-left:10px;}
.header-link:hover{color:#fff;}

#preloader-wrap{position:relative;margin-top:-175px;height:400px;padding-top:250px;text-align:center;background:#fff;}
.slider-overlay{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.8);}
.wrap-slider{position: relative;padding:40px 0;background-size:cover; background-position: center; overflow:hidden;}
.slider-title{display:block;margin-top:40px; margin-bottom:20px;font-size:22px; font-weight: bold; line-height:1.1; color: var(--second);}
.slider-lead{margin-bottom:30px;font-size: 14px; color: #fff;}
.slider-img{display:block;max-width:100%;border-radius:20px;border:10px solid rgba(255,255,255,0.2);margin-bottom: 20px}
.slider-number{font-size:60px;color:#fff;line-height:1;}

.slider-controls{position:absolute;top:45%;left:0;width:100%;display:block;}
.slider-arr{position:absolute;top:0;display:block;width:60px;height:60px;line-height:70px;text-align:center;border-radius:0;background:rgba(0,0,0,0.1);transition:0.3s;}
.slider-arr:hover{background:var(--light);}
.slider-arr.prev{left:0px;}
.slider-arr.next{right:0px;}
.slider-arr span{display:inline-block;width:16px;height:16px;border:0;border-top:2px solid var(--main);border-right:2px solid var(--main);}
.slider-arr.prev span{transform:rotate(-135deg);}
.slider-arr.next span{transform:rotate(45deg);}

.wrap-slider-thumbs{padding:0;margin-top:-50px;}
.slider-thumbs{display:block;height:150px;box-shadow:0px 0px 10px rgba(0,0,0,0.3);border:4px solid #fff;border-radius:20px;overflow:hidden;}
.slider-thumb{cursor:pointer;display:inline-block;vertical-align:bottom; position:relative;height:150px;background-position:center;background-size:cover;border-left:4px solid #fff;}
.slider-thumb:first-child{border:0;}
.slider-thumb span{display:block;padding:10px 15px;line-height:1.3;font-size:90%;font-weight:bold;color:#000;background:rgba(255,255,255,1);position:absolute;top:0;left:0;width:100;height:100%;transition:0.3s;opacity:0;}
.slider-thumb:hover span{opacity:0.7;}
.slider-thumb.current span{opacity:0.85;}


.label{display: inline-block; margin-top: 0px; font-weight: bold; letter-spacing: 1px;}
.login-login-info{display: block; padding: 5px 10px; border: 3px solid var(--main); font-weight: bold; border-radius: 10px;}

.home-block{position: relative; display: block; padding:40px; margin-bottom:30px;  min-height:400px; box-shadow: var(--boxshadow); border-radius: 10px; overflow: hidden; background-size: cover; background-position: center;}
.home-block-overlay{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#fff; opacity: 1; transition: 0.3s;}
.home-block:hover .home-block-overlay{opacity: 0.9; top:140px;}
.home-block-title{position: relative; display: block; margin:30px 0; font-size:24px; font-weight: bold; color:#000;}
.home-block-subtitle{position: relative; display: block; font-size:16px; color:var(--third);}
.home-block-icon{position: relative; display: block; height:80px; transition: 0.3s;}
.home-block:hover .home-block-icon{/*filter:invert(1);*/ background-color: #fff; border-radius: 100%; padding:20px;}


.category-list{display:block;margin-bottom:40px;}
.category-list-item{display:inline-block;}
.category-list-item a{display:inline-block;padding:6px; color:var(--third); background: rgba(0, 0, 0, 0.1); line-height:1;margin:0 1px 4px 0;font-size:15px;font-weight:bold;border-radius:4px;}
.category-list-item:hover a{color:var(--main); background-color: var(--light);}
.category-list-item.selected a{color:#fff; background-color: var(--main);}

#menu-empty-wrap{padding:0;background-color:#f2f2f2;width:100%; box-shadow: var(--boxshadow); z-index: 350;}
#menu-wrap{width:100%; height: 110px; padding: 10px;position:relative;background-color: #fff; }
#menu-wrap.fixed{position:fixed;top:0px;left:0px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); z-index:1000;}
#menu{display: block; text-align: center; margin-top: 22px;}
#menu .menu-item{display:inline-block;margin:0 10px;padding:10px 0;color: var(--black); transition: 0.3s;}
#menu .menu-item:hover{color:var(--main);}
#menu .menu-item.selected{color:var(--main);}

.mobile-menu-icon{height: 40px; display: inline-block;}
#mobile-menu{display:inline-block;}
#icon-menu{cursor:pointer;margin:10px 0;}
#mobile-menu-overlay{position:fixed;top:0px;left:0px;width:100%;height:100%;display:none;background:rgba(0,0,0,0.4);z-index:5000;}
#mobile-menu-items{position:absolute;top:1%;right:1%;width:98%;display:none;border-radius:10px;overflow:hidden;z-index:6000;}
#mobile-menu-items a{display:block;font-size:100%;padding:8px 10px;margin:0px;border-bottom:1px solid var(--main);white-space:nowrap;text-align:center;color:#3d3d3d;background:#fff;}
#mobile-menu-items a:hover, #mobile-menu-items a.selected:hover{background-color: var(--main); color:#fff;}

#mobile-menu-items a.submenu-item{background:#d8d8d8;font-size:90%;}
#mobile-menu-items a.submenu-item:hover, #mobile-menu-items a.submenu-item.selected:hover{background:#e4e4e4;}

.about-wrap{background-color:var(--lightgray);}
h2{font-weight:bold;color: var(--second);margin: 0 0 30px;}
.about-wrap a{color: #fff;}
.about-wrap a:hover{color: var(--light);}
.about-wrap a.button:hover{color: #fff;}
.contact-banner{position: absolute;top: -50px;left: 15px;right: 15px;bottom: -37px;color: #fff;}
.contact-banner figure{position: relative;margin: 0;}
.contact-banner figure img {width: 100%;}
.contact-banner figure .content {position: absolute;top: 58px;left: 0;right: 0;text-align: center;z-index: 999;}
.contact-banner figure:after {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgb(69,87,79,0.7);}
.contact-banner figure .content h4 {position: relative;font-size: 20px;color: #fff;text-transform: uppercase;padding: 0 0 24px;margin: 0 0 35px;font-weight: bold;}
.contact-banner figure .content h4:after {content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 8px;text-align: center;background: url(/images/layout/contact-dots.png);background-repeat: no-repeat;background-position: center;}
.contact-banner figure .content h1 {font-weight: 900;font-size: 40px;color: #fff;margin: 0 0 5px;display: block;}
.contact-banner figure .content .mail {font-size: 20px;display: block;margin: 0 0 35px;}

.news-wrap{background-color: #fff;}

.footer-menu{text-align:left;position: relative;z-index: 1000}
.top-fmenu .footer-menu{text-align:right;}
.footer-menu-item{display:block;margin:5px 0;padding:4px 10px;line-height:1;font-size:14px;background:transparent;color:var(--main);}
.top-fmenu .footer-menu-item{line-height: 1; padding: 5px 5px 5px 5px; border-radius:0px; border-radius: 5px; border:none;border-left: 3px solid #ccc; color: #ccc;font-size: 12px;font-weight: bold;}
.top-fmenu .footer-menu-item:hover{color:#fff;border:none;border-left: 3px solid #fff;background:transparent;}
#top-banner-wrap{padding:0;background:url(/images/layout/top_banner.jpg) no-repeat left;background-size:cover;}
.eu-title{font-size:150%;}

.top-fmenu .footer-menu-item{display: inline-block;}

#bottom-wrap h4 {display: block;position: relative;padding: 0 0 26px;margin: 0 0 10px 0;text-transform: uppercase;color: #fff;font-weight: bold;}
#bottom-wrap h4:after {content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 8px;background: url(/images/layout/bottom-dots.png) no-repeat;background-position: left;}
#bottom-wrap .footer-menu {text-align: right;}
#bottom-wrap  h4.right-title:after {background: url(/images/layout/bottom-dots-r.png) no-repeat;background-position: right;}
.bottom-logo img{width: 150px; margin:30px 0;}

.contact-info {display: block;}
.contact-info img{width: 21px;margin-right: 10px;}

.sticky{position: sticky; top: 80px;}

.breadcrums{padding:5px 15px;background-color:#f2f2f2;margin:10px 0;}

.read-title{font-size:120%;font-weight:bold;border-bottom:1px dotted #000;margin-bottom:30px; overflow: hidden;}
#content-wrap{background:no-repeat bottom right #fff;background-attachment:fixed; padding: 100px 0;}
.article-img{max-width:100%; max-height:460px; margin:10px auto 20px auto}
.news-thumb{display:block;width:100%;border:10px solid #f2f2f2;height:200px;margin-bottom:10px;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#f2f2f2;}
.news-block{margin-bottom:20px;}
.news-block-title{display:block;padding-bottom:4px;margin-bottom:4px;line-height:1.3;font-size:125%; overflow: hidden; position: relative;}
.news-block-title.no-link{font-size:130%}
.news-block-title.comment-title{color: var(--main);}
.news-block.articles, .news-block.comments, .news-block.literature, .news-block.stories{padding:30px;  border-radius:5px; box-shadow: var(--boxshadow);}

.news-block-title.authors{font-size:12px;font-weight:bold;padding:20px;line-height:1; border-radius:5px; box-shadow: var(--boxshadow); margin-bottom:30px;}
.news-block-title.authors img{display:inline-block;margin-bottom:20px;}


.news-block.comments .ratings-container{background-color: transparent; padding: 0; margin-bottom: 0;}
.news-block.comments .rating-button img{width:26px; height: 26px;}
.news-block.comments .ratings-container span{font-size:16px;}

.news-block-content {overflow: hidden; }
.news-block.stories{ min-height:150px; border-radius: 20px;}
.news-block-picture-link {
  display: block;
  float: left;
  width: 33%;
  max-width: 300px;
  margin: 0 15px 15px 0;
}

.news-block-picture {
  display: block;
  width: 100%;
  height: auto;   /* IMPORTANT fix */
  border-radius: 10px;
  object-fit: cover; /* or contain if you prefer */
}


li .news-block-title{overflow: visible;}

.list-thumb{width:100%;}
.gal3-container{text-align:center;}
.gal3-thumb{display:inline-block;margin:5px;width:160px;height:95px;}
.gal3-thumb{width:160px;border:1px solid #11304E;padding:5px;}
.gal3-link{display:block;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;}

.date {color:#9c9c9c;font-size:80%;font-style:italic;}
.same-height{display:block;}
.participations-list-wrap{margin-bottom:10px;}

.relevant-link, .relevant-span{display:inline-block;line-height:1;min-height:26px;padding:6px 10px 6px 26px;border-radius:4px;background-color:#eee;background-repeat:no-repeat;background-position:5px 5px;background-size:16px 16px;margin:5px 10px 0 0;font-size:11px;font-weight:bold;}
.relevant-span{padding:6px 10px 6px 10px;color:#bbbbbb;}
.relevant-link.issue{background-image:url(/images/layout/icon_magazine.svg);}
.relevant-link.column{background-image:url(/images/layout/column.svg);}
.relevant-link.category{background-image:url(/images/layout/icon_category.svg);}

.page-title{border-bottom:1px solid #f2f2f2;padding-bottom:10px;}
.page-image{margin:5px auto 15px auto;max-width:100%; height:360px;}
.author-img{margin:5px auto 15px auto;max-width:100%; height:360px;}

.item-child a{display:block;position:relative;margin-bottom:20px;}
.item-child a{color:#fff;}
.item-title{display:block;position:absolute;bottom:0px;width:100%;padding:5px 0;background:rgba(0,0,0,0.4);text-align:center;font-weight:bold;transition:background 0.5s;}
.item-child a:hover .item-title{background:rgba(0,0,0,0.9);color:#fff;}
.item-picture-wrap{width:100%;display:inline-block;}
.item-picture{width:100%;display:inline-block;}

#polycivis-wrap{background-color: var(--third); color: #fff;}
#polycivis-wrap a{color: var(--light);}

#news-wrap{background-color:#e9e9e9;}
.home-title{display:block;padding:10px 0;margin:30px 0;line-height:1;font-size:26px;}
.home-article-title{display:block;padding:10px;margin-bottom:20px;line-height:1;background:#333;color:#fff;font-size:18px;border-radius:10px;}

#bottom-wrap{padding:60px 0;background:var(--light);color:#fff;}
#bottom-wrap a{color:var(--light);}
#bottom-wrap a:hover{color:#fff;}
.bottom-block{display:block;width:100%;height:2px;margin:30px 0;border-radius:5px;}

#eu-wrap{background-color: var(--light);}

#footer-wrap{padding:20px 0;background:var(--third);color:#fff;text-align:center}
#footer-wrap a{color: #c7c7c7;font-size:120%;}
#footer-wrap a:hover{color: #fff;}
#footer-wrap img{height:30px; border-radius: 5px; margin-left: 10px; margin-right: 10px;}

.form-table td{padding:5px 8px 5px 0;vertical-align:top;color:#a1a5af;border:none !important;}
.input-line, #captcha, .cse-ums-input {display:inline-block; width:100%; padding:14px 14px;border:none;border:1px solid #b5b5b5;background:rgba(255,255,255,0.7);color:#494949;vertical-align:top; border-radius: 6px;}
.input-line:-moz-read-only, .input-line:read-only{background-color: #eee; color:#111;}
a.button, .button {display:inline-block;padding:12px 30px;margin:5px;border:none;text-align:center;vertical-align:top;cursor:pointer;border-radius:5px;background-color: var(--main);color: #fff; font-size: 12px; font-weight: bold;}
.button.small{padding:4px 8px;}
.button.cancel{background:#b0b1b3;}
.button:hover, .cse-ums-submit:hover {background-color:var(--second);color:#fff;}
#search_form{position:absolute;top:-2px;right:0;padding: 10px;}
#cse-ums-input{padding:5px 0;background:transparent;color:var(--main);border:0;border-bottom:1px solid var(--main);max-width: 150px; margin: 8px 0;}
.cse-ums-submit{display:inline-block;border:0;width:30px;height:30px;font-size:0px;background:url(/images/layout/btn_search.png) no-repeat center;background-color: var(--main)}
#cse-ums-input::placeholder {color: #fff;}
input#cse-ums-input::placeholder{color: var(--light);}
#search_form .input-line{width: 250px;}
.slider-text .button{margin-right:15px; margin-bottom: 15px;}
.button-back, a.button-back{padding-left:45px; position: relative;}
.button-back::before, a.button-back::before{position: absolute; top:18px; left:22px; width: 14px; height: 14px; content: ""; border:2px solid #fff; border-right:0; border-bottom: 0; transform: rotate(-45deg); transition: 0.3s;}
.button-back:hover::before, a.button-back:hover::before{left:16px;}

a.button.form-link-btn{padding-left: 40px; background-image: url(../images/layout/icon_edit_w.svg); background-size: 26px; background-repeat: no-repeat; background-position: 3px 3px;}
a.button.comments-link-btn{padding-left: 40px; background-image: url(../images/layout/icon_article_w.svg); background-size: 26px; background-repeat: no-repeat; background-position: 3px 3px;}

.list-info{display: block;}
.list-info .block-info{display: inline-block; margin-right:10px;  line-height:1; padding: 5px 10px; border-radius: 5px; background-color: rgba(0, 0, 0, 0.1);}
.article-read-top-info{display: inline-block; margin-right:10px;  line-height:1; padding: 5px 10px; border-radius: 5px; background-color: rgba(0, 0, 0, 0.1); margin-bottom:10px;}
.block-info.status { background: var(--third); color: var(--light);}
.block-info.status.active{background-color: #75B826; color: #fff;}

.article-read-info{display:inline-block;background:var(--light);padding:5px 10px;border-radius:10px;margin-bottom:20px;}

.n-response{margin:10px 0;padding:10px 20px;}

#captcha-container{font-size:80%;}
#captcha-required{color:red;}
#captcha-img, #new-captcha-img{border:1px solid #adadad;height:40px;margin:4px 0;width:130px;background-color:#fff;}
#captcha-img{display:inline-block; border-radius: 5px;}
#captcha-refresh{display:inline-block;vertical-align:8px;}
#captcha{width:130px;}

#scroll-top{display:none;position:fixed;bottom:74px;right:0px;width:35px;height:50px;background-color:var(--second);background-image:url('/images/layout/back_to_top.png');background-repeat:no-repeat;background-position:center;border-radius:20px 0 0 20px;z-index:1500;box-shadow:3px 4px 5px 0 rgba(0,0,0,0.2);}
#scroll-top:hover{background-color:var(--main);}


.pager { display:block;text-align:right;}
.pager a { display:inline;vertical-align:middle;border:none;padding:0px 8px 2px 8px;text-decoration:none;background:#292929;color:#fff;border-radius:3px;}

.selectorPager { display:inline;vertical-align:middle;color:#333;background-color:#fff;display:inline-block;cursor:pointer;padding:0;margin-top:1px;border:none;}

/******************************************************************************************************************************* TOOLTIP LOCAL */
#tooltip{border:none;}
#tooltip h3 {color:#fff !important;padding:8px 14px;font-size:11px;background-color:#222222;border:none;text-align:left;max-width:300px;}

.download-attachments-container{display:block;padding:12px 20px;background:#f2f2f2;margin-bottom:15px; border: 3px dotted var(--main); border-radius: 10px;}
.download-attachments-info{color:#757575;font-size:80%;font-style:italic;}
.download-attachments-img{vertical-align:middle;}

.table-title{text-align:center;font-weight:bold;font-size:120%;max-width:700px;margin:0 auto}

.authors-read-article-list .small{display:none}
.authors-read-article-list .news-block.articles{padding:10px 20px;}
.article-preview{padding:5px; margin-top: 4px; border:1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; font-size: 13px; line-height: 1.5; color: var(--text);}

.show-hide-content{display:none;}
.show-hide-head{display:inline-block;cursor:pointer;font-size:100%;font-style:italic;font-weight:bold;padding:2px 15px;border-radius:4px; color: var(--main);}
.show-hide-head:hover,.show-hide-head.current{color:var(--second);}

.show-hide-chapter-contents .show-hide-content{display:none;}
.show-hide-chapter-contents .show-hide-head{padding-left:50px;position: relative; font-size: 120%;}
.show-hide-chapter-contents .show-hide-head::before{content: ""; position: absolute; top:0; left: 0; width: 40px; height: 40px; border-radius: 8px; background-color: var(--icon-a-light); background-repeat: no-repeat; background-position: center; background-size: 30px; background-image: url(../images/layout/icon_chapters_c.svg);}

.show-hide-form .show-hide-head{padding-left:50px;position: relative; font-size: 120%; margin-bottom: 20px;}
.show-hide-form .show-hide-head::before{content: ""; position: absolute; top:0; left: 0; width: 40px; height: 40px; border-radius: 8px; background-color: var(--icon-a-light); background-repeat: no-repeat; background-position: center; background-size: 30px; background-image: url(../images/layout/icon_comments_c.svg);}

.survey-banner{position: relative; display: inline-block; font-size: 120%; margin-top: 20px; height: 62px; padding: 10px 10px 10px 60px; background-color: var(--main); color:#fff; font-weight: bold; line-height: 1.2; border-radius: 15px;}
.survey-banner::before{content: ""; position: absolute; top:10px; left: 10px; width: 40px; height: 40px; border-radius: 8px;  background-repeat: no-repeat; background-color: var(--icon-a-light); background-position: center; background-size: 30px; background-image: url(../images/layout/icon_comments_c.svg);}
.survey-banner:hover{background-color: var(--second); color:#fff;}

.list-btn{position: relative; display: inline-block; font-size: 120%; margin-top: 0px; height: 60px; padding: 12px 10px 10px 60px;  color:var(--main); font-weight: bold; border-radius: 15px; width: 250px; max-width: 100%;}
.list-btn::before{content: ""; position: absolute; top:10px; left: 10px; width: 40px; height: 40px; border-radius: 8px; background-color: var(--icon-a-light); background-repeat: no-repeat; background-position: center; background-size: 30px; background-image: url(../images/layout/icon_chapters_c.svg);}

#exit-btn{display:block;position:fixed;top:140px;right:0px;width:35px;height:50px;line-height:50px;text-align:center;background: var(--main);color:#fff;font-size:10px;font-weight:bold;border-radius:20px 0  0 20px;z-index:1500;box-shadow:3px 4px 5px 0 rgba(0,0,0,0.2);}
#exit-btn:hover{background-color:#231f20;}
 /*
.style-btn{position:fixed;top:50px;left:0;z-index:25000;display:inline-block;padding:5px;line-height:1;background:rgba(255,255,255,0.7);}
.style-2{top:80px;} */

#parallax-wrap{padding:150px 0;background:no-repeat center;background-size:cover;color:#fff;background-image:url('/images/layout/parallax.jpg'); background-color: #000;}
#parallax-wrap a{color:#fff;}
.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);}

.radio-letter{display:inline-block;margin:2px 1px;padding:5px;width:26px;text-align:center;border-radius:4px;background:#cacaca;color:#696969;cursor:pointer;}
.radio-letter:hover{background:var(--main);color:#fff;}
.radio-letter.checked{background:#0b2031;color:#fff;}
.radio-letter input{display:none;}


.articles-search-container{padding:5px 0;margin-right: -34px;}

.read-info{margin-bottom:10px;}

.about-wrap img{max-width:100%}

.news-block.comments .download-attachments-container .download-attachments-info,.news-block.comments .download-attachments-container br{display:none}

.hero-wrap {
  padding: 50px 0;
  background: #f7f9fc;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
  overflow: hidden;
}
.hero-wrap .overlay{background-color: transparent;}
.hero-title {
  font-size: 42px;
  font-weight: 600;
  letter-spacing: -0.5px;
  margin-bottom: 15px;
  color: #1f2d3d;
}

.hero-subtitle {
  font-size: 20px;
  font-weight: 300;
  color: #3b4a5a;
  margin-bottom: 20px;
}

.hero-text {
  max-width: 750px;
  margin: 0 auto 30px auto;
  font-size: 15px;
  line-height: 1.6;
  color: #3b4a5a;
}

.hero-actions .btn {
  margin: 5px;
  padding: 10px 20px;
  border-radius: 10px;
}

/* slightly more “EU institutional” button tone */
.btn-primary {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: var(--main);
  border-color: #244a86;
  color: #fff;
}

.btn-primary:hover {
  background-color: #244a86;
  border-color: #1d3d70;
  color: #fff;
}

.subhero-wrap {
  padding: 50px 0;
  background: #ffffff;
  border-bottom: 1px solid #e6e6e6;
}

.subhero-title {
  font-size: 20px;
  font-weight: 600;
  color: #1f2d3d;
  margin-bottom: 10px;
  position: relative;
}

.subhero-text {
  font-size: 14px;
  color: #3d4349;
  line-height: 1.5;
  max-width: 280px;
  margin: 0 auto;
}
.subhero-icon{display: inline-block; height:60px;}

ul.ums-radio-list{list-style-type: none;}
ul.ums-radio-list li label{cursor: pointer;}
.redstar{color: var(--second);}
.question{font-weight: bold;margin-top: 30px; color: var(--second);}
.ums-checkbox-list{list-style-type: none; margin: 0;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ chapters */
.box{display: block; margin-bottom: 30px; padding:30px; border-radius:10px; border: 1px solid #d8d8d8; background-color: #fff;}
.chapter-head{display: inline-block; line-height: 1; font-size:14px; padding:7px 14px; border-radius: 30px; background-color: var(--main); color: #fff; }
.chapter-title{font-size: 130%; line-height: 1.4; margin: 20px 0; padding: 20px 20px 20px 25px; border-radius:10px; border: 1px solid #d8d8d8; font-weight: bold; color:var(--chapter-title); background: url(../images/layout/title_bg.png) no-repeat bottom right #FCFBFC; overflow: hidden;}
.chapter-title .very-small{opacity: 0.7;}
.contents-wrap, .chapter-wrap{margin-top: 30px;}
.contents-wrap{padding: 20px;}
.contents-link{display: block; padding: 10px 15px; border-radius: 10px; line-height: 1.4;}
.contents-link table td{padding: 0; vertical-align: middle;}
table.no-padding td{padding: 0; vertical-align: top;}
.contents-check{display: inline-block; width:24px; height: 24px; border-radius: 100%; margin-right: 10px; border: 1px solid #d8d8d8; background-position: center; background-repeat: no-repeat; background-size: 16px;}

.contents-title{display: inline-block;}
.contents-pretitle{display: block; opacity: 0.9;}
.contents-link.selected{background: var(--main);}
.contents-link.selected a{ color: #fff;}
.contents-link.checked .contents-check{background-color: var(--main); background-image: url(../images/layout/check_w.svg);}
.contents-link.selected .contents-check{background-color: #fff;}

.full-width-list .contents-link{border:2px solid var(--main); margin-bottom:20px;}
.full-width-list .contents-link .contents-check{background-color: transparent; background-image: url(../images/layout/icon_chapters_c.svg); border-radius: 0; width:30px; height: 30px; background-size: 30px; border: 0;}
.full-width-list .contents-link .contents-maintitle{font-weight: bold; font-size:110%;}

.eu-logo{max-width: 100%; width:170px; display: inline-block;}
.footer-logos{max-width:100%; max-height:150px;}
.footer-logos{background-color:rgba(255,255,255,0.6);border-radius:20px;padding:0 20px;}

.chapter-section-title{font-size: 18px; font-weight: bold; color: var(--chapter-title);}
.chapter-section-tt{margin-bottom: 20px; }
.chapter-section-tt td{padding: 0;}
.chapter-section-icon{display: block; width: 40px; height: 40px; border-radius: 8px; background-color: #c5c5c5; background-repeat: no-repeat; background-position: center; background-size: 30px; margin:0 20px 0 0;}

.chapter-preamble .chapter-section-icon{background-image: url(../images/layout/info_c.svg); background-color: var(--icon-a-light);}
.chapter-preamble .chapter-section-title{color: var(--icon-a);}
.chapter-what .chapter-section-icon{background-image: url(../images/layout/question_c.svg); background-color: var(--icon-b-light);}
.chapter-what .chapter-section-title{color: var(--icon-b);}
.chapter-sources .chapter-section-icon{background-image: url(../images/layout/sources_c.svg); background-color: var(--icon-c-light);}
.chapter-sources .chapter-section-title{color: var(--icon-c);}
.chapter-ssources .chapter-section-icon{background-image: url(../images/layout/ssources_c.svg); background-color: var(--icon-d-light);}
.chapter-ssources .chapter-section-title{color: var(--icon-d);}
.chapter-scenarios .chapter-section-icon{background-image: url(../images/layout/scenarios_c.svg); background-color: var(--icon-e-light);}
.chapter-scenarios .chapter-section-title{color: var(--icon-e);}

.chapter-scenarios{background-color: #f2fafb; border-color: var(--icon-e-light);}
.chapter-section-body h3{font-size:120%; font-weight: bold; padding: 0;}

.scenario-box{padding: 10px 20px; font-size: 12px; line-height: 1.6; border-color: var(--icon-e-light);}
.scenario-box-title{font-size: 14px; font-weight: bold; line-height: 1.3; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #d8d8d8;}

ul.ssources-list{margin:20px 0 20px 20px;}
ul.ssources-list li{line-height: 1.6; padding: 5px 0;}
ul.sources-list{margin:20px 0 20px 0px; list-style-type: none;}
ul.sources-list li{line-height: 1.6; padding: 5px 0;}
ul.sources-list li p, ul.ssources-list li p{margin: 0; padding: 0;}

.pagination-wrap{margin-bottom: 30px;}
.chapter-arr{display: inline-block; margin-top: 12px;}
.chapter-arr img{display: inline-block; vertical-align: middle; height: 20px;}

.block-accessibility{position:fixed;top:160px;right:-100px; white-space: nowrap; padding:0 5px; width:150px; border-radius:30px 0 0 30px;background-color:#888; z-index: 2000; transition: 0.3s;}
.block-accessibility.open{right:0px;}
.access-icon img{max-height:35px;margin:5px;border-radius:100%;padding:5px;}
.access-icon.day img,.access-icon.speaking img{filter: invert(1);}
.access-toggle{display: inline-block; margin-right:20px; cursor: pointer;}
.access-toggle img{height:35px;}

@media (min-width: 768px) {
	#selector-search{float:right;text-align:right;}
	#scroll-top{width:50px;right:20px;border-radius:40px;}
	.t-right.center-xs{text-align:right}
	.center-xs, .t-left.center-xs{text-align:left}
	.img-left{float:left;margin:0 20px 10px 0;}
	.img-right{float:right;margin:0 0 10px 20px;}
	.small-xs{font-size:100%;}
	/* .slider-img{min-height:600px;} */
	#preloader-wrap{height:600px;}
	#slider-wrap{min-height:425px;}
	.slider-prev{left:50px;}
	.slider-next{right:50px;}
	.page-text{text-align:justify}
	.news-block-picture {display: block;width: 50%;}
  .chapter-title{font-size: 180%;}
}
@media (min-width: 992px) {
	/* .slider-img{min-height:700px;} */
	#preloader-wrap{height:700px;}
	#slider-wrap{min-height:525px;}
	.slider-title, .footer-title{font-size:32px;}
	.slider-lead{font-size:16px; margin-bottom:40px;}
  .slider-img{margin-bottom: 20px}
  .wrap-slider{padding:120px 0;}
  .wrap-slider.wrap-slider-page{padding:60px 0;}
  .slider-text .button{padding:14px 32px; font-size: 18px;}
  .subhero-title::before{content: ""; position: absolute; left:0; display: inline-block; background-color: var(--main); width:6px; height:100%; border-radius: 4px;}
.col-md-4:first-child .subhero-title::before{display: none;}
.chapter-title{font-size: 240%;}
}
@media (min-width: 1200px) {
  .show-hide-chapter-contents .show-hide-content{display:block;}
  .show-hide-chapter-contents .show-hide-head{display:none;}
	#menu .menu-item{font-size:120%;}
  .hero-wrap {padding: 150px 0; background: url(../images/layout/hero_right.jpg) right bottom no-repeat, url(../images/layout/hero_left.jpg) left bottom no-repeat;background-size: contain;
  background-color: #FCFCFC;}
  
}