@font-face {
      font-family: "PT Mono";
      src: url("/SiteAssets/Fonts/PTM55F.ttf");
}

#O365_NavHeader, #O365_MainLink_NavMenu, #O365_TopMenu{
	background-color: #004FEE;
}

/*In landing page, prevent space between the information message and the carousel*/
#MSOZoneCell_WebPartWPQ3{
	margin-bottom:0;
}

.ms-siteSettings-root{
	margin: 0 5%;
}

.headerLinks{
	display: none !important;
}

.tagline{
	display: none !important;
}

#s4-ribbonrow, #suiteBarDelta{
    display: none;
}

.acer-blanklogo img{
	background-image: url('../img/acer_logo_header.png');
	/*width: 165px;
	height: 69px;*/
	background-repeat: no-repeat;
}

.wrapper{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 5px;
    align-items: center;
}

.wrapper a:first-child {
	margin-right: auto;
}

.wrapper a:first-child img {
	height: 65px;
} 

#header{
	background: none;
	margin-right: 5%;
    margin-left: 5%;
    width: auto;
    height: 100px;
    min-width: auto;
}

#header #login{
	margin-left: 20px;
}

#header #login a{
	color: #000000;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

#header #login a:hover{
	text-decoration: none;
	color: #004FEE;
}

#header #login i{
	font-size: 20px;
}

#header #div_search .ms-mpSearchBox{
	width: auto;
}

#header #div_search #searchInputBox{
	border-bottom: 1px solid #004FEE;
	margin-bottom: 0;
}

#header #div_search #SearchBox div{
	border: none;
}

#header #div_search #SearchBox a{
	float: right;
}

#header #div_search #SearchBox a:hover{
	background: none;
}

#header #div_search #SearchBox input{
	font-family: Arial;
	font-size: 16px;
	border: none;
}

#divOldViewMessage{
	background-color: #E8E8E8;
    padding-right: 5%;
    padding-left: 5%;
    padding-bottom: 24px;
    padding-top: 24px;
}

#divOldViewMessage span{
	color: #000000;
  	font-family: Arial;
  	font-size: 16px;
  	font-weight: bold;
}

#divOldViewMessage span i{
	margin-right: 17px;
}

#divOldViewMessage span a{
	color: #000000;
	text-decoration: underline;
}

div#s4-bodyContainer{
	background: white;	
}

#contentRow{
	width: auto !important;
    /*margin-right: 5% !important;
    margin-left: 5% !important;*/
    margin-right: 0;
    margin-left: 0;
}

#contentBox{
	min-width: 0;
}

#horizontal-menu{
	height: 100%;
}

#breadcrumbLine{
	height: 100%;
}

#breadcrumbs{
	width: auto !important;
    margin-left: 5%;
	margin-right: 5%;
    color: #004FEE;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;
    text-transform: uppercase;
    float:none;
	height: 100%;
}

#breadcrumbs a{
	color: #004FEE;
}


/*#header .tagline{
	display: none;
}*/

#flatNavigation{
	margin-bottom: 32px;
	border-bottom: 1px solid #004FEE;
	display: flex;
	justify-content: space-between;
	margin-right: 5% !important;
    margin-left: 5% !important;
}

#flatNavigation #div_menu{
	flex: 1 90%;
}

#flatNavigation #main-nav{
	margin-left: 0;
	margin-right: 0;
	box-shadow: none;
}

/*Start Slider*/

#div_slider .cbs-Slideshow{
	width: 100%;
	max-height: 720px;
	overflow: visible;
}

#div_slider .cbs-largePictureImageContainer{
	width: 100%;
	height: 100%;
}

#div_slider .cbs-largePictureImg{
	width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

#div_slider .cbs-largePictureContainer{
	height: 720px;
	width: auto;
}

#div_slider .cbs-largePictureDataOverlay{
	z-index: 1;
	display: none;
}

#div_slider .cbs-largePictureDataContainer{
	height: 224px;
    width: 636px;
    background-color: #E8E8E8;
    z-index: 1;
    bottom: 0px;
    margin-left: 5%;
    padding-top: 79px;
}

#div_slider .cbs-SlideshowItems>div{
	margin: 0;
	padding-right: 0;
	padding-bottom: 0;
}

#div_slider .cbs-largePictureLine1Link h2{
	background-color: #E8E8E8;
	color: #000000;
  	font-family: Arial;
  	font-size: 40px;
  	font-weight: bold;
  	letter-spacing: -0.4px;
  	line-height: 48px;
  	white-space: normal;
    overflow: unset;
    text-overflow: unset;
}

#div_slider #slideControls #slider_arrows{
	margin-left: 5%;
	bottom: 0px;
	padding-left: 30px;
	height: auto;
	background-color: #E8E8E8;
    width: 666px;
	padding-bottom: 32px;
	font-size: 0em !important;
}

#div_slider #slider_arrows span i{
	color: #FFFFFF;
	background-color: #004FEE;
	font-size: 20px;
    width: 56px;
    height: 56px;
    text-align: center;
    line-height: 56px;
}

#div_slider #slider_arrows span i:hover {
    background: #E8E8E8;
    /*border: 1px solid #FFED00;*/
    color: #000;
	line-height: 56px;
    /*width: 54px;
    height: 54px;*/
}

#slideControls{
	display: flex;
	flex-wrap: wrap;
}

#slideControls .cbs-SlideshowPagingBar{
	position: relative;
	right: 0;
	margin-left: 30px;
}

#slideControls .cbs-SlideshowPagingBar i{
	font-size: 16px;
}

#slideControls .cbs-SlideshowPagingBar .cbs-SlideshowPagingLink-Active > span{
	background: none;
	border: none;
	color: #004FEE;
}

#slideControls .cbs-SlideshowPagingBar .cbs-SlideshowPagingLink-Inactive > span {
	background: none;
	border: none;
	color: #E8E8E8;
}


/*End Slider*/

/*START Menu 2.0*/
.main-nav {
 	position: relative;
  	background: none;
    /*display: flex;*/
    box-shadow: none;
    justify-content: start;
}

.main-nav .sub-arrow{
	background: none !important;
}

@media (min-width: 768px) {
	.main-nav .sub-arrow{
		display: none;
	}
}

.main-nav:after {
  	clear: both;
  	content: "\00a0";
  	display: block;
  	height: 0;
  	font: 0px/0 serif;
  	overflow: hidden;
}

.nav-brand {
  	float: left;
  	margin: 0;
}

.nav-brand a {
  	display: block;
  	padding: 10px 10px 10px 20px;
  	color: #fff;
  	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  	font-size: 22px;
  	font-weight: normal;
  	line-height: 29px;
  	text-decoration: none;
}

#main-menu {
  	clear: both;
  	-webkit-box-shadow: none;
  	-moz-box-shadow: none;
  	box-shadow: none;
  	background: none;
  	/*display: flex !important;*/
    flex-direction: row;
    width: 100%;
    z-index: auto;
}

#main-menu a.highlighted{
	
	color: #004FEE;
}

.sm-blue a .sub-arrow:before {
	display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078" !important;
}

.sm-blue a.highlighted .sub-arrow::before {
	content: "\f077" !important
}

@media (min-width: 768px) {
	#main-menu{
		width: auto;	
	}
}

#main-menu li.first_level{
	flex: 1 auto;
	border-bottom: 1px solid #ACC8DC;
}


@media (min-width: 768px) {
	#main-menu li.first_level{
		border-bottom: none;
	}
}

#main-menu li.first_level a{
	white-space: unset;
}

#main-menu li.first_level i{
	display: none;
}

@media (min-width: 768px) {
	#main-menu li.first_level i{
		display: inline-block;	
	}
}

@media (min-width: 768px) {
	#main-menu li:first-child a{
		padding-left: 0;
	}
}

#main-menu li{
	border:none;
}

#main-menu li a{
	background: none;
	color: #000000;
  	font-family: Arial;
	font-size: 16px;
	text-transform: uppercase;
}

#main-menu li a:hover{
	color: #004FEE;
}

#main-menu a.has-submenu i.fa-angle:before{
    content: "\f107";
}

#main-menu a.has-submenu:hover i.fa-angle:before{
	content: "\f106";
}

@media (min-width: 768px) {
  	#main-menu {
    	float: right;
    	clear: none;
	}
}


/* Mega menus */


/* make mega menus take the full width of .main-nav */

#main-menu,
#main-menu > .has-mega-menu {
  	position: static !important;
  	border: none;
}

#main-menu .mega-menu {
  	margin-left: 0 !important;
  	right: 0 !important;
  	width: auto !important;
  	max-width: none !important;
    background: #fff;
}

@media (min-width: 768px) {
	#main-menu .mega-menu {
   		padding: 40px 40px 0 40px;
    	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    	border-top: 1px solid #004FEE;
	}
}

#main-menu > .has-mega-menu .scroll-up,
#main-menu > .has-mega-menu .scroll-down {
  	margin-left: 0 !important;
}


/* clear any floats inside the mega menus */

#main-menu .mega-menu > li {
  	overflow: auto;
  	display: flex;
    flex-flow: column wrap;
    -ms-flex-flow: column;
    -ms-flex-wrap: wrap;
    width: 100%;
}

@media (min-width: 768px) {
	#main-menu .mega-menu > li {
	    max-height: 500px;
	    
	}

	/*IE10*/	
	_:-ms-lang(x), #main-menu .mega-menu > li {
		 height: 700px;
	}

	
	/*IE11*/
	*::-ms-backdrop, #main-menu .mega-menu > li {
		 height: 700px;
	}
}


/* reset mega menu list/link styles (which are inherited from the SmartMenus core/theme styles) */

#main-menu .mega-menu {
  	color: #353451;
  	z-index: 99;
}

#main-menu .mega-menu ul {
  	position: static;
  	display: block;
  	margin: 0em 0;
  	border: 0;
  	padding: 0 0 0 0px;
  	width: auto;
  	background: transparent;
  	-moz-box-shadow: none;
  	-webkit-box-shadow: none;
  	box-shadow: none;
  	margin-top: 8px;
}

#main-menu .mega-menu ul li {
  	display: list-item;
  	border: 0;
}

#main-menu .mega-menu ul li a{
	color: #000000;
	font-family: Arial;
  	font-size: 16px;
  	font-weight: normal;
}

#main-menu .mega-menu ul li a:hover{
	color: #004FEE;
}

#main-menu .mega-menu a {
  	display: inline;
  	border: 0;
  	padding: 0;
  	background: transparent;
  	color: #000000;
  	text-transform: none;
}

#main-menu .mega-menu h2 a{
	font-family: Arial;
  	font-size: 20px;
  	font-weight: bold;
}


/* simple columns inside the mega menus */

#main-menu .mega-menu .column-1-3 {
  	padding: 0 20px;
  	margin-bottom: 24px;
}

@media (min-width: 768px) {
  	#main-menu .mega-menu .column-1-3 {
    	/*flex: 1 1 50%;*/
    	flex: 1 1 auto;
	}
	
}


/* Sample image placeholder */

.mega-menu-sample-image {
  	margin: 0.83em 0;
  	border: 1px solid;
  	height: 80px;
  	line-height: 80px;
  	text-align: center;
}


/* Mobile menu top separator */

/*.main-nav {
  	border-top: 1px solid #ACC8DC;
}*/

@media (min-width: 768px) {
  	.main-nav {
    	border-top: none;
  	}
}

/*#main-menu:before {
  	content: '';
  	display: block;
  	height: 1px;
  	font: 1px/1px sans-serif;
  	overflow: hidden;
  	background: #4b4a73;
}

@media (min-width: 768px) {
  	#main-menu:before {
    	display: none;
  	}
}*/


/* Mobile menu toggle button */

.main-menu-btn {
  	float: right;
  	margin: 10px 0 10px 10px; 
  	position: relative;
  	display: inline-block;
  	width: 29px;
  	height: 29px;
  	text-indent: 29px;
  	white-space: nowrap;
  	overflow: hidden;
  	cursor: pointer;
  	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* hamburger icon */

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
  	position: absolute;
  	top: 50%;
  	left: 2px;
  	height: 2px;
  	width: 24px;
  	background: #000;
  	-webkit-transition: all 0.25s;
  	transition: all 0.25s;
}

.main-menu-btn-icon:before {
  	content: '';
  	top: -7px;
  	left: 0;
}

.main-menu-btn-icon:after {
  	content: '';
  	top: 7px;
  	left: 0;
}


/* x icon */

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  	height: 0;
  	background: transparent;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  	top: 0;
  	-webkit-transform: rotate(-45deg);
  	transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  	top: 0;
  	-webkit-transform: rotate(45deg);
  	transform: rotate(45deg);
}


/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state {
  	position: absolute;
  	width: 1px;
  	height: 1px;
  	margin: -1px;
  	border: 0;
  	padding: 0;
  	overflow: hidden;
  	clip: rect(1px, 1px, 1px, 1px);
}


/* hide the menu in mobile view */

#main-menu-state:not(:checked) ~ #main-menu {
  	display: none;
  	float: left;
}

#main-menu-state:checked ~ #main-menu {
  	display: block;
}

@media (min-width: 768px) {
  /* hide the button in desktop view */
  	.main-menu-btn {
    	position: absolute;
    	top: -99999px;
  	}
  	/* always show the menu in desktop view */
  	#main-menu-state:not(:checked) ~ #main-menu {
    	display: block;
  	}
}

/*END Menu 2.0 */

#sectionQuickAccess {
	border-bottom: 1px solid #000000;
    padding-bottom: 1em;
    margin-bottom: 32px;
    margin-right: 5% !important;
    margin-left: 5% !important;
    margin-top: 120px;
}

#sectionQuickAccess h2{
	color: #000000;
  	font-family: Arial;
  	font-size: 32px;
  	font-weight: bold;
  	margin-bottom: 48px;
}

#sectionQuickAccess ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#sectionQuickAccess ul li {
    flex: 0 0 30%;
    margin-right: 3%;
}

#sectionQuickAccess ul li .link-item:hover {
    background-color: #004FEE;    
}

#sectionQuickAccess ul li .link-item {
    background-color: #F1F1F1;
    padding: 1.25em 7.25em 1.25em 2.5em;
    background-image: url(../img/see_also_icon.png);
    background-repeat: no-repeat;
    background-size: 80px 80px;
    background-position: right top;
    margin-bottom: 2.5em;
	font-size: 20px !important;
}

#sectionQuickAccess ul li a .link-item:hover {
    color: #FFFFFF;
    text-decoration: none;
}


#sectionQuickAccess ul li a {
    color: #004FEE;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.2px;
    line-height: 32px;
}

#sectionHomeNews{
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 32px;
    padding-bottom: 1em;
    border-bottom: 1px solid #000000;
}

#sectionHomeNews .ms-webpart-chrome-title{
	margin-bottom: 48px;
}

#sectionHomeNews h2 nobr span, #sectionHomeDocuments h2 nobr span{
	color: #000000;
  	font-family: Arial;
  	font-size: 32px;
  	font-weight: bold;
  	letter-spacing: -0.4px;
  	line-height: 32px;
}

#sectionHomeNews .cbs-List{
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 1000px;
}

#sectionHomeNews .cbs-List li:first-child{
	flex: 1 1 100%;
    width: 50%;
    margin-left: 0;
}

#sectionHomeNews .cbs-List li:first-child .cbs-pictureOnTopContainer{
	/*width: 90%;
    height: 70%;*/
}

#sectionHomeNews .cbs-List li:first-child .cbs-pictureOnTopContainer .cbs-pictureOnTopImageContainer{
	height: 100%;
    width: 100%;
}

#sectionHomeNews .cbs-List li{
	/*flex: 0 0 50%;*/
    width: 21%;
    height: 50%;
    display: block;
    margin-left: 3.75%;
}

#sectionHomeNews .cbs-List li .cbs-pictureOnTopContainer{
	width: 100%;
}

#sectionHomeNews .cbs-List li .cbs-pictureOnTopContainer .cbs-pictureOnTopImageContainer{
	height: auto;
    width: 100%;
}

#sectionHomeNews .cbs-List li .cbs-pictureOnTopContainer .cbs-pictureOnTopImageContainer .cbs-pictureOnTopImg{
    height: auto;
    width: 100%;
    max-width: none;
    max-height: none;
    /*max-width: 392px;
    max-height: 296px;*/
    margin-left: 0;
}

#sectionHomeNews .cbs-List li .cbs-pictureOnTopLine2{
	color: #000000;
  	font-family: Arial;
  	font-size: 16px;
  	letter-spacing: 0;
  	line-height: 18px;
}

#sectionHomeNews .cbs-List li a.cbs-pictureOnTopLine1Link:hover{
	color: #004FEE;
	text-decoration: none;
}

#sectionHomeNews .cbs-List li a.cbs-pictureOnTopLine1Link:hover h2{
	color: #004FEE;
}

#sectionHomeNews .cbs-List li:first-child h2{
  	font-size: 32px;
  	letter-spacing: -0.4px;
  	line-height: 40px;
}

#sectionHomeNews .cbs-List li h2{
	color: #000000;
  	font-family: Arial;
  	font-size: 20px;
  	font-weight: bold;
  	letter-spacing: 0;
  	line-height: 32px;
  	white-space: pre-wrap;
    overflow: visible;
    text-overflow: clip;
}

#sectionHomeNews .latestNewsButton{
	margin-top: 30px;
}

#sectionHomeNews .latestNewsButton a{
	padding: 14px 10px;
    background-color: #FFF;
    color: #004FEE;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase;
	border: 1px solid #004FEE;
}

#sectionHomeNews .latestNewsButton a:hover{
	color: #FFFFFF;
    background-color: #004FEE;
    text-decoration: none;
}


#sectionHomeEvents{
	margin-left: 5%;
	margin-right: 5%;
	border-bottom: 1px solid #000000;
	margin-bottom: 32px;
    padding-bottom: 1em;
}

#sectionHomeEvents i{
	color: #004FEE;
	font-size: 38px;
    margin-bottom: 8px;
}

#sectionHomeEvents h2{
	margin-bottom: 48px;
}

#sectionHomeEvents h2 nobr span{
	color: #000000;
  	font-family: Arial;
  	font-size: 32px;
  	font-weight: bold;
}

#sectionHomeEvents ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#sectionHomeEvents ul li{
	flex: 0 0 25%;
	display: block;
}

#sectionHomeEvents ul li .cbs-Detail{
	margin-left: 0;
}

#sectionHomeEvents .acerevents_startdate, #sectionHomeEvents .acerevents_enddate{
	color: #004FEE;
  	font-family: "PT Mono";
  	font-size: 40px;
  	font-weight: bold;
}

#sectionHomeEvents .acerevents_picture{
	font-family: Arial;
  	font-size: 20px;
  	font-weight: bold;
	letter-spacing: 0;
  	line-height: 32px;
  	margin-top: 21px;
  	margin-bottom: 8px;

}

#sectionHomeEvents .acerevents_location, #sectionHomeEvents .acerevents_time{
	color: #000000;
  	font-family: Arial;
  	font-size: 16px;
  	letter-spacing: 0;
  	line-height: 24px;
}

#sectionHomeEvents .event_more_details_button{
	margin-top: 30px;
}

#sectionHomeEvents .event_more_details_button a{
	padding: 14px 10px;
    background-color: #FFF;
    color: #004FEE;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase;
	border: 1px solid #004FEE;
}

#sectionHomeEvents .event_more_details_button a:hover{
	color: #FFFFFF;
    background-color: #004FEE;
    text-decoration: none;
}

#sectionHomeEvents #publicEvents div{
	font-family: Arial;
    font-size: 20px;
    font-weight: bold;
}

#sectionHomeDocuments{
	margin-left: 5%;
	margin-right: 5%;
	border-bottom: 1px solid #000000;
    margin-bottom: 32px;
    padding-bottom: 1em;
}

#sectionHomeDocuments .cbs-List{
	width: 100%;
}

#sectionHomeDocuments .cbs-List .lastest_documents_group{
	display: flex;
	flex-direction:column;
	margin-bottom: 48px;
	background-color: #FFFFFF;	
}

#sectionHomeDocuments .lastest_documents_group .item_header{
	background-color: #E8E8E8;
	color: #000;
    height: 56px;
    display: flex;
    align-items: center;
}


#sectionHomeDocuments .lastest_documents_group .item_header .image-area-left, #sectionHomeDocuments .lastest_documents_group .item .image-area-left, #sectionHomeDocuments .lastest_documents_group .item-annex .image-area-left{
	flex: 0 0 56px;
}

#sectionHomeDocuments .lastest_documents_group .item_header .image-area-left img, #sectionHomeDocuments .lastest_documents_group .item .image-area-left img, #sectionHomeDocuments .lastest_documents_group .item-annex .image-area-left img{
	margin-left: auto;
    margin-right: auto;
    display: block;
}

#sectionHomeDocuments .lastest_documents_group .item_header .title{
	margin-left: 16px;
}

#sectionHomeDocuments .lastest_documents_group .item_header .title span, #sectionHomeDocuments .lastest_documents_group .item_header .date span{
    color: #000;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;
}

#sectionHomeDocuments .lastest_documents_group .item_header .date{
	margin-left: auto;
	margin-right: 16px;
}

#sectionHomeDocuments .lastest_documents_group .item, #sectionHomeDocuments .lastest_documents_group .item-annex:nth-child(1){
	/*border-bottom: 1px solid red;*/
}

#sectionHomeDocuments .lastest_documents_group .item, #sectionHomeDocuments .lastest_documents_group .item-annex{
	height: 56px;
    display: flex;
    align-items: center;
    padding: 0;
}

#sectionHomeDocuments .lastest_documents_group .item .image-area-left, #sectionHomeDocuments .lastest_documents_group .item-annex .image-area-left{
	height: 100%;
	background: #004FEE;
	display: flex;
    align-items: center;
    justify-content: center;
}

#sectionHomeDocuments .lastest_documents_group .item .link-item,  #sectionHomeDocuments .lastest_documents_group .item-annex .link-item{
	/*background-color: #F1F1F1;*/
	height: 100%;
	width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    align-items: center;
    flex-grow: 1;
	flex-basis: 0;
}

#sectionHomeDocuments .lastest_documents_group .item .link-item{
	margin: 0 16px 0 16px;
    padding-left: 0;
}

#sectionHomeDocuments .lastest_documents_group .with-annex .link-item{
	border-bottom: 1px solid #004FEE;
}

#sectionHomeDocuments .lastest_documents_group .link-item a{
	height: 56px;
	display: table-cell;
	vertical-align: middle;
}


#sectionHomeDocuments .lastest_documents_group .item .link-item a{
	color: #004FEE;
  	font-family: Arial;
  	font-size: 20px;
  	font-weight: bold;
  	/*letter-spacing: 0;
  	line-height: 32px;*/
}

#sectionHomeDocuments .lastest_documents_group .item-annex .link-item a{
	color: #000000;
  	font-family: Arial;
  	font-size: 16px;
  	/*letter-spacing: 0;
  	line-height: 18px;*/
  	word-wrap: break-word;
}

#sectionHomeDocuments .lastest_documents_group .item .link-item a:hover, #sectionHomeDocuments .lastest_documents_group .item-annex .link-item a:hover{
	color: #004FEE;
}

#sectionHomeDocuments .latestDocumentsButton a{
	padding: 14px 10px;
    background-color: #FFF;
    color: #004FEE;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase;
	border: 1px solid #004FEE;
}

#sectionHomeDocuments .latestDocumentsButton a:hover{
	color: #FFFFFF;
    background-color: #004FEE;
    text-decoration: none;
}

#sectionHomeDocuments .lastest_documents_group .item_header .image-area-left{
	height: 30px;
}

#section_home1{
	border-bottom: 1px solid #ACC8DC;
	margin-right: 5% !important;
    margin-left: 5% !important;
}

#section_home1 p:first-child{
	color: #000000;
  	font-family: Arial;
  	font-size: 32px;
  	font-weight: bold;
  	margin-bottom: 48px;
}

.join_us{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 1em;
}

.join_us .join_us_left{
	flex: 0 0 50%;
}

.join_us .join_us_left img{
	width: 100%;
	height: 100%;
}

.join_us .join_us_right{
	flex: 0 0 45%;
}

.join_us .join_us_right span{
	color: #000000;
	font-family: Arial;
  	font-size: 40px;
  	font-weight: bold;
}

.join_us .join_us_right .join_us_button{
	margin-top: 64px;
}

.join_us .join_us_right .join_us_button a {
	padding: 14px 10px;
    background-color: #FFF;
    color: #004FEE;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase;
	border: 1px solid #004FEE;
}

.join_us .join_us_right .join_us_button a:hover {
	color: #FFFFFF;
    background-color: #004FEE;
    text-decoration: none;
}

#section_home2{
	margin-right: 5% !important;
    margin-left: 5% !important;
}

#section_home2 p:first-child{
	color: #000000;
  	font-family: Arial;
  	font-size: 32px;
  	font-weight: bold;
  	margin-bottom: 48px;
	margin-top: 32px;
}

.energy_data{
	border: 1px solid #000000;
    padding: 64.5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 160px;
}

.energy_data_content{
	flex: 0 0 48%;
}

.energy_data_content h2, .useful_link h2{
	color: #000000;
    font-family: Arial;
    font-size: 32px;
    padding-bottom: 16px;
    font-weight: bold;
    border-bottom: 1px solid #ACC8DC;
}

.energy_data_content h3{
	color: #000000;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    margin-top: 24px;
    letter-spacing: -0.4px;
    line-height: 32px;
}

.energy_data_content p{
	color: #000000;
  	font-family: Arial;
  	font-size: 12px;
  	letter-spacing: 0;
  	line-height: 16px;
}

.energy_data_content img{
	width: 100%;
	height: auto;
	margin-bottom: 32px;
	margin-top: 32px;
}

.energy_data ul{
    display: flex;
    flex-wrap: wrap;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: black;
    list-style: none;
    margin: 0;
    padding: 0;
}

.energy_data_content ul li {
    flex: 1 100%;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: black;
}

.energy_data .item {
    padding: 0;
    display: flex;
    padding: 0;
}

.energy_data .item .image-area-left {
    flex: 0 0 64px;
    border-right: 1px solid black;
    justify-content: center;
    display: flex;
    align-items: center;
    float: left;
    padding-right: 5px;
    padding-left: 0px;
}

.energy_data .item .image-area-left img{
	margin-top: 0;
	margin-bottom: 0;
}


.energy_data ul a {
    color: #004FEE;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
}

.energy_data .item .link-item {
    padding: 1.5em;
}

.useful_link{
	flex: 0 0 100%;
	margin-top: 64px;
}

.useful_link h2{
    margin-bottom: 32px;
}

.useful_link ul{
	justify-content: space-between;
	border-top: none;
}

.useful_link ul li {
    flex: 0 0 48%;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: black;
}

.useful_link ul li:nth-child(-n+2) {
	border-top: 1px solid black;
}

/*Start zoom modal*/
.zoomImg {
  border-radius: 5px;
  cursor: zoom-in;
  transition: 0.3s;
}

.zoomImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 80%;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}

/*End zoom modal*/

.footer {
  	display: flex;
  	flex-flow: row wrap;
  	padding: 30px 0 0 0;
  	background-color: #E8E8E8;
}

.footer > * {
  	flex:  1 100%;
}

.footer_logo_links{
	border-bottom: 1px solid black;
	display: flex;
  	flex-flow: row wrap;
  	justify-content: space-between;
	padding-bottom: 1em;
	margin-right: 5%;
	margin-left: 5%;
}

.footer_logo_links .logo{
	flex: 0 0 50%;
}

.footer_logo_links .logo img {
    width: 165px;
}

.footer_logo_links .links{
	display: flex;
    flex: 0 0 50%;
	align-items: flex-end;
	justify-content: flex-end;
}

.footer_logo_links .links .twitter_icon_hover{
	display: none;
}

.footer_logo_links .links .twitter:hover .twitter_icon{
	display: none;
}

.footer_logo_links .links .twitter:hover{
	text-decoration: none;
}

.footer_logo_links .links .twitter:hover .twitter_icon_hover{
	display: inline;
}

.footer_logo_links .links .rss_icon_hover{
	display: none;
}

.footer_logo_links .links .rss:hover .rss_icon{
	display: none;
}

.footer_logo_links .links .rss:hover{
	text-decoration: none;
}

.footer_logo_links .links .rss:hover .rss_icon_hover{
	display: inline;
}

.footer_logo_links .links .mail_icon_hover{
	display: none;
}

.footer_logo_links .links .mail:hover .mail_icon{
	display: none;
}

.footer_logo_links .links .mail:hover{
	text-decoration: none;
}

.footer_logo_links .links .mail:hover .mail_icon_hover{
	display: inline;
}

footer .links i{					
	background: none;
	color: #004FEE;
	font-size: 20px;
	width: 56px;
	height: 56px;
	text-align: center;
	line-height: 56px;
	border: 1px solid #004FEE;
}
	
footer .links i:hover{
	background: #004FEE;
	border: 1px solid #004FEE;
	color: #FFFFFF;
	line-height: 56px;
}

.footer_address {
  	margin-right: 1.25em;
  	margin-bottom: 2em;
	margin-left: 5%;
}

.footer_address h2 {
  	margin-top: 1.3em;
  	color: #000000;
  	font-family: Arial;
  	font-size: 16px;
  	font-weight: bold;
  	letter-spacing: 0;
  	line-height: 18px;
  	text-transform: uppercase;
}

.footer_address address {
	color: #000000;
	font-family: Arial;
  	font-size: 16px;
  	font-style: normal;
  	letter-spacing: 0;
  	line-height: 24px;
}

.footer__logo {
  	font-family: 'Pacifico', cursive;
  	font-weight: 400;
  	text-transform: lowercase;
  	font-size: 1.5rem;
}

.footer_nav .nav_title {
  	color: #000000;
  	font-family: Arial;
  	font-size: 16px;
  	font-weight: bold;
  	letter-spacing: 0;
  	line-height: 18px;
  	text-transform: uppercase;
}

.footer ul {
  	list-style: none;
  	padding-left: 0;
	margin-right: 5%;
}	

.footer li {
  	line-height: 2em;
}

.footer a {
  	text-decoration: none;
	margin-right: 1em;
}

.footer_nav {
  	display: flex;
	flex-flow: row wrap;
}

.footer_nav > * {
  	flex: 1 50%;
  	margin-right: 1.25em;
}

.footer_nav .nav_ul a {
  	color: #004FEE;
	font-family: Arial;
  	font-size: 16px;
  	font-weight: bold;
  	letter-spacing: 0;
  	line-height: 32px;
}

.footer_legal {
  	display: flex;
  	flex-wrap: wrap;
	background-color: #004FEE;
	padding: 12px 5% 12px 5%;
}

.footer_legal p{
  	color: #FFFFFF;
  	font-family: Arial;
  	font-size: 16px;
  	letter-spacing: 0;
  	line-height: 24px;
}

.CookieMessage{
	border-top: 1px solid #004FEE;
	background-color: #E8E8E8;
	opacity: 1;
	padding-top: 32px;
	padding-bottom: 42px;
    float:none;
    display:block;
    height:auto;
    bottom: 0;
    position: fixed;
    width: 100%;
    min-width: 250px;
    z-index: 100;
}

.CookieMessageClose{
	float: right;
	padding-right: 21px;
}

.CookieMessageClose i{
	font-size: 21px;
	color: #004FEE;
}

.CookieMessageFrame{
	margin-left: 5%;	
}


.CookieMessageTitle{
	color: #000000;
  	font-family: Arial;
  	font-size: 20px;
  	font-weight: normal;
  	margin-bottom: 8px;
}

.CookieMessageBody{
  	font-family: Arial;
  	font-size: 16px;
}

.CookieMessageBody a{
	color: #004FEE;
	font-weight: bold;
}

.CookieMessageConfirm{
	margin-top: 16px;
}

.CookieMessageConfirm a{
	color: #004FEE;
 	font-family: Arial;
  	font-size: 20px;
  	font-weight: bold;
}

/*Landing page News*/
#sectionHomeNews .parent {
  width: 100%;
  display: flex;
}

#sectionHomeNews .col {
  flex: 0 0 50%;
  height: 50%;
}

#sectionHomeNews .wrap {
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
}

#sectionHomeNews .box {
  flex: 0 0 43%;
  height: 25%;
  margin-left: 3.75%;
}

#sectionHomeNews .parent .cbs-pictureOnTopContainer{
	width: 100%;
	padding-bottom: 1em;
}

#sectionHomeNews .parent .cbs-pictureOnTopContainer .cbs-pictureOnTopImageContainer{
	height: auto;
    width: 100%;
}

#sectionHomeNews .parent .cbs-pictureOnTopContainer .cbs-pictureOnTopImageContainer .cbs-pictureOnTopImg{
    height: auto;
    width: 100%;
    max-width: none;
    max-height: none;
    margin-left: 0;
}

#sectionHomeNews .parent .cbs-pictureOnTopLine2{
	color: #000000;
  	font-family: Arial;
  	font-size: 16px;
  	letter-spacing: 0;
  	line-height: 18px;
}

#sectionHomeNews .parent a.cbs-pictureOnTopLine1Link:hover{
	color: #004FEE;
	text-decoration: none;
}

#sectionHomeNews .parent a.cbs-pictureOnTopLine1Link:hover h2{
	color: #004FEE;
}

#sectionHomeNews .parent .col:first-child h2{
  	font-size: 32px;
  	letter-spacing: -0.4px;
  	line-height: 40px;
}

#sectionHomeNews .parent h2{
	color: #000000;
  	font-family: Arial;
  	font-size: 20px;
  	font-weight: bold;
  	letter-spacing: 0;
  	line-height: 32px;
  	white-space: pre-wrap;
    overflow: visible;
    text-overflow: clip;
}



@media (max-width: 950px){
	#sectionHomeEvents{
		padding-bottom: 1em;
	}
	
	#sectionHomeEvents ul li{
		flex: 0 0 50%;
		margin-bottom: 32px;
	}
	
	#slideControls .cbs-SlideshowPagingBar{
		flex: 0 0 100%;
		margin-left: 0;
		display: flex;
	    justify-content: center;	
	}
}


@media (max-width: 768px){
	#header{
		height: 70px;
	}
	
	#header #login{
		margin-right: 0;
	}
	
	#header #login a{
		font-size: 0;	
	}
	
	#header #login i{
		font-size: 25px;
	}
	
	.wrapper{
		flex-wrap: wrap;
	}
	
	#div_search{
		margin-top: 10px;
	}
	
	#header #div_search .ms-mpSearchBox, #header #div_search #searchInputBox, #header #div_search #SearchBox div{
		width: 100%;	
	}
	
	#header #div_search #SearchBox .ms-qSuggest-container{
		display: none;
	}
	
	/*.acer-blanklogo img{
		background-size: 102px;
		height: 45px;
	}*/
	
	.wrapper a:first-child img{
		width: 102px;
		height: 33px;
	}
	
	#div_slider{
		padding-bottom: 125px;	
	}
	
	#div_slider .cbs-largePictureDataContainer {
		height: auto;
		min-height: 224px;
	}
	
	#div_slider .cbs-largePictureDataContainer, #div_slider #slideControls #slider_arrows{
		margin-left: 0;
		width: auto;
		
	}
	
	#div_slider #slideControls #slider_arrows{
		padding-left:0;
		width: 100%;
	}
	
	#div_slider #slideControls #slider_arrows span:first-child{
		margin-left: 30px;
	}
	
	
	#div_slider .cbs-largePictureImg{
		height: 55%;	
	}
	
	#sectionQuickAccess{
		margin-top: 0;
		padding-top: 2em;
		border-top: 1px solid #ACC8DC;
	}
	
	#sectionQuickAccess h2{
		flex: 0 0 100%;	
		margin-bottom: 1em;
		font-size: 24px;
 	 	letter-spacing: 0;
  		line-height: 32px;
	}	
	
	#sectionHomeNews .ms-webpart-chrome-title{
		margin-bottom: 32px;
	}
	
	#sectionHomeNews h2 nobr span, #sectionHomeDocuments h2 nobr span{
		color: #000000;
  		font-family: Arial;
  		font-size: 24px;
  		font-weight: bold;
  		letter-spacing: -0.3px;
		line-height: 32px;
	}
	
	#sectionHomeNews .cbs-List{
		flex-direction: row;		
		height: auto;
	}
	
	#sectionHomeNews .cbs-List li{
		flex: 1 1 100%;
		height: auto;
		margin-left: 0;
	}
	
	#sectionHomeNews .cbs-List li:first-child h2{
	  	font-size: 20px;
  		letter-spacing: 0;
  		line-height: 32px;	
  	}

	
	#sectionHomeEvents h2 nobr span{
		 font-size: 24px;
	}
		
	#sectionQuickAccess ul li{
		flex: 0 0 100%;	
	}
	
	#sectionHomeEvents{
		padding-bottom: 1em;
	}
	
	#sectionHomeEvents ul li{
		flex: 0 0 100%;
		margin-bottom: 32px;
	}
	
	#section_home1 p:first-child, #section_home2 p:first-child{
		font-size: 24px;
	}
	
	#section_home2 p:first-child{
		margin-bottom:	0;	
		margin-top: 17px;
	}
	
	.join_us .join_us_right span{
		font-size: 28px;
	}

	.join_us .join_us_left{
		flex: 0 0 100%;
	}

	.join_us .join_us_right{
		flex: 0 0 100%;
		margin-top: 48px;
	}
	
	.energy_data{
		border: none;
		padding: 0;
		margin-bottom: 64px;
	}
	
	.energy_data_content{
		flex: 0 0 100%;
		margin-top: 32px;
	}
	
	.energy_data_content h2, .useful_link h2{
		font-size: 24px;
	}
	
	.useful_link ul li {
		flex: 0 0 100%;
	}
	
	.useful_link ul li:nth-child(-n+2){
		border-top: 0;
	}
	
	.useful_link ul li:first-child{
		border-top: 1px solid black;
	}
	
	.footer_logo_links .logo img{
		height: 40px;
		width: auto;
	}
	
	.footer_logo_links .links img{
		width: 48px;
	}
	
	.footer ul{
		margin: 0;
	}
	
	.footer_nav{
		margin-right: 5% !important;
		margin-left: 5% !important;
	}
	
	.footer_nav_item{
		margin-bottom: 1em;
	}
	
	.footer_logo_links .logo{
		 flex: 0 0 100%;
	}
	
	.footer_logo_links .links{
		flex: 0 0 100%;
		justify-content: flex-start;
	}
	
	.latest_documents .lastest_documents_group .item, .lastest_documents_group .item-annex {
		height: auto !important;
		background-color: #004FEE;
	}

	.latest_documents .lastest_documents_group .item .link-item {
		background-color: white;
		margin: 0 !important;
		padding: 0 16px 0 16px !important;
	}

	.latest_documents .lastest_documents_group .item .link-item, .lastest_documents_group .item-annex .link-item {
		background-color: white;
		margin: 0 !important;
		padding: 0 16px 0 16px !important;
	}
 
 	/*Landing pade News*/
	#sectionHomeNews .parent {
		flex-wrap:wrap;
	}
	  
	#sectionHomeNews .col {
	   flex: 0 0 100%;
	}
	  
	#sectionHomeNews .box {
	   flex: 0 0 100%;
	   margin-left: 0;
	}
	
	#sectionHomeNews .parent .col:first-child h2{
		font-size: 20px;
	}
}

@media screen and (min-width: 24.375em) {
  .footer_legal {
  	margin-left: auto;
  }
}

@media screen and (min-width: 40.375em) {
  .footer_nav > * {
    flex: 1;
  }
  
  .footer .footer_address {
    flex: 1 0px;
  }
  
  .footer_nav {
    flex: 2 0px;
  }
}