:root {
  --border-color: #D0D0D0;
  --font-color: #262626;
  --header-color: #14283D;
  --link-color:#00569D;
  --link-hover-color:#008cff;
  
  --abstr-color: #14283D;
}

.swiper { display: grid; }
.swiper-wrapper { min-width: 0; }

body { font-family: "Lato", sans-serif; font-weight: 400; font-style: normal; 
  line-height: 1.65; 
  font-size: 17px;
  color: var(--font-color);
}

a { color:var(--link-color); text-decoration: none; transition: 0.3s; }
a.link-underline { text-decoration:underline; }
a.no-underline { text-decoration:none !important; }
a:hover { color:var(--link-hover-color); }
a.ext-open { display:inline-block; background:url(../img/ext-open.svg) right center no-repeat; padding-right: 20px; }

.px-5-5 { padding-left: 2rem !important; padding-right: 2rem !important;}
.py-5-5 { padding-top: 2rem !important; padding-top: 2rem !important;}

hr.big { margin: 2.5rem 0;  }

.form-preloader { width:42px; }

.form .select, 
.form .select select { width: 100%; }
.form label.is-danger { color:#cc0f35; text-align: center; display: block; font-size: 90%; }

.nobr { white-space: nowrap;}

button { cursor: pointer; }

.highlight { background-color: #ffcc00; }

.btn { display: inline-block; } 

.btn-light       { padding: 0px 25px; line-height: 48px; color:#262626; border:1px solid #262626; border-radius:90px; font-size:100%; background-color: #fff; transition: 0.3s; }
.btn-dark        { padding: 0px 25px; line-height: 50px; color:#fff; border:1px solid #262626; border-radius:90px; font-size:100%; background-color: #262626; transition: 0.3s; }
.btn-light:hover { background-color: #e0e0e0; color: #262626; }
.btn-dark:hover  { background-color: #606060; color:#fff }
.btn-w150 { width: 150px; display:inline-block; text-align: center; line-height: 50px; }

.btn-primary { padding: 13px 25px; color:#fff; border:1px solid #00569D; border-radius:90px; font-size:100%; background-color: #00569D; transition: 0.3s; display: inline-block; }
.btn-primary:hover { background-color: #003663; color: #fff; }

.btn-red { background-color: #A62A1E; border-color: #A62A1E; }

.btn-big { line-height:2.7em; padding: 0px 4em; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; font-size: 120%; }
.btn-wide { padding-left: 4em; padding-right: 4em; }
.btn-shadow { box-shadow: 0 0 20px 0 #14283D33; }
.btn-no-border { border:none; }

.flex-center { display: flex; justify-content: center; align-items: center; }
.flex-align-center { align-items: center; }
.flex-justify-end { justify-content: end }
.flex-justify-center { justify-content: center }
.flex-gap-1 { gap: 1em; }
.flex-gap-2 { gap: 2em; }
.flex-wrap { flex-wrap: wrap; }

.width-auto { width: auto !important; }
.min-width-half { min-width:50%; }
.max-width-half { max-width:50%; }

.ta-rounded { border-radius: 18px; }



.full-sep { width: 100%; background-color:var(--border-color); height: 1px; margin: 0; padding: 0;}

.header { font-size: 200%; font-weight: 700; padding-bottom: 0.5em; }
.header-2 { font-size: 147%; font-weight: 700; padding-bottom: 0.5em; letter-spacing: 1.2px; color:var(--link-color); }

.content-pad { padding: 1em 1em 2em 1em; }
.content-pad-t-b { padding-top: 1em; padding-bottom: 2em; }

.lato-thin { font-family: "Lato", sans-serif; font-weight: 100; font-style: normal; }
.lato-thin-italic { font-family: "Lato", sans-serif; font-weight: 100; font-style: italic; }

.lato-light { font-family: "Lato", sans-serif; font-weight: 300; font-style: normal; }
.lato-regular { font-family: "Lato", sans-serif; font-weight: 400; font-style: normal; }
.lato-bold { font-family: "Lato", sans-serif; font-weight: 700; font-style: normal; }
.lato-black { font-family: "Lato", sans-serif; font-weight: 900; font-style: normal; }
.lato-light-italic { font-family: "Lato", sans-serif; font-weight: 300; font-style: italic; }
.lato-regular-italic { font-family: "Lato", sans-serif; font-weight: 400; font-style: italic; }
.lato-bold-italic { font-family: "Lato", sans-serif; font-weight: 700; font-style: italic; }
.lato-black-italic { font-family: "Lato", sans-serif; font-weight: 900; font-style: italic; }

.b { font-weight: bold; }

/* form */
.input::placeholder { color: #14283D;}
.field:not(:last-child) { margin-bottom: 1.25rem }



/* design */
.top-strip { display:flex; background: #E9F4FD; height: 30px; }
.top-strip .eu-flag { background: url(../img/top-strip-eu-flag.png) no-repeat center center; background-size: contain; width: 42px; height: 30px; }

.copyright { font-size:85% }

.top-header { }
.top-header .container { height: 115px; display:flex; justify-content: space-between; align-items: center; }
.top-header .logo { padding: 0 70px 0 0; }
.top-header .logo img { width: 173px; height: 65px; }
.top-header .join { }
.top-header .join-eq-social { background-color: #E9F4FD; border-radius: 90px; color:#00569D; display:inline-flex; height: 50px; overflow: hidden; }
.top-header .join-eq-social .item { display: flex; align-items: center; justify-content: center; padding: 0 27px; line-height: 1; }
.top-header .join-eq-social .item:first-child { padding-right:10px;}
.top-header .join-eq-social .item.dark { background-color: #00569D; color:#fff; border-radius: 90px; }
.top-header .join-eq-social .item.dark a { color:#fff;  display: flex; justify-content: center; align-items: center; }
.top-header .join-eq-social .item.dark a span { padding: 0 0 0 20px; }

.top-header .cabinet { margin-left: auto; }
.top-header .cabinet .auth-user {display: flex; align-items: center; gap:1em; }
.top-header .cabinet .auth-user a { /*color:var(--font-color);*/ }
.top-header .cabinet .auth-user img {display: block; }
.top-header .cabinet .btn-w150 { line-height: 40px; width: auto; }

.nav-main { border:1px solid var(--border-color); border-left: none; border-right: none; }
.nav-main ul { display: flex; justify-content: space-between; }
.nav-main ul li.sep { background-color: var(--border-color); width: 1px; }
.nav-main ul li { display: flex; justify-content: center;  height: 50px; align-items: stretch; width: 100%; }
.nav-main ul li a { text-align: center; display:block; color:#14283D; font-size: 110%; letter-spacing: 1px; width: 100%; line-height: 50px; transition: 0.3s; }
.nav-main ul li a:hover { background-color: #E9F4FD; color:#00569D; }
.nav-main ul li a.s { background-color:#E9F4FD; border-bottom:3px solid #00569D; color: #00569D; }
.nav-main ul li img {vertical-align: middle; padding: 0 0 0 3px; }

.nav-main-popup { display: none; background: hsl(225 18% 95% / 1); border-bottom: 1px solid var(--border-color); padding: 0px 0; }
.nav-main-popup .container { padding: 0 3%; }
.nav-main-popup .nav-close img { display: block; position: absolute; top: 10px; right: 0px; width: 32px; height: 32px; }
.nav-main-popup ul { margin: 0; list-style-type: none; list-style-position: outside; padding: 20px 0px 20px 0px; }
.nav-main-popup ul li { display: inline-block; margin: 0; padding: 0; width: 33%; padding: 5px 0 5px 0px; }
.nav-main-popup a { text-decoration: none; font-size: 94%; transition: 0.3s; }

.slider-area { margin: 2em 0 3em 0;  }
.slider-area .slides { }

.slider-area .slide-grid { display: grid; grid-template-columns: repeat(2, 1fr); height: 450px; grid-gap: 1.5em; }
.slider-area .slide-grid .block-1 { grid-row: 1 / 4; grid-column: 1 / 2; background: #fff; }
.slider-area .slide-grid .block-2 { grid-row: 1 / 2; grid-column: 2 / 2; background: #fff; }
.slider-area .slide-grid .block-3 { grid-row: 2 / 4; grid-column: 2 / 2; background: #fff; }

.slider-area .slide-grid .item { background-color: #E9F4FD; border-radius:20px; transition: 0.3s; }
.slider-area .slide-grid .item:hover { background-color: #c8dff1;}
.slider-area .slide-grid .item-hover:hover { background-color: #00569D; color:#fff; text-decoration: none; }
.slider-area .slide-grid .item-hover:hover .header { color:#fff; }
.slider-area .slide-grid .item-big { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; }
.slider-area .slide-grid .item-wide { display: flex; justify-content: center; align-items: center; }

.slider-area .slide-grid .item .header { font-weight: 600; font-size:290%; color:var(--header-color); line-height: 1.2; text-align: left; }
.slider-area .slide-grid .item .abstr  { font-size:105%; font-weight: 300; padding: 1.5em 0; line-height: 1.75; }
.slider-area .slide-grid .item .ctrl   {padding: 0 0 1.5em 0;}
.slider-area .slide-grid .item .links  {}
.slider-area .slide-grid .item .links a { font-weight: 700; font-size:105%; }
.slider-area .slide-grid .item .links a.ext-open { padding-left:50px; padding-right:25px; }
.slider-area .slide-grid .item .links a.ext-open:first-child { padding-left:0px;}

.slider-area .slide-grid .item-wide .pre-header { font-size:118%; letter-spacing: 1.5px; padding-bottom: 0.5em; color:#00569D }
.slider-area .slide-grid .item-hover:hover .pre-header { color:#fff; }
.slider-area .slide-grid .item-wide .header { font-size:205%; }
.slider-area .slide-grid .item-wide .img { }

.slider-area .item-inner { display: flex; justify-content: space-between; align-items: center; gap: 2em; padding:0 2em; width: 100%; }
.slider-area .item-inner img { display:block; }
.slider-area .item-inner .item-inner-l { width: auto; }
.slider-area .item-inner .item-inner-r { width: 37%; }

.slider-area .item-big .item-inner .item-inner-l { width: 50%; }
.slider-area .item-big .item-inner .item-inner-r { width: 50%; }

.slider-area .slider-scroll { display:none; }

.euroclubs { }
.euroclubs .ua-map { padding-right: 1em;}
.euroclubs .ua-map img,
.euroclubs .ua-map svg { width: 100%;  }
.euroclubs .ua-map path.region { transition: 0.3s; cursor: pointer; }
.euroclubs .ua-map path.region:hover { fill:#3198ec; }

.euroclubs .text { width: auto; }
.euroclubs .text .header { font-size:200%; font-weight: 700; padding-bottom: 0.5em; }
.euroclubs .text .legend { padding-top: 1em; display: flex; flex-wrap: wrap; }
.euroclubs .text .legend .item { width: 50%; padding-bottom: 1em; }
.euroclubs .text .legend .item img { vertical-align:middle; padding-right:0.5em; }

.color-ec, .color-ec a { color:#00569D;}
.color-team, .color-team a { color:#FFCC00;}
.color-ic, .color-ic a { color:#F89D3A;}
.color-al, .color-al a { color:#61ACFA;}

.blog {}
.blog .header {}
.blog .blog-list {}
.blog .blog-list .item { display: flex; gap:1em; margin-bottom: 2em; }
.blog .blog-list .item .img .bg { background: no-repeat center center; background-size: cover; width: 31.5%; margin-top: 0.35em; min-height: 125px; min-width: 142px; }
.blog .blog-list .item .head { font-weight: bold; }
.blog .blog-list .item .dt { font-size:80%; color:gray; padding-bottom:0.5rem; }
.blog .blog-list .item .abstr { color:var(--font-color); }
.blog .ctrl { margin-bottom: 1em; }

.home-eu-new { margin-bottom: 3em; }

.bottom-footer { border-top:1px solid var(--border-color); font-size:90%; padding: 40px 0; }
.bottom-footer a { color:var(--font-color); }
.bottom-footer .logo img { max-width: 162px; max-height: 61px; } 
.bottom-footer .spounsor { display:flex; gap:0.5em; }
.bottom-footer .spounsor .flag { width: 28px; height:20px; margin-top:3px; }
.bottom-footer .eu {}
.bottom-footer .socnet-list { display: flex; gap:1em; align-items: center; }
.bottom-footer .socnet-list .item { width: 40px; height: 40px; border-radius: 100%; box-shadow: 0px 0px 15px 0px #61ACFA33; background-color: #fff; display: flex; align-items: center; justify-content:center; background: no-repeat center center; /*background-size: 20px;*/ }
.bottom-footer .socnet-list .item:hover { background-color:#c8dff1; }
.bottom-footer .socnet-list .item-i { background-image:url(../img/sn-i.svg); }
.bottom-footer .socnet-list .item-fb { background-image: url(../img/sn-fb.svg);}
.bottom-footer .socnet-list .item-tg { background-image: url(../img/sn-tg.svg);}
.bottom-footer .socnet-list .item-yt { background-image: url(../img/sn-yt.svg);}

.bottom-footer-links { font-size: 90%; }
.bottom-footer-links .nav { display: flex; justify-content: center; align-items: center; height: 70px; border-top: 1px solid var(--border-color); }
.bottom-footer-links .nav .item {  }
.bottom-footer-links .nav .item a { color:var(--font-color); }
.bottom-footer-links .nav .sep { background-color: var(--border-color); width: 1px; margin: 0 2em; height: 1.5em; }


.rules-content { font-size:14px; line-height: 1.15rem; text-align: justify; }
.rules-content.narrow { max-width: 800px; margin: 0 auto 2em auto;}
.rules-content h1 { font-size:18px; font-weight: bold; }
.rules-content h2 { font-size:15px; font-weight: bold; }
.rules-content h3 { font-size:14px; font-weight: bold; }
.rules-content a { text-decoration: underline; }


.euroquiz {}

.euroquiz .block-eq { background-color: #E9F4FD; padding: 2em 1.5em; border-radius:20px; margin: 1em 0 2em 0; }
.euroquiz .block-eq h1 { font-size:230% }
.euroquiz .block-eq { display: flex; flex-wrap: wrap; }
.euroquiz .block-eq .head { width: 100%; margin-bottom:0; }
.euroquiz .block-eq .abstr { font-size:130%; font-weight:400; padding-top: 1em; }
.euroquiz .block-eq .col-1 { width: 65%;  }
.euroquiz .block-eq .col-2 { width: 35%; }
.euroquiz .block-eq .col-2 img { width:100%; }
.euroquiz .block-eq .ctrl { padding: 1em 0;}
.euroquiz .block-eq .btn-primary { background-color:#A62A1E; border-color:#A62A1E;  text-transform: uppercase; letter-spacing: 4px; font-weight: bold; }
.euroquiz .block-eq .btn-primary:hover { background-color:#df4234; }


.euroquiz .block-prizes { margin: 2em 0;}
.euroquiz .block-prizes .list { display: flex; gap:1.5em; }
.euroquiz .block-prizes .list .item { width: 33.3333%; background: #FFFFFF; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 1em 1em; }
.euroquiz .block-prizes .list .item .img { padding: 0 0 1em 0; }
.euroquiz .block-prizes .list .item .img img { margin: 0 auto; max-height: 190px; display: block; }
.euroquiz .block-prizes .list .item .str { text-align: center; color:#00569D; font-size: 117.5%; font-weight: bold; }
.euroquiz .block-prizes .list .item .medal {  position: relative; }
.euroquiz .block-prizes .list .item .medal img {  position: absolute; top:0px; left: 0px; }

.euroquiz .block-outline { border:1px solid #E5E5E5; border-radius: 20px; padding: 1em; margin: 2em 0; }
.euroquiz .block-outline .icon-list { display: flex; gap:1.5em;}
.euroquiz .block-outline .icon-list .item {width: 33.3333%; padding: 1em 1em; }
.euroquiz .block-outline .icon-list .item .img { padding: 0 0 1em 0; }
.euroquiz .block-outline .icon-list .item .img img {margin: 0 auto; /*max-height: 190px;*/ display: block; }
.euroquiz .block-outline .icon-list .item .str { text-align: center; font-size: 96%; font-weight: bold; }
.euroquiz .block-outline .ctrl { padding: 1em 0;}

.euroquiz .block-blue { padding: 2em 1.5em; border-radius:20px; margin: 1em 0 2em 0; background-color: #E9F4FD; }
.euroquiz .block-blue .header { font-size: 200%; text-align: left;}

.euroquiz .reviews .header { font-size: 200%; text-align: left; display: flex; gap:1em; justify-content: space-between; align-items: center; padding: 0 0 1em 0; }
.euroquiz .reviews .list { /*display: flex; gap: 2em;*/ }
.euroquiz .reviews .scroll{ display: flex; gap: 1.25em; }        
.euroquiz .reviews .list-item { display: flex; gap:2em; }
.euroquiz .reviews .list-item .img { width: 140px; height: 140px; min-width: 140px; min-height: 140px; }
.euroquiz .reviews .list-item .img img { width:100%; display: block; border-radius: 100%; }
.euroquiz .reviews .list-item .name { font-size: 117.6%; font-weight: bold; padding: 0 0 0.5em 0; }
.euroquiz .reviews .list-item .text { font-size:100%; }


.euroquiz .block-final { display: flex; gap: 2em; justify-content: space-between; }
.euroquiz .block-final .header { font-size: 200%; text-align: left; display: flex; gap:1em; justify-content: space-between; align-items: center; padding:0 0 0.5em 0; }
.euroquiz .block-final .header-2 { font-size: 147%; }
.euroquiz .block-final .ctrl { text-align: left; padding: 1em 0; }
.euroquiz .block-final .ctrl .btn { text-transform: uppercase; letter-spacing: 4px; font-weight: bold;  }
.euroquiz .block-final .col-1 {}
.euroquiz .block-final .col-2 {}

.event-list { display: block; }
.event-list .item { margin: 0 0 1.25rem 0;}
.event-list .item .pic { width: 100%; height:350px; border-radius: 10px; background:no-repeat center center ; background-size:cover; border: 1px solid #D9D9D9; margin-bottom: 0.75em; display: block; }
.event-list .item .name { font-size: 100%; font-weight: 700; margin-bottom: 0.5em; line-height: 1.5rem; }
.event-list .item .name a { text-decoration: none; }
.event-list .item .name a:hover { text-decoration:underline; }
.event-list .item .dt { font-size:82.3%; color:#979797; margin-bottom: 0.75em; font-weight: 300; }
.event-list .item .abstr { font-size:94%; font-weight: 300; color:var(--abstr-color); }

.event-list.know-base-int .item .pic { height:235px; }

.event-list.know-base-books .item { perspective: 600px; }
.event-list.know-base-books .item .pic { width:225px; height:302px; border-radius: 0; display: block; border-left: 1.5px solid #777;
transform: rotateY(30deg) scale(0.90); box-shadow: -13px -4px 10px 0px rgba(0, 0, 0, 0.2), -6px 0px 0px 0px #ccc; transition: 0.3s; }
.event-list.know-base-books .item .pic img { display: block; }
.event-list.know-base-books .item:hover .pic { transform: rotateY(10deg) scale(1); }

.event-list.network-eu-about .item .pic { background-size:contain; height: 280px;  }

.event-view { display: block; }
.event-view .title { margin-bottom: 0.5em; }
.event-view .dt { font-size:94%; color:#979797; margin-bottom: 0.75em; font-weight: 300; }
.event-view .pic { margin-bottom: 1rem;}
.event-view .pic img { max-width: 100%; max-height: 820px; display: block; }
.event-view .abstr { font-size:100%; font-weight: 700; margin: 0 0 1rem 0;}
.event-view .content { margin-bottom: 1rem;}

.event-view.know-base-int .abstr { font-style: italic; }

.event-view.network-eu-view .abstr { font-style: italic; font-size:115%; }
.event-view.network-eu-view .pic { float:left; border: 1px solid #ccc; border-radius: 20px; overflow: hidden; max-width: 300px; margin-right: 2em; }


.download-area { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: flex-start;}
.download-area .download-item { display: flex; gap:1rem; border-radius: 90px; background: #00569D1a; color:var(--link-color); padding: 0.75rem 1.5rem; margin-bottom: 1em; }
.download-area .download-item:hover { background-color: #c8dff1; }
.download-area .download-item .ico { display: block;}
.download-area .download-item .filename { display: block; }

.share-area { margin: 0 0 1rem 0; }

.event-short-wide { margin-bottom: 2rem; }
.event-short-wide .head { font-size: 147%; font-weight: 700; margin-bottom: 0.5rem;}
.event-short-wide .head span { opacity: 0.33; }
.event-short-wide .item { display: flex; gap:1em; }
.event-short-wide .item .pic { width: 165px; height: 140px; }


.h2 { font-size: 147%; font-weight: 700; /*margin-bottom: 0.5rem;*/ }

.art-item-v { display: flex; /*gap:1em;*/ flex-direction: column; }
.art-item-v .pic { width: 100%;/*223px;*/ height: 200px;/*165px;*/ border-radius: 10px; margin-bottom: 0.5em; background: center center no-repeat; background-size: cover; }
.art-item-v .name { font-size: 100%; font-weight: 700; margin-bottom: 0.5em; line-height: 1.5rem; }
.art-item-v .abstr { font-size: 94%; font-weight: 300; color: var(--abstr-color); }
.art-item-v .dt { font-size: 82.3%; color: #979797; margin-bottom: 0.75em; font-weight: 300; display: none; }


.vert-banner { display: block; margin: 0 0 2em auto; transition: 0.3s; }
.vert-banner:hover { filter: drop-shadow(0px 0px 11px #0000005f); transform: scale(1.05); }
.vert-banner img { display: block; margin: 0 0 0 auto; }

.copyright { font-size: 80%; background: #005da3; color: #fff; text-align: center; font-weight: 400; opacity: 1; padding: 0.3em 0; letter-spacing: 0.35px; }


.neu-base .table-view { border-radius: 20px; overflow: hidden; border: 1px solid #dbdbdb; margin-bottom: 2em;}
.neu-base .table-view .table {}
.neu-base .table-view .table th { background-color: var(--link-color); color:#fff; text-transform: uppercase; border-bottom: none; font-size: 100%; }
.neu-base .table-view .table.is-hoverable tbody tr:not(.is-selected):hover { background-color:#00569D0c;}
.neu-base .table-view .table td, 
.neu-base .table-view .table th { padding: .5em 1.0em;}

.neu-base .table-view .table td:nth-child(1) { width: 45%; }
.neu-base .table-view .table tr .js-open { display: none; }
.neu-base .table-view .table tr.open .js-open { display: block; }

.neu-base .table-view .table .name { font-size:118%; padding-bottom:0.5em; color:var(--link-color) }
.neu-base .table-view .table .abstr { color:#979797; padding-bottom: 0.5em; }
.neu-base .table-view .table .detail { line-height: 1.25em; display: none; }

.neu-base .table-view .table .drop-down { width: 32px; min-width: 32px; transition:0.3s; display: block;}
.neu-base .table-view .table .drop-down.open { transform: rotate(180deg); }

.neu-base .table-view .table .social-btn { display:flex; align-items: center; white-space:nowrap; padding: 0 0 0.5em 0; }
.neu-base .table-view .table .social-btn img {padding-right:0.66em; }

.neu-base .table-view .table .network { padding-bottom: 0.75em; font-weight: 700;}
.neu-base .table-view .table .person { padding-bottom: 0.75em; }
.neu-base .table-view .table a:hover { text-decoration:underline; }


.neu-head { display: flex; gap:2em; align-items: center; }
.neu-head .title { margin-bottom: 0; }

/*.neu-news {}*/
.neu-news .item { display: flex; gap:2em; padding-bottom: 2em; }
/*.neu-news .item .side-l {}
.neu-news .item .side-l {}
.neu-news .item .pic {}
.neu-news .item .pic a {}*/
.neu-news .item .pic img { border-radius: 10px; border: 1px solid #ccc !important; width: 200px; /* height: 130px; */ max-height: 160px; max-width: 200px; display: block;}
.neu-news .item .head { font-size: 106%; font-weight: bold; padding: 0 0 0.4em 0; }
.neu-news .item .after-head { color:#979797; font-size: 85%; padding: 0 0 0.8em 0; }
.neu-news .item .after-head i { padding-right:0.5em; }
.neu-news .item .after-head span {display: inline-block; padding: 0 2em 0 0; }
/*.neu-news .item .after-head .dt {}
.neu-news .item .after-head .info {}*/
.neu-news .item .after-head .tshow-1.t2 { display: none; }
.neu-news .item .after-head .tshow-2.t1 { display: none; }
/*.neu-news .item .after-head .abstr {}*/

/*.neu-view {}*/
.neu-view .after-head { color:#979797; font-size: 85%; padding: 0 0 0.8em 0; }
.neu-view .after-head i { padding-right:0.5em; }
.neu-view .after-head span {display: inline-block; padding: 0 2em 0 0; }
.neu-view .after-head .tshow-1.t2 { display: none; }
.neu-view .after-head .tshow-2.t1 { display: none; }

.gallery-view .scroll{ display: flex; gap: 1.25em; justify-content: center; padding: 1em 0 0 0;}

/*
.gallery-items { display: flex; gap:0em; flex-wrap: wrap; }
*/
.gallery-items li { display: block; }
.gallery-items li a { display: block; }
.gallery-items li img { display: block; width: calc(100%); border-radius: 10px; /*margin-bottom: 1em;*/ }

.breadcrumb li.is-active a { color:#B7B7B7; }
.breadcrumb a:hover { text-decoration: underline; }


.proj-contest {}
.proj-contest a:not(.btn-primary) { text-decoration: underline; }
/* 1275x420 */
.proj-contest .title-block { background:#e9f4fd right center no-repeat url('/img/proj-contest.png'); background-size: contain; 
  /*height: 420px;*/ width: 100%; aspect-ratio: calc(1275 / 420); display: flex; align-items: center; 
  padding: 2em 1.5em; border-radius: 20px; margin: 1em 0 2em 0; }
.proj-contest .title-block .h1 { font-size:290%; font-weight: bold; line-height: 1.2; padding-left: 5%; }
.proj-contest .head { font-size:152%; font-weight: bold; line-height: 1.2; margin: 0 0 0.75em 0; }
.proj-contest .head-mega { font-size:200%; font-weight: bold; line-height: 1.2; margin: 0 0 0.75em 0; }
.proj-contest .block { padding: 2em 1.5em; margin: 0 0 2em 0;  }
.proj-contest .block-lt { background-color:#E9F4FD; border-radius: 20px; }
.proj-contest .block-shadow { background-color:#fff; border-radius: 20px; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); }
.proj-contest .block-half { width: 50%; }
.proj-contest .final-cta { margin:2em 0 5em 0}
.proj-contest .set-proj {}


.proj-list {}
.proj-list .proj-item { margin: 0 0 30px 0; text-align: left; }
.proj-list .proj-item .pic { display:none; }
.proj-list .proj-item .pic img { width:100%; }
.proj-list .proj-item .info { color:#999; }
.proj-list .proj-item .info span { display:inline-block; padding-right: 20px; font-size:90%; }
.proj-list .proj-item .info i.fa { display:inline-block; width:17px; text-align: center; }
.proj-list .proj-item .name { font-size:150%; margin: 0 0 10px 0; }
.proj-list .proj-item .desc { padding: 10px 0 10px 0; font-size:90%; }
.proj-list .proj-item .contact { font-size:100%; opacity:0.5; transition: 0.3s; }
.proj-list .proj-item .contact:hover { opacity:1; }
.proj-list .proj-item.owner { color:#1e5190;    border-left: 3px solid #ccc; padding: 6px 0 0 15px; background: #f5f5f5; }
.proj-list .proj-item.owner .info span.club { background: #ecbc15; color: #fff; padding: 0 20px 0 20px; margin-right: 20px; border-radius: 4px; }
.proj-list .proj-item.owner .info { color: #234584; }

.proj-list .proj-item-my .info span { display: block; }

.proj-view .proj-item .info span { display:block; padding-right: 20px; font-size:100%; margin-bottom: 5px;}
.proj-view .proj-item .desc { padding: 15px 0 20px 0; font-size:100%; }
.proj-view .proj-item .name h1 { font-size:160%; }
.wait-for-moderate { color:#37f; }
.moderate-aprove { color:#1aa91a; }
.moderate-rejected { background-color:#bb1a1a; color:#fff; border-radius: 4px; padding: 2px 10px; display:inline-block; }




/* overwrite */ 
body .swal2-popup { border-radius: 20px; padding: 2.5em; }
body .swal2-container.swal2-shown { background-color: rgba(0, 0, 0, .7); }
body .swal2-container .blue { color: #00569D; }
body .swal2-popup .swal2-styled.swal2-confirm { padding: 15px 50px; font-size: 105%; font-weight: 400; border-radius: 90px; box-shadow: 0px 0px 20px 0px rgba(20, 40, 61, 0.20); background: #00569D; }
body .swal2-popup .swal2-styled.swal2-cancel  { padding: 15px 50px; font-size: 105%; font-weight: 400; border-radius: 90px; box-shadow: 0px 0px 20px 0px rgba(20, 40, 61, 0.20); background-color: #fff; color: #000; }
body .swal2-popup .swal2-actions { flex-wrap: wrap; gap: 1em; }



/* ------------- */



.mobile-only .btn-logout { display: none; }

.desktop-only { display: block; }
.mobile-only { display: none; }
.nav-main-mobile { display: none; }

/*** MEDIA ***/

@media screen and (max-width:1920px) {
  body {}
  .breadcrumb li { white-space: normal;}
}


@media screen and (max-width:1440px) {
  body {}
}


@media screen and (max-width:1215px) {
  body { font-size:15px; }
}

/* Tablet */
@media screen and (max-width:1023px) {
  body { font-size:15px; }

  .desktop-only { display: none; }
  .mobile-only { display:block; }

  .nav-main { display: none; }
  .nav-main-popup { display: none; }

  .content-pad-t-b { padding-left: 5%; padding-right: 5%; }
  .vert-banner img { margin: 0 auto 0 auto; }

  .nav-main-mobile { display: block; position: fixed; left:0; right: 0; top: 0; bottom: 0; background-color: #ffffff/*f0*/; z-index: 20000; font-size:110%; overflow-y: scroll; }
  .nav-main-mobile .container { display:flex; justify-content: space-between; align-items: center; }
  .nav-main-mobile .logo { padding: 0 0em 0 0; width: 40%; }
  .nav-main-mobile .logo img { width: 173px; height: 65px; }
  .nav-main-mobile .cabinet { margin-left: auto;  }
  .nav-main-mobile .top-ctrl { display: flex; gap:1em; align-items: center; }
  .nav-main-mobile .top-ctrl .user-name { line-height: 1.2; text-align: right;  display: block; padding-right: 5px; }
  .nav-main-mobile .top-ctrl img { display: block; }
  .nav-main-mobile-content { padding: 1em 1em; }

  .nav-main-mobile .nav-tree {}
  .nav-main-mobile .nav-tree ul {}
  .nav-main-mobile .nav-tree ul li a { display: block; border-bottom: 1px solid var(--border-color); line-height: 3em; font-size:120%; padding: 0 0.5em;}
  .nav-main-mobile .nav-tree ul li ul { padding-left: 1em;}
    
  .nav-main-mobile .socnet-list { display: flex; gap:1em; align-items: center; justify-content: center; margin: 2em 0; }
  .nav-main-mobile .socnet-list .item { width: 40px; height: 40px; border-radius: 100%; box-shadow: 0px 0px 15px 0px #61ACFA33; background-color: #fff; display: flex; align-items: center; justify-content:center; background: no-repeat center center; /*background-size: 20px;*/ }
  .nav-main-mobile .socnet-list .item:hover { background-color:#c8dff1; }
  .nav-main-mobile .socnet-list .item-i { background-image:url(../img/sn-i.svg); }
  .nav-main-mobile .socnet-list .item-fb { background-image: url(../img/sn-fb.svg);}
  .nav-main-mobile .socnet-list .item-tg { background-image: url(../img/sn-tg.svg);}
  .nav-main-mobile .socnet-list .item-yt { background-image: url(../img/sn-yt.svg);}

  .top-strip .container { width: 95%; flex-grow: initial; }

  .top-header .container { width: 95%; flex-grow: initial; }
  .top-header .join { display: none; }
  .top-header .top-ctrl { display: flex; gap:1em; align-items: center; }
  .top-header .top-ctrl .user-name { line-height: 1.2; text-align: right; display: block; padding-right: 5px;}
  .top-header .top-ctrl img { display: block;}

  .btn-light,
  .btn-dark { line-height: 40px; }
  
  .header { font-size: 150%; }
  
  .slider-area { margin-top: 0; padding: 0em 0 1em 0; }
  .slider-area .container { width: 95%; flex-grow: initial; }
  .slider-area .slide-grid .item .header { font-size: 160%; }
  .slider-area .item-big .item-inner .item-inner-l { width:60%; }
  .slider-area .item-big .item-inner .item-inner-r { width:40%; }
  .slider-area .slide-grid { height: 380px; }
  .slider-area .item-inner .item-inner-r { width: 50%; }

  .euroclubs .container { width: 95%; flex-grow: initial; }

  .home-eu-new .container { width: 95%; flex-grow: initial; }

  .bottom-footer .container { width: 95%; flex-grow: initial; }
  .bottom-footer .logo { text-align: center; }
  .bottom-footer .eu .socnet-list { flex-direction: column;}
  .bottom-footer .socnet-list { flex-wrap: wrap;}
  .bottom-footer .spounsor { max-width: 300px; align-content: center; margin: 0 auto; }
  .bottom-footer .socnet-list.flex-justify-end { align-items: center; justify-content: center; }

  .euroquiz .block-prizes .list { flex-direction: column; align-items: center; }
  .euroquiz .block-prizes .list .item { width: 50%; }

  .neu-base .table-view .table tr { display: flex; flex-wrap: wrap; }
  .neu-base .table-view .table td:nth-child(1) { width: 100%; }
  
  .neu-base .table-view .table th:nth-child(1) { width: 100%; }
  .neu-base .table-view .table th:nth-child(5) { display:none }
  
  .neu-base .table-view .table td:nth-child(5),
  .neu-base .table-view .table th:nth-child(5) { width: 100%; }

  .neu-base .table-view .table th:nth-child(2),
  .neu-base .table-view .table th:nth-child(3),
  .neu-base .table-view .table th:nth-child(4) { width: 33.3333%; }

  .neu-base .table-view .table td:nth-child(1),
  .neu-base .table-view .table td:nth-child(2),
  .neu-base .table-view .table td:nth-child(3),
  .neu-base .table-view .table td:nth-child(4) { border-bottom: none; }

  .neu-base .filter { margin-bottom: 1.25em; }
}


@media screen and (max-width:768px) {
  body {}
  
  /*.px-5-5 { padding-left: 1rem !important; padding-right: 1rem !important; }*/

  .btn-w150 { width: 130px; }

  .header { font-size: 120%; }
 
  /*.slider-area .item-inner { gap:1em; padding:0 1em; }*/
  .slider-area .slide-grid .item-wide .pre-header { font-size: 110%; }
  .slider-area .slide-grid .item .header { font-size: 130%; }

  .euroclubs .ua-map { padding-right: 0em; }

  .bottom-footer .eu .socnet-list { flex-direction: row;}

  .bottom-footer-links .nav { flex-direction: column; height: auto;}
  .bottom-footer-links .nav .sep {display: none;}
  .bottom-footer-links .nav .item-big,
  .bottom-footer-links .nav .item { padding: 1rem 0rem; }

  .euroquiz .block-prizes .list .item { width: 70%; }

  .euroquiz .block-final {flex-direction: column; align-items: center; text-align: center; }
  .euroquiz .block-final .header { text-align: center; display: block; }
  .euroquiz .block-final .ctrl { text-align: center; }
  .euroquiz .block-final .col-2 img { max-width: 80%; }

  .euroquiz .block-eq .head { text-align: center; }
  .euroquiz .block-eq { flex-direction: column; }
  .euroquiz .block-eq .col-1 { order: 2; width: 100%; text-align: center; }
  .euroquiz .block-eq .col-2 { order: 1; width: 70%; text-align: center; margin: 0 auto; }

  /*.is-one-quarter { width: 49%; }*/

  .event-list.know-base-books .item .pic { margin-left: auto; margin-right: auto;}
  .event-list.know-base-books .item .name { text-align: center; }

  .event-list.network-eu-about .item .pic { background-size:contain; height: 280px; width: 300px; margin-left: auto; margin-right: auto;  }

  .vert-banner-list { display: flex; align-items: center; justify-content: center;}
  .vert-banner-list .vert-banner { margin-left: auto; margin-right: auto; }

  .proj-contest .title-block .h1 { font-size:240%; }
  .proj-contest .head-mega { font-size:150%; }
  .proj-contest .set-proj.flex { flex-direction: column;}
  .proj-contest .set-proj .block-half { width: 90%; }
}


@media screen and (max-width:767px) {

  .btn-light,
  .btn-dark { line-height: 34px; padding: 0 15px; }
  .btn-w150 { width: auto; }

  .top-header .container { height: 80px; }
  .top-header .top-ctrl { gap: 0.5em; }
  .top-header .top-ctrl img { width: 90%; margin: 0 auto; }

  .top-header .logo { padding: 0 0em 0 0; width: 30%; }
  .top-header .logo img { width:auto; max-width: 100%; height: auto; max-height: 60px; }

  .nav-main-mobile .logo { padding: 0 0em 0 0; width: 30%; }
  .nav-main-mobile .logo img { width:auto; max-width: 100%; height: auto; }

  .nav-main-mobile .top-ctrl img { width: 90%; margin: 0 auto; }
  .nav-main-mobile .top-ctrl { gap: 0em; }

  .slider-area .slide-grid {display: block;height: auto; }
  .slider-area .slide-grid .item { margin: 0 0 1em 0; padding: 1rem 1rem;}
  .slider-area .slide-grid .item .abstr { padding: 1em 0; }
  .slider-area .item-inner .item-inner-l { width: 60%; }
  .slider-area .item-inner .item-inner-r { width: 40%; }
  .slider-area .item-inner img { max-height: 120px; margin: 0 auto; }
  /*.slider-area .slide-grid .block-1,
  .slider-area .slide-grid .block-2,
  .slider-area .slide-grid .block-3 { grid-row: 1 / 1; grid-column: 1 / 1; }*/

  .euroquiz .block-outline { width: 70%; margin: 2em auto; }
  .euroquiz .block-outline .icon-list { flex-direction: column; align-items: center; }
  .euroquiz .block-outline .icon-list .item { width: 100%;}

  .euroquiz .reviews .header { flex-direction: column;}

  body .swal2-popup { padding: 1.25em; }

  .proj-contest .flex { flex-direction: column;}
  .proj-contest .flex-gap-2 { gap:0; }
  .proj-contest .block-half { width: 100%; }

}


/* Mobile */
@media screen and (max-width:650px) {

  .btn-light,
  .btn-dark { line-height: 30px; }

  .top-header .top-ctrl img { width: 80%; margin: 0 auto; }
  .nav-main-mobile .top-ctrl img { width: 80%; margin: 0 auto; }

  .event-view.network-eu-view .pic { float:initial; border: 1px solid #ccc; border-radius: 20px; overflow: hidden; max-width:250px; margin-left: auto; margin-right: auto;}

  .neu-news .item { flex-direction: column; gap:1em; padding-bottom: 3em; }
  .neu-news .item .pic img { width:99%; max-height: none; max-width: none; margin: 0 auto; }
  /*.neu-news .item .head { }
  .neu-news .item .after-head {}
  .neu-news .item .after-head i {}*/
  .neu-news .item .after-head span {display: inline-block; padding: 0 2em 0 0; }

  .proj-contest .title-block { margin: 0.5em 0 1em 0;}
  .proj-contest .title-block .h1 { font-size:150%; }
  .proj-contest .head-mega { font-size:150%; }
  .proj-contest .title-block .h1 { padding: 0; margin:0}
}


@media screen and (max-width:450px) {
  body { font-size:14px; }

  .top-header .container { height: 70px; }

  /*.btn-primary { padding: 8px 25px; }*/
  .btn-wide { padding-left: 3em; padding-right: 3em; }

  .slider-area .slide-grid .item { padding: 1rem 0rem; }
  .slider-area { margin-bottom: 0; }
  .slider-area .item-big {text-align: center;}
  .slider-area .slide-grid .item .header { width: 100%; font-size:150%; }
  .slider-area .item-big .item-inner { flex-direction: column; align-items: center; justify-content: center; gap:0; }
  .slider-area .item-big .item-inner .item-inner-l,
  .slider-area .item-big .item-inner .item-inner-r { width:100%;}
  .slider-area .slide-grid .item .ctrl { text-align: center; }
  .slider-area .slide-grid .item .links { text-align: center; width: 100%; padding-top: 1em;}

  .blog .blog-list .item .img .bg { min-height:100px; min-width:120px; }
  .blog .ctrl { margin-bottom: 1em; text-align: center; }

  .euroquiz .block-prizes .list .item { width: 85%; }

  .euroquiz .block-outline { width: 85%; }
  
  .euroquiz .reviews .list-item { flex-direction: column;}
  .euroquiz .reviews .list-item .img { margin: 0 auto;}
  .euroquiz .reviews .list-item .name { text-align: center; }

  .event-list.network-eu-about .item .pic { background-size:contain; height: 190px; width: 250px; margin-left: auto; margin-right: auto;  }

}


@media screen and (max-width:375px) {
  body {}

  .top-header .top-ctrl { gap: 0.25em; }
  .btn-w150 { padding: 0 10px;}
}