:root {
  --eseblue: #a1c7e0;
  --esegreen: #D6E5BE;
  --eseyellow: #ffbd59;
  --esered: #FFCBE1;
  --esepurple: #A17CF7;
  --text: #2E3A59;
  --lighttext: #7A8798;
  --hr: #DDE1E7;
}




html, body{margin:0;padding:0;font-family:Tinos,serif;font-size:18px;line-height:1.3;color:var(--text);}
.wrap{position:relative;width:100%;padding:10px 0;}

a{color:var(--eseblue);text-decoration:none;}
a:hover{color:var(--eseyellow);text-decoration:none;}
a:focus,a:active{outline:none;}
ul, ol {margin: 10px 0 10px 30px;}
p{margin:15px 0;padding:0;line-height:1.6;}
h1, h2, h3, h4, h5, h6{display:block;margin-bottom:15px;}
h1{font-size:250%;}
h2{font-size:210%;}
h3{font-size:200%;}
h4{font-size:180%;font-weight:bold;}
h5{font-size:150%;font-weight:bold;}
h6{font-size:130%;font-weight:bold;}
hr{display:block;border:0;width:80px;height:5px;background:var(--hr);padding:0;margin:40px 0;}
hr.centered{margin:40px auto;}
.max-width{max-width:100%;}
.max-width.footer-img{max-width:400px; width: 80%}
.overlay{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);}
.green-bg{background-color:var(--eseblue);color:#fff;}
hr.white{background-color:#fff;}

.top-wrap{background:var(--eseyellow);color:#fff;height:50px;overflow:visible;z-index:100;}
.top-wrap a{color:#fff;}
.top-wrap a:hover{color:#fff;}
.header-wrap{padding:90px 0;background-position: bottom;}
.logo{width:250px; border-radius: 20px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.menu{position: absolute; top: 40px; border-radius: 0 0 15px 15px; background: #fff; padding: 0 15px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);}
.menu a{color: #919191; font-size: 110%; display: inline-block; padding: 10px; text-decoration: none; position: relative; transition: color 0.5s ease;}
.menu a::after{content: ''; position: absolute; left: 0; bottom: 8px; width: 0; height: 2px; background: var(--eseblue); transition: width 0.5s ease;}
.menu a:hover::after, .menu a.selected::after{width: 100%;}
.menu a:hover, .menu a.selected{color: var(--eseblue);}
.top-wrap .top-info-icon{display:inline-block;height:24px;vertical-align:middle;margin-right:5px;}
.top-wrap .flag-icon{display:inline-block;width:30px;height:30px;border-radius:100%;}
.top-link{float:right}
.lang-menu-link{float:right;}
.lang-menu-icon{border-radius:100%;width:25px;height:25px}
.lang-menu-label-short{display:none;}
.lang-menu-label-long{display:none;}
.top-info{font-size:80%;text-align:right}
.t-justify h1{text-align:left;}

.mobile-menu-icon{display:inline-block;width:40px;cursor:pointer;}
.mobile-menu-icon span{display:block;width:100%;height:6px;margin:6px 0;background:#fff;}
.mobile-menu-icon:hover span{background:var(--eseblue);}

#mobile-menu {position: absolute;top:50px;right:20px;}
#mobile-menu-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none;background: rgba(0, 0, 0, 0.8);z-index: 500;}
.mobile-menu-icon {position: relative;cursor: pointer;margin: 10px auto;}
#mobile-menu-items {position: absolute;display: none;z-index: 600;outline: none;width:250px;right:15px;}
#mobile-menu-items a {display: block;padding: 15px;line-height: 1;margin: 0;white-space: nowrap;text-align: left;color: #3d3d3d;background: #fff;}
#mobile-menu-items a:hover, #mobile-menu-items .menu-item.selected:hover {color: #fff;background: var(--eseblue);}
#mobile-menu-items a.selected {color: var(--eseblue);}
#mobile-menu-items a.selected:hover {color: #fff;}
.top-icons{position:absolute;right:105px;bottom:-55px;}
.top-icons a{display:inline-block;width:40px;height:40px;text-align:center;padding:8px;border-radius:0 0 25px 25px;background:#333;opacity:0.6;}
.top-icons a:hover{opacity:1;}
a.top-icon-fb{background:#385596;}

.slider-wrap{padding:0;}
.slider-part{position:relative;display:block;width:100%;padding:150px 0;background-size:cover;background-position:left;color:#fff;}
.slide-title{font-size:280%;margin-top:20px;}
.slide-text{font-size:130%;margin-bottom:40px;}

.home-boxes-wrap{background: transparent; position: relative; top: -80px; padding: 0;}
.home-box{display: inline-block; width: 100%; vertical-align: bottom; position: relative; padding: 35px; text-align: center; bottom: 0px; border-radius: 20px; background: #f2f2f2; color: #333; transition: bottom 0.35s ease, box-shadow 0.35s ease; overflow: hidden;}
.home-box-1{background: var(--esered);}
.home-box-2{background: var(--esegreen);}
.home-box-3{background: var(--eseblue);}
.home-box-4{background: var(--eseyellow);}
.home-box-icon{display: inline-block; height: 85px; width: auto; margin-bottom: 15px; transition: transform 0.35s ease; filter: invert(1); opacity: 0.8;}
.home-box:hover .home-box-icon{transform: scale(1.1);}
.home-box-title{display: block; font-size: 165%; font-weight: bold; margin: 12px 0;  opacity: 0.85; transition: opacity 0.35s ease, transform 0.35s ease;}
.home-box:hover .home-box-title{opacity: 1; transform: translateY(-3px);}
.home-box-lead{display: block; font-size: 82%; height: 55px;  opacity: 0.85;}
.home-box .overlay{background: none; border: 15px solid rgba(0,0,0,0.05); transition: border 0.35s ease; border-radius: 20px;}
.home-box:hover{box-shadow: 0px 20px 25px rgba(0,0,0,0.12); bottom: 15px; color:#000;}
.home-box:hover .overlay{border: 15px solid rgba(0,0,0,0.15);}


.button{display:inline-block;line-height:1;border:0;background:var(--eseblue);color:#333;padding:20px 40px;border-radius:10px;transition:0.3s;}
.button:hover{background:var(--eseyellow);color:#333;}
.button.outline{border:2px solid #fff;color:#fff;background:none;}
.button.outline:hover{border:2px solid #fff;background:#fff;color:var(--eseblue);}
.button.more{white-space:nowrap;}
.button.more span{display:inline-block;vertical-align:middle;width:10px;height:10px;border:3px solid #333;border-left:0;border-bottom:0;margin-left:10px;transform:rotate(45deg);transition:0.6s;}
.button.more:hover span{margin-left:30px;transform:rotate(405deg);border-color:#333;}
.button.outline.more:hover span{margin-left:30px;transform:rotate(405deg);border-color:var(--eseblue);}

.content-wrap{padding:80px 0;}
.content-wrap.wrap-gray{background-color:#f0f2f1;}

.parallax-wrap-a{padding:450px 0 0 0;background-size:cover;background-position:center;background-attachment:fixed;}
.padding-box{padding:60px;}

.member-box{display:inline-block;text-align:center;vertical-align:bottom;margin:0 20px 20px 0;width:150px}
.member-box-img{display:inline-block;width:150px;height:150px;background-size:cover;background-position:center;border-radius:100%;border:6px solid #fff;position:relative;top:5px;transition:0.3s;}
.member-box-title{display:block;color:#fff;height:50px;overflow:hidden;}
.member-box-shadow{display:inline-block;width:60%;filter:blur(3px);height:20px;border-radius:100%;background:rgba(0,0,0,0.2);transition:0.3s;}
.member-box:hover .member-box-img{top:-10px;}
.member-box:hover .member-box-shadow{width:80%;background:rgba(0,0,0,0.1);}
.member-box-list .member-box-title{color:var(--eseblue);}
.member-box-list .member-box-img{border:6px solid var(--eseblue);width:100%}
.member-box-list .member-box-title{height:70px;overflow:hidden;}

.pager{margin:10px 0;}

.news-block{background:#fff;display:block;margin-bottom:30px;height:100%;text-align:left;}
.news-block-img{display:block;width:100%;height:250px;background-size:cover;background-position:center;}
.news-block-text{padding:30px;}
.news-block-title{display:block;font-size:120%;margin-bottom:15px;}
.news-block-date{display:block;font-size:80%;margin-bottom:15px;font-style:italic;padding-left:20px;background:url(/images/layout/cal.png) no-repeat left;opacity:0.6;}
.news-block-lead{display:block;font-size:90%;color:var(--lighttext);margin-bottom:20px;}
.block-gray{background:#f0f2f1;}

.tiles-block-content{padding:20px;margin-bottom:30px;}
.tiles-block-content .tiles-thumb{display:block;width:100%;height:150px;background-size:contain;background-repeat:no-repeat;background-position:center;}
.tiles-block-title{display:block;font-size:80%;margin:5px 0;text-align:center;height:80px;overflow:hidden;}
.tiles-lead-block{display:block;font-size:90%;color:var(--lighttext);height:auto;overflow:hidden;text-align:center}
.tiles-lead-block p{margin:0}
.article-img{margin: auto;display: block;}
.article-img-members{border:6px solid var(--eseblue);border-radius:20px;box-shadow: 5px 10px 15px #888;max-width:300px}

.list-block-stories {margin-bottom: 2rem; padding-bottom: 2rem; padding-inline: 0; border-bottom: 1px solid var(--hr);}
.list-title{font-size:150%;margin-bottom: .25rem;display:block;font-weight: bold;}
.list-lead p{margin:5px 0;line-height:1.2}
.small.button{padding: .75em 1.25em;margin-top: 10px;}
.list-thumb{display:block;width:100%;height: 150px;background-size:contain;background-repeat:no-repeat;background-position:top}
.list-date, .date{font-size:80%;color:var(--lighttext);font-style:italic;}
.date{margin-bottom:30px;}

.input,.input-line, #captcha,#cse-ums-input{display:block;width:100%;border:2px solid #d6d6d6;background:#fff;padding:10px;line-height:1.2;color:#000;border-radius:3px;}
textarea.input,textarea.input-line{min-height:200px;}
.verr{border-left:2px solid red;}

.parallax-wrap-b{color:#fff;padding:150px 0;background-size:cover;background-position:center;background-attachment:fixed;}

.footer-wrap{font-size:80%;padding:20px 0;background:var(--eseyellow);color:#fff;}

.contact-table{border-collapse:collapse;border:0;}
.contact-table td{padding:5px 10px 5px 0;}
.contact-table img{height:20px;}

#scroll-top{position:fixed;bottom:90px;right:10px;display:none;width:50px;height:50px;padding-top:15px;border-radius:100%;border:4px solid var(--eseblue);z-index:300;text-align:center;}
#scroll-top span{display:inline-block;width:15px;height:15px;border:4px solid var(--eseblue);border-left:0;border-bottom:0;transform:rotate(-45deg);transition:0.5s;}
#scroll-top:hover span{transform: scaleX(-1) rotate(-45deg);}

.msg{padding:10px 20px;background:#222;color:#fff;text-align:center;margin:10px 0;border-radius:15px}
.uc{padding:20px 40px;font-size:150%;color:#888;text-align:center;}


.gal3-container{text-align:center;}
.gal3-thumb{display:inline-block;margin:5px;width:100px;height:66px;border-bottom:2px solid #b51e23}
.gal3-thumb:hover{border-bottom:2px solid #dc2a30}
.gal3-link{display:block;background-position:center;background-size:cover;opacity:0.8;width:100%;height:100%}
.gal3-link:hover{opacity:1}

.top-block{display: none;position: absolute;top: 40px;right: 0px;padding: 30px;background: var(--eseblue);color: #fff;text-align: left; z-index:200}
.top-block .cse-ums-submit{margin-top:10px;padding:10px 20px;background-color:var(--esered); color:#fff; border:none;border-radius:10px;}
.top-block .cse-ums-submit:hover{background-color:var(--esegreen);transition:0.3s}
.top-link .svg-icon{display: inline-block;vertical-align: middle;fill: #fff;width: auto;height: 25px;margin-left: 15px;opacity: 0.7;}
.top-overlay{display:none;position:fixed;z-index:90;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);}

.form-table td{padding:5px}
.red{color:red}
.form-table ul{list-style-type: none;}

#gmap{width:100%;height:500px}
.page-img{display:block;margin:10px auto 25px auto;border-radius:15px;box-shadow:0 0 10px 10px #ccc}

ol{padding-left:40px}

.download-attachments-container{margin-bottom:20px}
.download-attachments-link span{font-weight:bold;}
.download-attachments-info{font-size:70%;font-style:italic;color:#aaa}



#year-selector-wrap {position: relative;margin-left: 20px;display: inline-block;vertical-align: bottom;z-index: 1400;}
#year-selector-button{position: absolute;font-size:22px;left: 0px;height: 48px;cursor: pointer;padding-right: 21px;line-height: 1;color: #fff;top:-26px}
#year-selector-button::after{position:absolute;display:block;content:'';width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;transform: rotate(135deg);top: 6px;right: 3px;}
#year-selector-list {position: absolute;top: 90px;top:0px;font-size:26px;left: 0px; padding:10px;display: none;background-color: var(--eseyellow);line-height: 1;}
#year-selector-button:hover::after{transform: rotate(495deg);transition:0.5s}



#exit-btn{display:block;position:fixed;bottom:104px;left:0px;width:35px;height:50px;line-height:50px;text-align:center;background:var(--eseblue);color:#fff;font-size:10px;font-weight:bold;border-radius:0 20px 20px 0;z-index:1500;box-shadow:3px 4px 5px 0 rgba(0,0,0,0.2);}
#exit-btn:hover{background-color:var(--esered);}

/* conference forms*/
#form-container{margin:20px auto;border-radius:20px;border:2px solid #888;max-width:400px;}
#show-hide-forgot{border:none;margin:10px 0 20px 0}
#show-hide-head-forgot{font-size: 16px;padding: 0px;color:  var(--eseyellow);cursor: pointer;text-align:center;background-color:transparent;border:none;}
#show-hide-head-forgot:hover{color: var(--accent-blue);}
.form-title{background: var(--eseyellow);}

.submission-form label,
.submission-form .types-title,
.submission-form .author-affiliation,
.submission-form .author-cv {
	font-weight: 500;
    color: #444;
    margin-bottom: 6px;
}

.submission-form .input-line {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #d0d7de;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.4;
    transition: all 0.2s ease;
    background: #fff;
}

.submission-form .input-line:focus {
    outline: none;
    border-color: var(--eseblue);
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.15);
}

.submission-form textarea.input-line {
    min-height: 120px;
    resize: vertical;
}

.submission-form .field,
.submission-form .author-field {
    margin-bottom: 18px;
}

.submission-form .form-title {
    font-size: 20px;
    color: #1f2937;
    margin-bottom: 20px;
    padding-bottom: 8px;
    border-bottom: 2px solid #e5e7eb;
}

.submission-form .radio-block {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
	/*
    padding: 4px 8px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
	*/
}

.submission-form .radio-block label {
    display: inline;
    margin: 0;
    cursor: pointer;
}

.submission-form .radio-block-box {
    margin: 0;
    flex-shrink: 0;
}

.submission-form .radio-block:hover {
    background: #f8fafc;
}

.submission-form .button {
    background: var(--eseblue);
    color: #fff;
    border: 0;
    border-radius: 6px;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

.submission-form .button:hover {
    background: var(--eseyellow)
}

#captcha-label {
	display:inline;
}


#captcha-refresh:hover{color:var(--eseyellow);}
.form-table input[type="text"], .form-table input[type="password"], .form-table textarea,.input-line{padding:4px;border:1px solid #ADADAD;background:#F5F1E8;}
#captcha {
    width: 130px;
}
#captchaimage {
    height: 44px;
    width: 130px;
    border:none;
    text-align: center;
    font-size: 11px;
}

.return-msg {
    font-size: 18px;
}

.return-msg.red{
    color: red
}

.return-msg.green{
    color: green;
}





@media (min-width: 768px) { /*sm*/
	
}
@media (min-width: 992px) { /*md*/
	.eq-height {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
	.parallax-wrap-a{padding:0;}
}
@media (min-width: 1200px) { /*lg*/
	.slider-part{padding:200px 0;}
	.slider-part-short{padding:60px 0;}
	.top-icons{right:15px;}
}
@media (min-width: 1500px) { /*xl*/
	
}