@charset "utf-8";
*{ margin: 0; padding: 0; scroll-behavior: smooth; }

:root { 
	font-size: 16px; 
	--color-red: #DC2D27; 
	--color-red-light: #ed3737; 
	--color-yellow: #FCD116;
	--color-yellow-light: #FFE05A;
	--color-black: #030925;
	--color-blue: #0000FF;
	--color-white: #ffffff;
	--color-light-grey: #E1E1E1;
	--color-light-grey2: #F2F2F2;
	--color-green: #31B404;
	--main-font: 'Work Sans', sans-serif;
	--sub-font: 'Caveat', cursive;
	--min-width: 1350px;
	/* transition: all 0.3s ease; */
}
header, section, aside, nav, article {
	display: block;
	height: 0px;
}
img{
	behavior: url("iepngfix.htc");
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

body { font-family: var(--main-font); margin: 0; color: var(--color-black); font-size: 1rem; font-weight: normal; background-color: #fff; line-height:1.5; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0px; line-height: 1; }

h1 { font-size: 5rem; color:var(--color-red); margin-bottom: 3.125rem; line-height: 0.8; }
h1 span { font-family: var(--sub-font); color: var(--color-black); font-size: 0.75em; display: block; }
h2 { font-size: 3.125rem; }
h3 { font-size: 2.2rem; color: var(--color-red); }
h4 { font-size: 1.25rem; }

img { Behavior: url("iepngfix.htc"); max-width: 100%; height: auto; border: none; outline: none; 
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
select, textbox, input, textarea { width: 100%; padding: 1rem 20px; margin-bottom: 1rem; line-height: 1; font-size: 1rem; border: solid 1px var(--color-light-grey); box-sizing: border-box; border-radius: 2rem; font-family: var(--main-font); }
textarea { resize: none; height: 180px; }
li { margin-left: 20px; padding-left: 10px; }
	body.subpage li { margin-left: 18px; padding-left: 15px; }
a { text-decoration: none; }
a:link { color: var(--color-red); text-decoration: none; }
a:visited { color: var(--color-red); text-decoration: none; }
a:hover, a:active, a:focus { color: var(--color-black); }
	a.read-more { color: #ffaf22; font-size: 13px; padding: 10px 30px; border-radius: 3px; text-decoration: none; font-weight: 500; display: inline-block; *display: inline; zoom: 1; border: solid 1px #ffaf22; }
	a.orange-button { margin-top: 20px; background-color: #ffaf22; color: #fff; font-size: 13px; padding: 10px 20px; letter-spacing: 2px; border-radius: 3px; text-decoration: none; font-weight: 500; display: inline-block; *display: inline; zoom: 1; }
	body.subpage a{ text-decoration: underline;}
a img { border: none; }
a.btn-yellow, .btn-yellow { background-image: linear-gradient(to right, var(--color-yellow), var(--color-yellow-light)); border-radius: 2.5rem; padding: 1.1rem 4rem; font-weight: 500; font-size: 1.125rem; display: inline-block; *display: inline; zoom: 1; border: none; color: var(--color-black); line-height: 1; }
	a.btn-yellow:hover, .btn-yellow:hover { background-image: none; background-color: var(--color-red); color: var(--color-white); text-decoration: none; }
.btn-red { background-color: var(--color-red); border-radius: 2.5rem; padding: 1.1rem 4rem; font-weight: 500; font-size: 1.125rem; display: inline-block; *display: inline; zoom: 1; border: none; color: var(--color-white) !important; }
.btn-red:hover { background-color: var(--color-yellow); color: var(--color-black) !important; }
input[type="button"].btn-yellow { padding: 1.1rem 3rem; width: auto; cursor: pointer; }
a.btn-black { background-color: var(--color-black); color: var(--color-white); border-radius: 2.5rem; padding: 1.1rem 1.5rem; font-weight: 500; font-size: 1.125rem; display: inline-block; *display: inline; zoom: 1; }
a.btn-black:hover { background-color: var(--color-yellow); color: var(--color-black); text-decoration: none; }

a.btn-border-red { border-radius: 2.5rem; border: solid 3px var(--color-red); color: var(--color-red); padding: 1rem 5.5rem 1rem 4rem; font-weight: 600; font-size: 1.125rem; display: inline-block; *display: inline; zoom: 1; background-image: url(themes/arrow-right.png); background-repeat: no-repeat; background-position: right 3rem center; background-size: 2rem; }
a.btn-border-red:hover { text-decoration: none; }

#webdesign { color: #ccc; font-weight: 400; margin-top: 0.5rem; font-size: 0.9rem; }

ul { text-align: left; }

strong { font-weight: 600; }

table { margin: auto; }
table td { padding: 1rem; box-sizing: border-box; }

.mobile { display: none; }
.wrapper { width: var(--min-width); max-width: 100%; margin: auto; }
	#main-content .content > .wrapper { padding: 80px 30px; }
	#main-content .content > .wrapper p { text-align: justify; }
	.inner #main-content .wrapper { padding: 6rem 80px; box-sizing: border-box; }
	.inner #main-content .content { text-align: center; }
	.terms-conditions #main-content .content, .privacy-policy #main-content .content { text-align: justify; }
	.terms-conditions #main-content .content h1, .privacy-policy #main-content .content h1 { text-align: center; }
.tbErrors { color: var(--color-red); margin-bottom: 1rem; }
.tbSuccess { color: var(--color-green); margin-bottom: 1rem; }

/* 	========================
	HEADER 
	======================== */
	#header-holder { transition: top 0.8s linear; background-color: #fff; }
	#header-holder .wrapper { display: flex; flex-direction: row; }
	#header-holder .contact { padding-top: 1.25rem; display: flex; flex-direction: row; align-items: center; }
	#header-holder .contact > div { display: flex; align-items: center; }
	#header-holder .contact > div > div { display: flex; }
	#header-holder .contact > div > div:first-child { }
	#header-holder .contact a { text-decoration: none; color: var(--color-red); margin-left: 10px; display: inline-block; font-weight: 500; line-height: 34px; vertical-align: top; }
	#header-holder .contact a.btn-red { color: var(--color-white); padding: 0.5rem 2rem; margin-right: 10px; font-size: 1rem; }
	#header-holder .contact a:hover { color: var(--color-black); }
	#header-holder .contact img { margin-left: 1.875rem; }
	#header-holder .contact img:first-child { margin-left: 0px; }
	
	
	body.overlay #header-holder { position: fixed; top: 0px !important; width: 100%; z-index: 1000; border-bottom: solid 1px var(--color-light-grey); }
	body.overlay #header-holder #logo { padding: 10px 0px; flex-shrink: 0; }
	body.overlay #logo a, body.overlay #logo a img { height: 78px; width: auto !important; width: initial !important; }
	body.overlay #header-holder .contact { font-size: 0.8rem; padding-top: 10px; }
	
	body.overlay #header-holder .contact img { width: 20px; height: 20px; }
	body.overlay #header-holder .contact a { line-height: 20px; }
	body.overlay #header-holder #menu { margin-top: 10px; font-size: 0.9rem; }
	body.overlay #header-holder #menulist > li:last-child a { padding: 0.5rem 2rem; }
	body.overlay #banner-zone { margin-top: 140px; }
	body.overlay #menu ul ul { padding-top: 17px; }
	
	/*
	#header-holder .contact a.social-media { margin-left: 8px; margin-right: 0px; }
	#header-holder .contact a.social-media img { top: 0px; }
	*/

	#logo { padding: 1.25rem 0rem; }
	#logo a, #logo a img { display:block; margin: auto; height: 100px; }
	
	#topmenu { display: flex; flex-direction: column; align-items: flex-end; margin-left: 15px; text-align: right; flex-grow: 1; }
	
	#menu { margin-top: 1rem; padding-left: 1.25rem; width: 100%; box-sizing: border-box; }
	#menu ul li { flex-grow: 1; }
	#menu ul li:last-child { flex-grow: 0; }
	#menulist > li:last-child a { background-color: var(--color-yellow); border-radius: 1.5rem; padding: 0.625rem 3rem; margin-left: 5rem; color: var(--color-black); }
	#menulist > li:last-child a:hover { background-color: var(--color-red); color: var(--color-white); }
	
	#mobile-menu { display: none; width: 100%; }
	.slicknav_btn { background-color: var(--color-yellow) !important; border-radius: 20px; font-size: 1.1rem; }
	.slicknav_btn:hover { background-color: var(--color-red) !important; }
	.slicknav_btn:hover .slicknav_menutxt { color: var(--color-white) !important; }
	.slicknav_btn:hover .slicknav_icon-bar { background-color: var(--color-white) !important; }
	
	
	.slicknav_nav ul, .slicknav_nav li { background-color: var(--color-yellow) !important;}
	#mmenulist { display: none; }
	.slicknav_nav a { text-transform: uppercase; }
	
/* 	========================
	BANNER 
	======================== */
	#banner-zone{ width: 100%; position: relative; overflow: hidden; z-index: 0; }
	#banner-contant{ width: 100%; margin: 0 auto; position: relative; z-index:1; }
	
	.nivo-caption { opacity: 1 !important; }
	.nivo-caption p { text-shadow: 0px 0px 10px var(--color-white); }
	.nivo-caption h2.dark { color: var(--color-white); text-shadow: 0px 0px 10px var(--color-black); }
	.nivo-controlNav { bottom: 2rem; position: absolute; z-index: 20; width: 100%; }
	.nivo-controlNav a { background-image: url(themes/bullet.png); background-repeat: no-repeat; height: 23px; width: 23px; margin: 5px; text-indent: 2000px; display: inline-block; background-size: 85%; }
	.nivo-controlNav a.active { background-image: url(themes/bullet-active.png); }
	.nivoSlider, .nivo-slice { height: 100% !important; }


/* 	========================
	CONFERENCE INFO 
	======================== */
	#conference-info { max-width: 72%; width: 750px; margin: auto; display: flex; flex-direction: row; background-color: var(--color-yellow); font-size: 1.56rem; font-weight: 500; line-height: 1; text-align: center; border-radius: 50px 0px; position: relative; margin-top: 6rem; /* box-shadow: 1px 3px 12px rgba(0,0,0,0.3); */ box-shadow: 0 4px 3px 1px #fcfcfc, 0 6px 8px #d6d7d9, 0 -4px 4px #cecfd1, 0 -6px 4px #fefefe, inset 0 0 3px 0 #cecfd1; border: 1px solid #8F9092; background-image: linear-gradient(to top, var(--color-yellow) 0%, var(--color-yellow-light) 80%, var(--color-yellow) 100%);}
	#conference-info > div { padding: 20px; flex: 1; display: flex; align-items: center; }
	#conference-info > div > div { flex-grow: 1; }
	#conference-info .venue { background-color: var(--color-red); linear-gradient(to top, var(--color-red) 0%, var(--color-red-light)80%, var(--color-red) 100%); color: var(--color-white); flex: 1.2; border-radius: 50px 0px 0px 0px; } 
	#conference-info .venue a { margin-top: 1rem; }
	#conference-info .date { padding-right: 0px; }
	#conference-info .date > div { border-right: solid 1px var(--color-white); padding: 20px 40px 20px 20px; }
	#conference-info .date span, #conference-info .countdown span { font-size: 5rem; font-weight: 600; display: block; }
	#conference-info .countdown { }
	#conference-info .countdown span.live { font-size: 1.56rem; font-weight: 700; }
	
	#h-about-icass { font-size: 1.375rem; text-align: center; width: 1000px; margin: 6.25rem auto; max-width: 100%; }
	#h-about-icass a.btn-yellow { margin: 3.125rem 0.5rem 0px 0.5rem; width: 12rem; padding: 1.1rem 2rem; }
	
	
	
/* 	========================
	HOME-SPEAKERS 
	======================== */
	#h-speakers { text-align: center; padding-bottom: 6.25rem; position: relative; }
	#h-speakers::after { content: ""; background-color: var(--color-light-grey2); clip-path: polygon(0 38%, 100% 64%, 100% 100%, 0% 100%); position: absolute; left: 0px; width: 100%; height: 100%; bottom: 0px; z-index: 0; }
	#h-speakers .wrapper { position: relative; z-index: 1; }
	#h-speakers .list { display: flex; width: 100%; margin: auto auto 3.125rem auto; justify-content: center; }
	#h-speakers .list > div { flex-grow: 1; flex: 1; width: 25%; margin-right: 10%; background-size: cover; display: flex; align-items: flex-end; justify-content: center; position: relative; border-radius: 1.8rem; overflow: hidden; max-width: 300px; }
	#h-speakers .list > div:last-child { margin-right: 0px; }
	#h-speakers .list > div::after { content: ""; display: block; position: absolute; left: 0px; width: 100%; height: 25%; bottom: 0px; background-image: url(themes/title-bg.png); background-size: contain; }
	#h-speakers .list > div h4 { color: var(--color-white); padding: 1.5rem 20px; position: relative; z-index: 1; }
	#h-speakers .list:after { content: ""; clear: both; display: block; }
	
	
	
/* 	========================
	SPEAKERS 
	======================== */
	#speakers { box-shadow: 0px 0px 2rem rgb(0 0 0 / 10%); }
	#speakers .list { border: solid 1px var(--color-light-grey); }
	#speakers .list > div { display: flex; width: 100%; padding: 3.125rem; border-bottom: solid 1px var(--color-light-grey); box-sizing: border-box; }
	#speakers .list > div:last-child { border-bottom: 0px; }
	#speakers .list > div .image { width: 200px; flex-shrink: 0; }
	#speakers .list > div .image img { width: 100%; display: block; }
	#speakers .list > div .info { text-align: left; padding-left: 3.125rem; text-align: justify; }
	#speakers .list > div .info .uni { color: var(--color-blue); font-weight: bold; margin-bottom: 1rem; margin-top: 5px; }
	

/* 	========================
	COMMITTEE 
	======================== */	
	#committee .organising_committees { }
	#committee h3 { margin-bottom: 1rem; color: var(--color-black); width: 100%; }
	#committee .organising_committees .list { max-width: 900px; margin: auto; }
	#committee .organising_committees .item { display: flex; }
	#committee .organising_committees .item > div { padding: 10px 0px; text-align: left; }
	#committee .organising_committees .item > div:first-child { width: 300px; text-align: left; padding-right: 1rem; flex-shrink: 0; }
	#committee .organising_committees .item > div:last-child { font-style: italic; }
	
	#committee > div { margin-top: 3.125rem; }
	#committee > div:first-child { margin-top: 0px; }
	#committee .scientific_committees .list, #committee .postgraduate_student_helpers .list { display: flex; flex-wrap: wrap; max-width: 900px; margin: auto; }
	#committee .scientific_committees .item, #committee .postgraduate_student_helpers .item { display: flex; width: 300px; }
	#committee .scientific_committees .item > div, #committee .postgraduate_student_helpers .item > div { padding: 10px 0px; text-align: left; }
	#committee .scientific_committees .item > div:first-child, #committee .postgraduate_student_helpers .item > div:first-child { text-align: left; padding-right: 1rem; flex-shrink: 0; }
	#committee .scientific_committees .item > div:last-child, #committee .postgraduate_student_helpers .item > div:last-child { font-style: italic; }
	
	
/* 	========================
	PROGRAMME 
	======================== */
	#programme-list { padding: 7.5rem 0rem; }
	#programme-list .wrapper { text-align: center; }
	
	#programme { box-shadow: 0px 0px 2rem rgb(0 0 0 / 10%); }
	
	#programme #tab-category, #tab-category { display: flex; border-bottom: solid 5px var(--color-yellow); }
	#programme #tab-category > div, #tab-category > div { flex-grow: 1; text-align: center; border: solid 1px var(--color-light-grey);border-left: none; border-bottom: none; }
	#programme #tab-category > div:first-child, #tab-category > div:first-child { border-left: solid 1px var(--color-light-grey); }
	#programme #tab-category > div.active, #programme #tab-category > div:hover, #tab-category > div.active, #tab-category > div:hover { background-color: var(--color-yellow); border: solid 1px var(--color-yellow); }
	#programme #tab-category > div a, #tab-category > div a { color: var(--color-black); padding: 1rem 3.125rem; display: block; line-height: 1; }
	#programme #tab-category > div h3, #tab-category > div h3 { font-size: 1.8rem; color: var(--color-black); line-height: 1.2; }
	#programme #tab-list { border: solid 1px var(--color-light-grey); border-top: none; }
	#programme #tab-list > div { display: none; }
	#programme #tab-list > div.show { display: block; }
	#programme #tab-list > div > div { border-bottom: solid 1px var(--color-light-grey); border-top: none; display: flex; }
	#programme #tab-list > div > div.venue { background-color: var(--color-red); color: var(--color-white); border: solid 1px var(--color-red); }
	#programme #tab-list > div > div:last-child { border-bottom: none; }
	#programme #tab-list > div > div > div { padding: 2rem 3.125rem; }
	#programme #tab-list > div > div .time { width: 120px; flex-grow: 0; flex-shrink: 0; }
	#programme #tab-list > div > div .time img { width: 35px; }
	#programme #tab-list > div > div .time p { text-align: center; }
	#programme #tab-list > div > div .info { padding-left: 0px; display: flex; flex-grow: 1; align-items: flex-start; flex-direction: column; justify-content: center; overflow: hidden; }
	#programme #tab-list > div > div .info h4 { text-align: left; }
	#programme #tab-list > div > div .info .duration { color: var(--color-blue); font-weight: 600; }
	
	#programme .list .item .desc { margin-top: 1rem; overflow-x: auto; max-width: 100%; }
	#programme .list .item .desc table { border-collapse: collapse; background-color: var(--color-light-grey2); }
	#programme .list .item .desc table td { padding: 10px; border: solid 1px var(--color-light-grey); line-height: 1.2; }
	#programme .list .item .desc table td:nth-child(2) { text-align: left; }
	#programme .list .item .desc table td:first-child { width: 140px; }
	#programme .list .item .desc table td[rowspan="6"]:last-child { color: var(--color-blue); width: 90px;}
	
	.scrollnote { display: none; text-align: left; }
	.scrollnote .red { color: var(--color-red); }
	
/* 	========================
	REGISTER 
	======================== */
	.register .content ul.col { display: flex; flex-wrap: wrap; width: 750px; max-width: 90%; margin: auto; }
	.register .content ul.col li { width: 160px; margin-right: 2rem; flex-grow: 1;  }
	.register a.btn-yellow { width: 375px; max-width: 100%; padding: 1.1rem 2rem; }
	
/* 	========================
	IMPORTANT DATES 
	======================== */
	table.icass { border-collapse: collapse; border: solid 1px var(--color-light-grey); box-shadow: 0px 0px 2rem rgb(0 0 0 / 10%); max-width: 750px; width: 100%; text-align: left; }
	table.icass th { padding: 1rem; background-color: var(--color-yellow); }
	table.icass tr { border-bottom: solid 1px var(--color-light-grey); }
	table.icass tr td:first-child { width: 165px; }
	table.icass tr td:last-child { text-align: left; }
	
	.sponsorship-opportunity #sponsor-packages { overflow-x: auto; }
	.sponsorship-opportunity table.icass th {text-align: center; }
	.sponsorship-opportunity table.icass th:first-child { text-align: left; min-width: 260px; }
	.sponsorship-opportunity #contact-form { background-color: var(--color-light-grey2); }
	.sponsorship-opportunity #contact-form .wrapper { padding-top: 6rem !important; }

/* 	========================
	SIDEBAR
	======================== */
	#sidebar { position: fixed; z-index: 2999; right: 0px; top: 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); transform-origin: right bottom 0; display: flex; transition: 1s; border: 1px solid var(--color-yellow); }
	#sidebar .item a { display: inline-block; zoom: 1; font-size: 1rem; padding: 5px 20px; background-color: var(--color-yellow); color: var(--color-black); border-right: none; transition: .1s; line-height: 40px; letter-spacing: .5px; }
	#sidebar .item a:hover { background-color: var(--color-red); color: var(--color-white); }
	
/* 	========================
	SPONSOR 
	======================== */
	#sponsor { background-image: url(themes/organiser-bg.webp); background-size: cover; background-position: top; padding: 7.5rem 0rem; text-align: center; }
	#sponsor h1 { margin-bottom: 0px; }
	#sponsor .initiator .item { width: 550px; max-width: 100%; margin: 0rem auto; }
	
	#sponsor .sect2 { text-align: center; display: flex; flex-direction: row; margin-top: 5rem; }
	#sponsor .sect2 > div { flex: 1; }
	#sponsor .sect2 > div:first-child { display: flex; flex-direction: row; width: 50%; }
	#sponsor .sect2 > div:first-child > div { width: 50%; }
	#sponsor .item { padding: 2rem 1rem 0rem 1rem; width: 25%; box-sizing: border-box; }
	#sponsor .item img { width: 100%; display: block; box-shadow: 0px 0px 15px #ddd; }
	#sponsor .list .item { }
	#sponsor .supporters .list { display: flex; flex-direction: row; flex-wrap: wrap;  }
	#sponsor .supporters .list .item { width: 50%; padding: 2rem 1rem 0rem 1rem; }
	#sponsor .organiser .list .item, #sponsor .coorganiser .list .item { padding: 2rem 1rem 0rem 1rem; width: 100%; }
	
	#sponsor .sponsor { margin-top: 5rem; }
	#sponsor .sponsor .list { display: flex; justify-content: center; flex-wrap: wrap; }
	

/* 	========================
	YOUTUBE
	======================== */
	#youtube.wrapper { padding-bottom: 5rem; }
	#youtube .list { margin-left: -1.5%; margin-right: -1.5%; display: flex; flex-wrap: wrap; justify-content: center; }
	#youtube > div > div { width: 30%; margin:0px 1.5% 2rem 1.5%; text-align: center; }
	#youtube > div > div iframe { width: 100%; height: 228px; }
	#youtube > div > div:nth-child (3n+0) { margin-right: 0px; }
	

/* 	========================
	GALLERY 
	======================== */	
	.inner #gallery .wrapper { padding:0px 0px 3rem 0px; padding-top: 0px !important; }	
	.inner.gallery.photos #gallery .wrapper { padding-top: 6rem !important; }
	#gallery #tab-category { margin-bottom: 3rem; }
	#gallery .list { display: flex; flex-wrap: wrap; width: 102.33%%; margin-left: -1.15%; margin-right: -1.15%;}
	#gallery .list .album-cover, #gallery .list .item { display: flex; flex-direction: column; width: 31%; margin-left: 1.16%; margin-right: 1.16%; box-sizing: border-box; }
	#gallery .wrapper > .venue { margin: 0.5rem 0px 2rem 0px; }
	#gallery .list .info { margin-bottom: 3.125rem; }
	#gallery .date_wrapper { display: flex; align-items: center; margin-top: 1rem; }
	#gallery .date_wrapper span { margin: 0px 10px; }
	#gallery .date { background-color: var(--color-yellow); padding: 6px; width: 138px; text-align: center; }
	
	#gallery .title { margin: 25px 0px; }
	.album-cover div.img { width: 100%; height: 220px; margin-bottom: 1rem; overflow: hidden; position: relative; }
	.album-cover a { display: block; overflow: hidden; height: 100%; }
	.album-cover a:hover img { transform: scale(1.15); }
	.album-cover img { padding: 0px !important; border: none; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; width: 100%; margin: auto; zoom: 1; transition: transform 1s; }
	.album-cover p { margin-top: 10px !important; font-weight: 400; line-height: 1.2; min-height: 40px; }
	.album-cover.first { clear: both; }
	.album-cover.album-photos-last { margin-right: 0px; }
	div.pp_default .pp_content { width: 100% !important; }
	.pp_gallery li { margin: 0px 10px 0px 0px !important; padding: 0px !important; }
	
	.mfp-bg { background-color: var(--color-white) !important; opacity: 1 !important; }
	.mfp-counter { color: var(--color-black) !important; font-size: 1rem !important; }
	.mfp-arrow-right { right: 2rem !important; }
	.mfp-arrow-left { left: 2rem !important; }
	.mfp-figure:after { background: none; }
	
/* 	========================
	CONTACT 
	======================== */
	#contact-form .wrapper { padding-top: 0px !important; }
	#contact-form h3 { margin-bottom: 1rem; }
	#contact-form #tbContactform { max-width: 650px; margin: auto; box-shadow: 0px 0px 2rem rgb(0 0 0 / 10%); padding: 3.125rem; background-color: var(--color-white); }
	#contact-form #tbContactform table { width: 100%; }
	#contact-form #tbContactform table td { padding: 0px; }
	
	
	
/* 	========================
	FOOTER 
	======================== */
	#footer { background-color: var(--color-black); padding: 35px 0px; }
	#footer .wrapper { display: flex; flex-direction: row; }
	#footer .copyright { color: var(--color-white); }
	#footer .copyright span { color: var(--color-yellow); }
	#footer .copyright a { color: var(--color-yellow); text-decoration: none; }
	#footer .copyright a:hover { text-decoration: underline; }
	
	#footer div.f-menu2 { display: inline-block; *display: inline; zoom: 1; flex-grow: 1; text-align: right; }
	#footer div.f-menu2 ul { display: inline-block; *display: inline; zoom: 1; text-align: center; }
	#footer div.f-menu2 ul li { display: inline-block; *display: inline; zoom: 1; padding-left: 20px; margin-left: 20px; border-left: solid 1px #b9b9b9; line-height: 1; }
	#footer div.f-menu2 ul li:first-child { border-left: none; padding-left: 0px; margin-left: 0px; }
	#footer div.f-menu2 ul a { color: var(--color-white); text-decoration: none; }
	#footer div.f-menu2 ul a:hover { color: var(--color-yellow); }
	
	/*
	#footer div.f-menu1 { text-align: center; margin-top: 15px;  }
	#footer div.f-menu1 ul { }
	#footer div.f-menu1 ul li { display: inline-block; *display: inline; zoom: 1; margin: 0px 15px; }
	#footer div.f-menu1 ul li a { color: #ffffff; font-size: 14px; font-weight: normal; text-decoration: none; }
	#footer div.f-menu1 ul li a:hover, #footer div.f-menu ul li a.active { color: #ffaf22; }
	*/

	/*
	#footer .social-media { float: right; }
	#footer .social-media a { background-repeat: no-repeat; width: 36px; height: 34px; display: inline-block; *display: inline; zoom: 1; text-decoration: none; }
	#footer .social-media a.youtube { background-image: url(themes/icon-youtube-f.png);  }
	#footer .social-media a.youtube:hover { background-image: url(themes/icon-youtube-f-hover.png); }
	*/
	#footer .social-media { display: flex; flex-grow: 0; margin-top: 10px; justify-content: flex-end; }
	#footer .social-media > a { margin-left: 10px; background-size: cover; width: 30px; height: 30px; display: block; }
	#footer .social-media a.fb { background-image: url(themes/icon-fb.png);  }
	#footer .social-media a.fb:hover { background-image: url(themes/icon-fb-hover.png); }
	#footer .social-media a.instagram { background-image: url(themes/icon-instagram.png);  }
	#footer .social-media a.instagram:hover { background-image: url(themes/icon-instagram-hover.png);  }
	


/* 	========================
	RESPONSIVE 
	======================== */
	@media only screen and (max-width: 1450px) {
		.wrapper { padding: 0px 30px; width: auto !important; width: initial !important; }
		.inner #gallery .wrapper { padding-left: 30px; padding-right: 30px; padding-bottom: 1rem; }
	}
	@media only screen and (max-width: 1350px) {
		:root { font-size: 15px; }
		#menu a, #menu a:visited { margin-left: 2rem; }
		#menulist > li:first-child a { margin-left: 0px; }
		#menulist > li:last-child a { margin-left: 2rem; }
		
		#conference-info { margin-top: 5rem; }
		#h-about-icass { margin: 4.5rem auto 6rem auto; }
		
		.nivo-caption { box-sizing: border-box; }
		.nivo-prevNav { left: 20px !important; }
		.nivo-nextNav { right: 20px !important; }
		
		#programme #tab-list > div > div > div { padding: 2rem; }
		#programme .list .item .desc table td:first-child { width: 130px; }
		#programme .list .item .desc table td:last-child { width: 82px; }
		
		#sponsor .organiser .list .item, #sponsor .coorganiser .list .item { padding:2rem 5% 0rem 5%; }
		#sponsor .supporters .list .item { padding: 2rem 2.5% 0rem 2.5%; }
		
		.register a.btn-yellow { width:350px; }
	}
	@media only screen and (max-width: 1240px) {
		h1 { font-size: 3.5rem; }
		h2 { font-size: 2.5rem; }
		h3 { font-size: 1.5rem; }
		
		.nivo-controlNav { bottom: 1rem; }
		.nivo-controlNav a { width: 20px; height: 20px; }
		
		#h-about-icass { font-size: 1.2rem; }
		
		#conference-info { font-size: 1.2rem; }
		#conference-info .date span, #conference-info .countdown span { font-size: 4rem; }
		
		#sponsor { padding: 6rem 0rem; }
		#sponsor .sect2, #sponsor .sponsor { margin-top: 3rem; }
		#sponsor .initiator .item { width: 450px; }
		
		#programme-list { padding: 6rem 0rem; }
		#programme #tab-category > div h3, #tab-category > div h3 { font-size: 1.5rem; }
		
		#h-speakers .list > div h4 { padding: 1rem 20px; }
		
		#footer { font-size: 0.9rem; }
	}
	@media only screen and (max-width: 1024px) {
		:root { font-size: 14px; }
		.nivo-caption { padding-bottom: 0px; }
		.nivo-directionNav a { width: 40px !important; height: 40px !important; }
		
		#header-holder .wrapper { flex-direction: column; }
		#logo { padding: 10px 0px 0px 0px; }
		#logo a, #logo a img { height: 68px !important; width: auto !important; width: initial !important; }
		#header-holder .contact { font-size: 0.8rem; padding-top: 0px; }
		#header-holder .contact > div { flex-direction: column; } 
		#header-holder .contact > div a { margin-bottom: 10px; }
		#header-holder .contact a.btn-red { margin-right: 0px; }
		#header-holder .contact img { width: 20px; height: 20px; }
		#header-holder .contact a { line-height: 20px; }
		#topmenu { margin-left: 0px; margin-bottom: 10px; position: relative; margin-top: -70px; }
		.overlay #topmenu { margin-top: -90px; }
		#header-holder #menu { margin-top: 10px; padding-left: 0px; }
		#menu a, #menu a:visited { margin-left: 1.5rem; }
		
		.register a.btn-yellow { width:330px; } 
		
		.inner #main-content .wrapper { padding: 5rem 50px; }
		.inner.gallery.photos #gallery .wrapper { padding-top: 5rem !important; }
		
		#contact-form .wrapper { padding: 0px 30px 5rem 30px !important; }
		
		#sidebar .item a { padding: 0px 20px; }
		
		#conference-info { max-width: 85%; margin-top: 3.5rem; flex-wrap: wrap; } 
		
		#h-about-icass { margin: 3rem auto 5rem auto; }
		#h-about-icass a.btn-yellow { margin-top: 2rem; }
		
		#h-speakers { padding-bottom: 5rem; }
		#h-speakers .list > div { margin-right: 3.125rem; }
		#speakers .list > div { padding: 3rem 2rem; }
		#speakers .list > div .image { width: 25%; }
		#speakers .list > div .info { padding-left: 2rem; }
		
		table.icass tr td:first-child { width: 150px; }
		
		#programme-list { padding: 5rem 0rem; }
		#programme #tab-list > div > div > div { padding: 1rem 0.8rem; }
		#programme #tab-list > div > div .time { width: 100px; }
		#programme .list .item .desc table td:first-child { width: 120px; min-width: 120px; }
		#programme .list .item .desc table td:last-child { min-width: 80px; }
		
		#committee .organising_committees .item > div:first-child {width: 230px; }
		#committee .scientific_committees .item, #committee .postgraduate_student_helpers .item { width: 33%; }
		
		#sponsor .sect2, #sponsor .sponsor { margin-top: 2rem; }
		#sponsor { padding: 5rem 0rem; }
		#sponsor .item { padding: 1rem 0.5rem 0rem 0.5rem; }
		#sponsor .initiator .item { width: 350px; }
		
		#contact-form #tbContactform { padding: 3rem 2rem; }
    }
	
    @media only screen and (max-width: 820px) { 
		.scrollnote { display: block; }
	
		#gallery .list .album-cover, #gallery .list .item { width: 47.7%; margin-left: 1.15%; margin-right: 1.15%; }
		#gallery .list .info { margin-top: 0.5rem; }
		#gallery .list .info h1 { height: auto !important; height: initial !important; }
	}
    @media only screen and (max-width: 768px) { 
		h1 { font-size: 2.5rem; margin-bottom: 2rem; }
		h2 { font-size: 1.8rem; }
		h3 { font-size: 1.2rem; }
		a.btn-yellow { font-size: 1rem; padding: 1rem 3rem; }
		a.btn-border-red { font-size: 1rem; padding: 0.9rem 4.2rem 0.9rem 3rem; background-position: right 2rem center; }
		
		.nivo-directionNav a { width: 30px !important; height: 30px !important; }
		
		#menu { display: none; } 
		#mobile-menu { display: block; margin-top: 20px; }
		#logo { position: absolute; top: 10px; left: 30px; z-index: 100; }
		#logo a, #logo a img { height: 78px !important; }
		body.overlay #header-holder #logo { padding-bottom: 0px; }
		
		#topmenu { margin-top: 0px; }
		.overlay #topmenu { margin-top: 0px; }
		
		.inner #main-content .wrapper { padding: 4rem 35px; }		
		.inner.gallery.photos #gallery .wrapper { padding-top: 4rem !important; }
		#contact-form .wrapper { padding: 0px 35px 4rem 35px !important; }
		
		#sidebar .item a { line-height: 30px; }
		
		.register a.btn-yellow { width:300px; }
		
		#header-holder .contact { padding-top: 10px; font-size: 0.9rem; }
		#header-holder .contact > div { flex-direction: row; }
		#header-holder .contact a.btn-red { margin-right: 10px; margin-bottom: 0px; }
		#header-holder .contact > div a { margin-bottom: 0px; }
		#header-holder .wrapper { flex-direction: row; position: relative; }
		
		#conference-info > div { flex: initial !important; width: 50%; box-sizing: border-box; }	
		#conference-info .venue { width: 100%; }
		
		#h-about-icass { font-size: 1rem; margin: 3rem auto 4rem auto; }	
		
		#h-speakers { padding-bottom: 4rem; }
		#h-speakers .list { display: block; margin-bottom: 2rem; }
		#h-speakers .list > div { width: 100% !important; margin: 0px auto 2rem; }		
		#h-speakers .list > div:last-child { margin: 0px auto; }
		
		#speakers .list > div { flex-direction: column; align-items: center; }
		#speakers .list > div .image { margin-bottom: 2rem; width: 200px; max-width: 80%; }
		#speakers .list > div .info { padding-left: 0px; }
		#speakers .list > div .info h4, 
		#speakers .list > div .info .uni { text-align: center; }
		
		#sponsor { padding: 4rem 0px; }
		#sponsor .item { padding: 2rem 2.5%  0rem 2.5% }
		#sponsor .sect2 { flex-direction: column; margin-top: 2rem; }
		#sponsor .sect2 > div:first-child { flex-direction: column; align-items: center; }
		#sponsor .sect2 .coorganiser { margin-top: 2rem; }
		#sponsor .sect2 .organiser .list, #sponsor .sect2 .coorganiser .list { display: flex; }
		#sponsor .organiser .list .item, #sponsor .coorganiser .list .item { padding: 2rem 2.5%  0rem 2.5%; flex-grow: 1; }
		
		
		#sponsor .sect2 .supporters { margin-top: 2rem; }
		
		#sponsor .supporters .list { justify-content: center; }
		
		#sponsor .sect2 > div:first-child { width: 100%; }
		#sponsor .sect2 > div:first-child > div { width: 100%; }
		
		#sponsor .sect2 .supporters { margin-top: 2rem; }
		#sponsor .sponsor .list { flex-wrap: wrap; }
		#sponsor .sponsor .list .item { width: 50%; box-sizing: border-box; }
		
		#youtube.wrapper { padding-bottom: 30px; }
		#youtube .list { flex-direction: column; margin: 0px 0px; }
		#youtube > div > div { width: 100%; margin: 0px 0px 2rem 0px; }
		
		#programme-list { padding: 4rem 0rem; } 
		#programme #tab-category > div h3, #tab-category > div h3 { font-size: 1.2rem; }
		#programme #tab-category > div a, #tab-category > div a { padding: 1rem; }
		
		.sponsorship-opportunity table.icass th:first-child { min-width: auto; min-width: initial; min-width: none; width: 40%; }
		
		#committee .organising_committees .item { flex-direction: column; }
		#committee .organising_committees .item > div:first-child { padding-bottom: 0px; padding-right: 0px; }
		#committee .organising_committees .item > div:last-child { padding-top: 0px; }
		#committee .scientific_committees .item, #committee .postgraduate_student_helpers .item { width: 50%; }
	
		#gallery .list .album-cover, #gallery .list .item { width: 97.7%; }
		#gallery .list h3 { height: auto !important; height: initial !important; }
		#gallery .list .info { margin-top: 0px; }
		#gallery .list div.img, #gallery .list .item iframe { margin-bottom: 0.5rem; }
		
		#contact-form td.captcha { float: left; width: 100%; }
		#contact-form td.captcha .g-recaptcha > div { margin: auto; }
		#contact-form td.button { float: left; width: 100%; text-align: center !important; margin-top: 1rem; }
		
		#footer .wrapper { flex-direction: column-reverse; align-items: center; }
		#footer div.f-menu2 { text-align: center; }
		#footer div.f-menu2 ul li { margin-bottom: 10px; }
		#footer .social-media { margin-top: 0px; justify-content: center; }
		#footer .copyright { margin-top: 10px; text-align: center; }
		
	}
	@media only screen and (max-width: 650px) {
		h1 { font-size: 2rem; margin-bottom: 1rem; }
		h2 { font-size: 1.5rem; }
		h3 { font-size: 1.1rem; }
		
		.nivo-controlNav { bottom: 0.5rem; }
		.nivo-controlNav a { width: 15px; height: 15px; background-size: 100%; }
		
		a.btn-border-red { padding: 10px 4rem 10px 2.5rem; }
		
		table.icass tr td:first-child { width: 140px; }
		
		#programme #tab-list > div > div .time img { width: 35px; height: 35px; }
	}
	
	@media only screen and (max-width: 550px) {
		#h-about-icass a.btn-yellow { margin-top: 1rem; }
		
		/*
		#header-holder .contact > div { flex-direction: column; } */
		#header-holder .contact a.btn-red { padding: 0.5rem 1rem; font-size: 0.9rem; white-space: nowrap; margin-left: 0px; }
		#logo a, #logo a img { height: 50px !important; }
		#logo { padding-top: 0px; top: 52px; }
		#header-holder .contact { width: 100%; justify-content: center; }
		body.overlay #header-holder #logo { padding-top: 0px; }
		
		table.icass th, table.icass td { padding: 0.5rem; }
	
		#gallery .date { width: 110px;} 
	}
	@media only screen and (max-width: 500px) {
		/* h1 { font-size: 1.5rem; } */
		/* h3 { font-size: 1rem; } */
		
		.nivo-caption { padding-bottom: 1rem; }
		.nivo-caption h2  { font-size: 1.1rem; } 
		
		/*
		#header-holder .contact { width: 100%; justify-content: center; }
		#header-holder .contact a { margin-left: 5px; }
		#header-holder .contact > div > div:first-child { margin-right: 10px; }
		
		#logo { top: 30px; }
		#logo a, #logo a img { height: 58px; }
		#mobile-menu { margin-top: 30px; }
		*/
		
		#conference-info .date > div { padding: 0px 20px 0px 0px; }
		
		table#contact-info td { float: left; width: 100%; }
		
		#contact-form td.captcha .g-recaptcha > div { width: 100% !important; }
		#contact-form td.captcha .g-recaptcha > div iframe { max-width: 100% !important; }
		.rc-anchor-normal .rc-anchor-content { width: auto !important; }
		input[type="button"].btn-yellow { margin-bottom: 0px; }
		
		#committee .scientific_committees .item, #committee .scientific_committees .item { width: 100%; }
		
		#programme #tab-list > div > div .time { width: 55px; text-align: left; }
		#programme #tab-list > div > div .time p { text-align: left; }
		#programme .list .item .desc table td:first-child { width: 80px; text-align: left; }
		#programme .list .item .desc table td:last-child { width: 60px; }
		
		#sponsor .sect2, #sponsor .sponsor, #sponsor .initiator { margin-left: -1rem; margin-right: -1rem; }
		#sponsor .initiator .item { width: 100%; box-sizing: border-box; }
		
		
		.register a.btn-yellow { width:100%; box-sizing: border-box; max-width: auto; max-width: initial; max-width: none; }
	}
	@media only screen and (max-width: 400px) {
		:root { font-size: 11px; }
		.wrapper { padding: 0px 20px; }
		#logo { left: 20px; }
		#header-holder .contact a { margin-left: 5px; }
		
		#conference-info { flex-direction: column; }
		#conference-info > div { flex: 1; width: auto; width: initial; }
		#conference-info .date { padding-right: 15px; }
		#conference-info .date > div { border-right: none; border-bottom: solid 1px var(--color-white); padding: 0px 15px 15px 15px; }
		#conference-info .countdown { padding-bottom: 30px; padding-top: 0px; }
	}