/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
body {
  
}

.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.portfolio-item {
  margin-bottom: 30px;
}


.container{
        width: 75rem;
        max-width: 1200px;
}

.g-animatedblock {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 3px;
    overflow: hidden;
}

.g-animatedblock .g-animatedblock-animated {
    position: relative;
}
.g-animatedblock .g-animatedblock-animated img {
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.g-animatedblock .g-animatedblock-animation-2 .g-animatedblock-title, .g-animatedblock .g-animatedblock-animation-3 .g-animatedblock-title {
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.smallerheadline .g-animatedblock, .smallerheadline .g-animatedblock-title {
    top: 2rem;
    left: 1rem;
    font-size: 3rem;
    line-height: 1;
}
.g-animatedblock .g-animatedblock-title {
    position: absolute;
    top: 0.75rem;
    left: 1rem;
    font-size: 5rem;
    line-height: 1;
}


.g-animatedblock .g-animatedblock-animation-2 .g-animatedblock-button .button-4, .g-animatedblock .g-animatedblock-animation-3 .g-animatedblock-button .button-4 {
  color: #fff !important;
  border: 2px solid #fff;
  background: rgba(0, 159, 227, 0.85);
}



@media only all and (min-width:900px) and (max-width:1199px) {
.g-simplecounter-calendar .number {
	width: 45px !important;
	height: 40px !important;
	background: rgba(0, 0, 0, 0);
	line-height: 20px !important
}
.counterblock .g-simplecounter-content {
	font-size: 0.9em !important;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	margin-left: 0.75em !important;
        line-height: 40px
           
}
.counterblock .g-simplecounter-block {
	margin: 2px 0 4px 0
}

.g-simplecounter {
	height: 110px !important
}

.counterblock .counter-block {
	width: 50px !important;
	margin: 0
}

}

@media only all and (max-width:767px) {
.g-simplecounter-calendar .number {
	width: 65px !important;
	height: 50px !important;
	background: rgba(0, 0, 0, 0);
        font-size: 2em !important;
	line-height: 40px !important
}
.counterblock .g-simplecounter-content {
	font-size: 2em !important;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	margin-left: 0.75em !important;
        line-height: 40px
           
}
.counterblock .g-simplecounter-block {
	margin: 2px 0 4px 0
}

.g-simplecounter {
	height: 140px !important
}

.counterblock .counter-block {
	width: 70px !important;
	margin: 0
}

}





h1, h2, h3, h4, h5 {
	
  font-family: "Helvetica","Tahoma", "Arial",sans-serif;
	font-weight: 200;
        letter-spacing:0;
            
}



table {
	border: 0 solid #dedede
}



td {
	padding: 0.5rem;
	border: 0 solid #dedede
}



hr {
	clear: both
}



#g-slideshow {
	background: #fff none
}






.g-main-nav .g-sublevel > li > .g-menu-item-container {
	font-size: 0.85rem
}



#g-navigation .g-main-nav {
	margin: 1em 0 0 0
}



.trans50 {
	opacity: 0.5
}



.button-headline {
	background: #009fe3;
	color: #fff;
	margin-top: 15px
}



.button-headline a {
	color: #fff !important
}



#g-above {
	background: #080808;
	color: #efefef;
	border-top: 5px solid #009fe3;
	background: #080808 url('https://www.ecsa-conference.eu/images/callforsession_background03.jpg') center no-repeat;
	background-size: cover;
	height: 400px;
	margin-bottom: 60px
}



#g-above li {
	list-style: none
}



#g-above a.moduleItemTitle {
	font-size: 3em;
	color: #fff
}



.titlewrap {
	width: 300px;
	line-height: 45px;
	margin-top: 50px
}



.g-title {
	font-family: "Ek Mukta";
	font-weight: 200;
	font-size: 1.5rem;
	margin-bottom: 20px
}



#g-above .moduleItemIntrotext {
	width: 26em;
	font-size: 1.2em
}



#g-above a.moduleCustomLink {
	margin-left: 1.5rem;
	font-size: 2em
}



.g-subpromo {
	font-size: 2.2rem
}



#g-utility {
	background: #fff;
	position: relative;
	background: none;
	background-size: cover
}



#g-utility a {
	color: #000
}



.g-content {
	padding: 0
}



.itemImage {
	background-size: cover;
	background-position: center
}



.itemBody {
	float: left;
	width: 100%;
	margin-bottom: 1rem
}



.itemList .groupPrimary .itemImage {
	float: left;
	width: 180px;
	height: 105px;
	margin: 10px 20px 10px 0;
	position: relative
}



.itemImage.header {
	background-size: cover;
	width: 100%;
	height: 360px;
	background-position: center center;
	position: relative
}



.itemImage a.modal, .itemList a.projectlink {
	width: 100%;
	
 position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}



.moduletable.news ul {
	padding: 0;
	margin: 0
}



.moduletable.news li {
	list-style: none
}



.moduletable.news img {
	width: 200px;
	float: left;
	margin: 0 20px 10px 0
}



.nspArt h4.nspHeader {
	font-size: 1.75em;
	margin: 0;
	padding: 0 0 0 0
}



.nspArt p.nspText {
	display: block !important;
	margin: 0.25em 0;
	padding: 0 !important
}



.nspArt .nspInfo {
	display: block !important;
	font-size: 18px;
	margin: 0;
	line-height: 16px
}



.nspArt .nspInfo a {
	font-weight: 700;
	font-size: 1em
}



a.readon.fright {
	float: none;
	color: #009fe3 !important;
	position: relative;
	top: 10px
}



.box1.moduletable, .box2.moduletable, .box3.moduletable, .box4.moduletable, .box1.widget, .box2.widget, .box3.widget, .box4.widget, .box1 > .g-content, .box2 > .g-content, .box3 > .g-content, .box4 > .g-content {
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center
}



.smallerheadline .g-animatedblock, .smallerheadline .g-animatedblock-title {
	top: 2rem;
	left: 1rem;
	font-size: 3rem;
	line-height: 1
}



.counterblock .counter-block {
	width: 66px;
	margin: 0
}



.g-simplecounter-calendar .number, .g-simplecounter-calendar .word {
	display: inline-block;
	margin: 0;
	padding: 0
}



.g-simplecounter-calendar .number {
	width: 65px;
	height: 80px;
	background: rgba(0, 0, 0, 0);
	line-height: 80px
}



.counterblock .g-simplecounter-block {
	margin: 2px 0 6px 0
}



.g-simplecounter {
	height: 142px
}



.counterblock .g-content {
	background-color: #ef8a0c;
	border-radius: 3px
}



.counterblock .g-simplecounter-content {
	font-size: 1.2em;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	margin-left: 0.75em
}



.counterblock span.word {
	color: #fff;
	font-size: 0.85em;
	margin-bottom: 6px
}



.topmargin {
	margin-top: 2em
}



.borderbottom {
	border-bottom: 2px solid #ccc;
	margin-bottom: 3em
}



.itemList p {
	margin: 0
}



.itemList h3.catItemTitle {
	margin: 0.25em 0 0.25em 0
}



.itemList a.k2ReadMore {
	float: right;
	margin: 0
}



a.itemNext {
	float: right
}



.infobox .itemCategory {
	position: relative;
	top: 15px
}



.infobox .itemCategory a {
	color: #000;
	font-weight: 700;
	font-size: 1em
}



h2.itemTitle {
	margin: 0.25em 0 0 0;
	font-size: 2em;
	color: #000
}



.PersonCard {
	width: 220px;
	margin: 0 0 1em 1em;
	overflow: hidden;
	padding: 1em;
	font-size: 0.85em
}



.PersonCard p {
	margin: 0
}



.PersonCard strong {
	font-size: 1.25em
}



.PersonCard a {
	word-wrap: break-word
}



.PersonCard img {
	margin-bottom: 1em;
	display: inline !important
}



.page h3, .page h4, .page h5, .page h6 {
	clear: both
}



.sponsorlogo {
	float: left;
	margin: 0 1rem 1rem;
	min-height: 8rem
}



.sponsorlogo img {
	max-height: 8rem;
	width: auto;
	max-width: 13rem
}



.imgblocklinks.contentgrid div {
	position: relative;
	margin: 0 0.1em
}



.imgblocklinks h4 {
	position: absolute;
	top: 100px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: 700;
	text-shadow: 0 0 20px #000
}



.g-animatedblock .g-animatedblock-animation-2 .g-animatedblock-button .button-4, .g-animatedblock .g-animatedblock-animation-3 .g-animatedblock-button .button-4 {
	color: #fff !important;
	border: 2px solid #fff;
	background: rgba(0, 159, 227, 0.85)
}



ul.sigProElegant li.sigProThumb a.sigProLink {
	color: #333;
	background-color: #f4f2ed;
	border: none
}



ul.sigProElegant li.sigProThumb {
	float: left;
	background: none !important;
	margin: 0 1px 1px 0;
	padding: 0.5rem;
	border: none !important
}



ul.sigProElegant li.sigProThumb a.sigProLink:hover {
	color: #eee;
	text-decoration: none;
	background-color: #333;
	border: none;
	opacity: 0.8
}



#g-footer {
	background: #009fe3;
	color: #fff
}



#g-footer .g-content {
	padding: 1.5rem 1.5rem;
	margin: 1.5em 0 0
}



.MapHeight {
	min-height: 350px
}



#g-copyright {
	background: #fff;
	color: #686868;
	text-align: left
}



#g-copyright .g-container .g-grid .g-block:last-child {
	text-align: right
}






#g-mobilemenu-container {
	margin: 0
}



#g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container {
	color: #fff;
	padding: 0.6rem;
	margin-left: 1rem;
	margin-top: 0
}



#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
	border: 1px solid #009fe3;
	
	border-radius: 0.1875rem;
	margin: -0.3rem 0 -0.2rem 0.5rem;
	padding: 0.45rem 0.3rem 0.3rem 0.3rem
}



#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
	
	border-radius: 0.1875rem;
	margin: -0.3rem 0 -0.2rem 0.5rem;
	padding: 0.45rem 0.3rem 0.3rem 0.3rem;
	top: 8px;
	right: 3px
}



#g-mobilemenu-container .g-toplevel li .g-menu-item-content {
	display: inline-block;
	line-height: 1rem;
	text-transform: uppercase;
	font-weight: 700
}



#g-utility {
	opacity: 1 !important
}



.personsBlock {
	float: left
}



.timeline-Header {
	font-size: 1.75em;
	font-family: Ek Mukta, sans-serif
}



abbr[title], abbr[data-original-title], abbr {
	cursor: help;
	border-bottom: 1px dotted #999;
	text-decoration: none
}



#bfElemWrap413 div div span div, #bfElemWrap474 div div span div, #bfElemWrap491 div div span div, #bfElemWrap500 div div span div, #bfElemWrap545 div div span div {
	margin-left: 35%
}



#bfElemWrap413 div div span div div, #bfElemWrap474 div div span div div, #bfElemWrap491 div div span div div, #bfElemWrap500 div div span div div, #bfElemWrap545 div div span div div {
	margin-bottom: 12px;
	margin-left: 1px
}



#bfSubmitMessage {
	border: 2px solid #009fe3 !important;
	background-color: #f5f5f5 !important;
	margin-top: 5px;
	padding: 25px;
	width: 350px;
	-moz-border-radius-bottomright: 3px !important;
	border-bottom-right-radius: 3px !important;
	border-radius: 3px !important;
	box-shadow: 0 2px 17px #cfcfcf !important;
	color: #009fe3
}



#bfFileQueue {
	border: 2px solid #e5e5e5;
	background-color: #f5f5f5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
	-moz-border-radius-bottomright: 3px !important;
	border-bottom-right-radius: 3px !important;
	box-shadow: 0 2px 17px #cfcfcf !important
}



#g-copyright .g-container {
	position: relative
}



.bottommenue {
	position: absolute;
	left: 0;
	top: 20px;
	width: 350px
}



.bottommenue a.g-menu-item-container {
	padding: 0 !important;
	margin: 0;
	font-size: 0.75em !important
}



.btn-primary {
	font-size: 1.2em;
	padding: 0.5em 1em !important
}



.form-actions div {
	text-align: center
}



.bfQuickMode .pull-right {
	float: none !important
}



#g-above .moduleItemIntrotext {
	width: 26em;
	font-size: 1.2em
}



.nspTopInterface {
	position: absolute;
	bottom: 0
}



.moduletable.contentslider {
	max-width: 300px;
	float: right;
	margin: 0 0 4rem 4rem
}

@media (max-width: 420px) {



#g-above .moduleItemIntrotext {
	width: 18em;
	font-size: 1.1em;
	line-height: 1.2em
}



.moduletable.contentslider {
	max-width: 420px;
	float: none;
	margin: 2rem 0 1rem
}



#g-above a.moduleItemTitle {
	font-size: 3em
}



.itemList .groupPrimary .itemImage {
	float: none;
	width: 100%;
	background-position: center center
}



.ecsalogo {
	position: absolute;
	right: 0;
	width: 120px
}



#logo-6517-particle img {
	position: relative;
	left: -60px
}



.itemImage.header {
	height: 220px
}



.PersonCard {
	width: 180px
}

}

// fine da 13