/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 1. NEWSLETTER */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.newsletter-year-card{
	display: inline-block;
}

.newsletter-year-accordion{
	background-color:rgba(168, 224, 253, 0.8);
	box-shadow: 2px 2px 4px rgba(19, 49, 99, 1);
	position:relative;
	cursor:pointer;
	transition:all 0.3s;
	margin-top: 2vh;
}

.newsletter-year-accordion:hover{
	box-shadow: 0 0 20px 0px rgba(168, 224, 253, 0.9);
}

.newsletter-year-title{
	margin:auto;
	text-align: center;
	color:rgba(19, 49, 99, 1);
}

.newsletter-year-title h1{
	font-size:1.5em;
	font-weight: 700;
}

.newsletter-year-title h2{
	font-size:3em;
	font-weight: 700;
}

.newsletter-year-accordion-body{
	background-color: rgba(19, 49, 99, 0.8);
	box-shadow: 2px 2px 4px rgba(19, 49, 99, 1);
}

.newsletter-card{
	background-color: rgba(0, 160, 226, 0.8);
	height:100%;
	box-shadow: 1px 1px 2px rgba(19, 49, 99, 1);
}

.newsletter-card:hover{
	box-shadow: 0 0 3px 1px rgba(168, 224, 253, 0.4);
}

.newsletter-card:hover .newsletter-card-body img{
	box-shadow: 0 0 3px 2px rgba(19, 49, 99, 1);
}

.newsletter-card-body img{
	box-shadow: 1px 1px 2px rgba(19, 49, 99, 1);
    width: 93%;
    margin: 1vh auto 3vh auto;
}

.newsletter-card-title{
	padding: 1vh;
}

.newsletter-card-title h2{
	font-size:2em;
	text-align:center;
	font-weight:700;
	color:rgba(19, 49, 99, 1);
	text-shadow:box-shadow: 1px 1px rgba(168, 224, 253, 0.4);
}

.newsletter-card:hover .newsletter-card-title h2{
	text-shadow: 0 0 rgba(19, 49, 99, 1);
}

.newsletter-card-title h1{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align:center;
	font-weight:700;
	color:rgba(19, 49, 99, 1);
	text-shadow:box-shadow: 1px 1px rgba(168, 224, 253, 0.4);
}

.newsletter-card:hover .newsletter-card-title h1{
	text-shadow: 0 0 rgba(19, 49, 99, 1);
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 2. DOWNLOADS */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.download-category-card{
	display: inline-block;
}

.download-category-accordion{
	background-color:rgba(168, 224, 253, 0.8);
	box-shadow: 2px 2px 4px rgba(19, 49, 99, 1);
	position:relative;
	cursor:pointer;
	transition:all 0.3s;
	margin-top: 2vh;
}

.download-category-accordion:hover{
	box-shadow: 0 0 20px 0px rgba(168, 224, 253, 0.9);
}

.download-category-title{
	margin:auto;
	text-align: center;
	color:rgba(19, 49, 99, 1);
}

.download-category-title h1{
	font-size:2em;
	font-weight: 700;
}

.download-category-title h2{
	font-size:3em;
	font-weight: 700;
}

.download-category-accordion-body{
	background-color: rgba(19, 49, 99, 0.8);
	box-shadow: 2px 2px 4px rgba(19, 49, 99, 1);
}

.download-category-container{
	background-color:rgba(168, 224, 253, 0.8);
	border-radius:20px;
	box-shadow: 2px 2px 4px rgba(19, 49, 99, 1);	
}

.download-category-container:hover{
	box-shadow: 0 0 5px 0px rgba(168, 224, 253, 0.9);
}

.download-category-container h1{
	text-align:center;
	font-size: 1.5em;
    font-weight: 700;
	color:rgba(19, 49, 99, 1);
}

.download-card{
	background-color:rgba(255,255,255, 0.8);
	border-radius:4px;
	box-shadow: 2px 2px 4px rgba(19, 49, 99, 1);
	border: 1px solid rgba(61,61,61,0.8);
	height: 100%;
}

.download-card:hover{
	box-shadow: 0 0 3px 0px rgba(168, 224, 253, 0.9);
}

.download-card-body img{
	margin: auto;
	margin-bottom: 1vh;
}

.download-card-title h1{
	text-align:center;
	font-size: 0.7em;
    font-weight: 700;
	color:rgba(19, 49, 99, 1);
}

.download-card:hover .download-card-title h1{
	text-shadow: 0 0 rgba(19, 49, 99, 0.6);
}

.download-card:hover .download-card-body img{
	filter: drop-shadow(0px 0px 1px rgba(19,49,99,1));
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 3. PRESSNOTES */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/* .pressnotes-solution-card { */
	/* width: 32%; */
	/* min-height: 3em; */
	/* padding-left: 1em; */
	/* padding-right: 1em; */
	/* padding-bottom: 3em ; */
	/* margin-top:2em; */
	/* display: inline-block; */
    /* float: none; */
    /* text-align: center; */
    /* position: relative; */
	/* text-align: center; */

/* } */


/* .media-heading > a { */
	/* color: black; */
/* } */

/* .media-heading > a:hover { */
	/* color:blue; */
/* } */

/* #section1 > img, #section2 > img, #section3 > img { */
	/* object-fit:cover; */
	/* width:100%; */
	/* height:20em; */
/* } */

/* .element-faq .pressnote-accordion { */
    /* background-color: rgba(0, 160, 226, 0); */
    /* color: white; */
    /* padding: 15px 45px 15px 15px; */
    /* font-size: 18px; */
    /* font-weight: 500; */
    /* position: relative; */
    /* cursor: pointer; */
    /* transition: all 0.3s; */
    /* margin: 20px 0 0; */
    /* font-weight: bold; */
	/* margin-bottom: 2em; */

/* } */


/* div.pressnote-accordion { */
	/* position:relative; */
/* } */


/* .pressnote-accordion > h1 { */
	/* position:absolute; */
	/* top: 3em; */
	/* left:1em; */
	/* font-size: 3em; */
	/* background-color: rgba(0,0,0,0.4); */
	/* box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); */
/* } */


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 4. GALLERY */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/* .cell-view { */
	/* padding: 10em; */
/* } */

/* div.c-wrapper{ */
    /* width: 80%; /* for example */ */
    /* margin: auto; */
/* } */

/* .carousel-inner > .item > img, */
/* .carousel-inner > .item > a > img{ */
/* width: 100%; /* use this, or not */ 
/* margin: auto; */
}

/* end of gallery */





/* white square surrounding pic */



/* accordion */



/* #section1:hover img, #section2:hover img, #section3:hover img{ */
	/* box-shadow: 0 8px 16px 0 rgba(0,0,0,0.6); */
	/* opacity: 1; */
/* } */
/* #section1:hover h1, #section2:hover h1, #section3:hover h1{ */
	/* color: #1980ab; */
/* } */










/* .main-content{ */
	/* border: 0em; */
/* } */

/* the small boxes each an article for both newsletter and pressnotes*/

/* .solution-detail-col { */
	/* background-color: white; */

/* } */



/* .solution-detail-col img { */
	/* border-radius: 10%; */
/* } */

/* .solution-detail-body { */
	/* background-color: white; */
	/* text-align: left; */
	/* padding: 20px 15px; */

/* } */


/* .solution-detail-body h3{ */
	/* margin-bottom: 1em; */
	/* font-size:2.5em; */
	/* color:#1980ab; */
	/* -webkit-line-clamp:1s; */
	/* text-overflow:ellipsis; */
	/* overflow:hidden; */
	/* display:-webkit-box; */



/* } */

/* .solution-detail-body p { */
	/* margin-bottom: 2em; */
	/* font-size: 1.2em; */
/* } */

/* button below article card */

/* .button { */
	/* padding:15px 30px; */
	/* font-size: 2em; */

/* } */
/* .solution-detail-body .portfolio-experiment { */
    /* margin-top: 5px; */
/* } */

/* .portfolio-experiment { */
    /* width: auto; */
    /* position: relative; */
    /* display: inline-block; */
    /* margin-top: 15px; */
/* } */

/* headerLoader and bannerLoader */

/* #header-resources{ */

	/* font-size:3em; */
	/* color:white; */
	/* margin-bottom:.4em; */
	/* margin-left: .3em; */
/* } */

/* #header-issue { */
	/* font-size: 2em; */
	/* margin-left: .5em; */
	/* color: white; */

/* } */

/* .img-responsive { */
	/* display: inline-block; */
	/* max-width: 100%; */
	/* height: 14em; */
  /* object-fit:contain; */
	/* margin: 2em 0; */
/* } */

/* .pos-rel { */
	/* padding-top: 0; */
/* } */

/* .main-content{ */
	/* border:0; */
/* } */

/* .float-panel{ */
	/* text-align:center; */
	/* position:absolute; */
	/* width:100%; */
	/* z-index:99; */
	/* top:0; */
	/* height:40px; */
/* } */

/* .bg-blue{ */
	/* background-color:#00a0e2; */
/* } */

/* .tab.theme-a { */
     /* text-align: center; */
     /* position: relative; */
     /* display: inline-block; */
	 /* margin-bottom: 0px; */
/* } */
 /* .float-panel.fixed ul.tab.theme-a { */
	/* margin-bottom: 0px; */
/* } */
 /* .tab-component ul,.tab-component1 ul { */
     /* font-size: 0; */
     /* margin:0 auto; */
     /* text-align: center; */
     /* padding: 0; */
/* } */

 /* .tab-component,.tab-component1 { */
     /* position: relative; */
     /* width: 100%; */
     /* display: inline-block; */
/* } */
 /* .tab-sec .tab-component { */
    /* margin-bottom: 50px; */
/* } */

/* .text-changer h2 { */
    /* margin-top: 0; */
    /* padding-top: 20px; */
    /* font-size: 12em; */
    /* font-family: ProximaNova-Bold; */
    /* margin-bottom: 10px; */
	/* text-align:left; */
/* } */


/* .tab-heading p { */
	/* margin-top:.3vh; */
	/* font-size: 3vh; */
/* } */



 /* .tab > li,.tab-body > li,.tab-inn > li { */
     /* float: none; */
     /* list-style: none; */
     /* display: inline-block; */
     /* text-align: center; */
     /* font-size: 14px; */
     /* padding: 0; */
     /* position: relative; */
/* } */
/* .tab > li > a,.tab-body > li > a,.tab-inn > li > a{ */
     /* font-size: 16px; */
     /* padding: 12px 38px; */
     /* display: inline-block; */
     /* vertical-align: middle; */
     /* text-decoration: none; */
     /* color:#1e1e22; */
     /* font-weight:600; */
     /* transition:all 0.4s; */
     /* letter-spacing: .5px; */
/* } */
/* .tab > li > a:after,.tab-body > li > a:after,.bg-lblue .tab-inn > li > a:after{ */
     /* position:absolute; */
     /* content:''; */
     /* bottom:0; */
     /* left:0; */
     /* width:100%; */
     /* height:2px; */
     /* background-color:rgba(0,160,226,1); */
     /* opacity:0; */
/* } */

/* .bg-lblue{ */
	/* background-color:#133163; */
/* } */
/* .bg-blue .tab > li > a,.bg-lblue .tab-inn > li > a{ */
	/* color:#fff; */
/* } */
/* .bg-blue .tab > li > a:after,.bg-lblue .tab-inn > li > a:after{ */
	/* background-color:#fff; */
	/* top:0; */
	/* bottom:auto; */
/* } */
 /* .tab > li.active a:after,.tab-body > li.active a:after,.tab-inn > li.active a:after{ */
     /* opacity:1; */
/* } */




/* .card { */
  /* Add shadows to create the "card" effect */
  /* margin: .5em; */
  /* width: 50%; */
  /* float: left; */
  /* padding:20%; */
  /* max-height: 14vw; */
  /* width: 25em; */
  /* margin-bottom:6em; */

/* } */


/* On mouse-over, add a deeper shadow */
/* .card:hover { */
  /* box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); */
/* } */


/* Newsletter & Press notes ellipsis multiple lines rather than just one */

/* .ellipsis { */
    /* overflow: hidden; */
    /* height: 4.5em; */
    /* line-height: 40px; */
    /* margin: 20px; */
/* } */
/* .ellipsis:before { */
    /* content: ""; */
    /* float: left; */
    /* width: 5px; */
	/* height: 4em; */
/* } */
/* .ellipsis > *:first-child { */
    /* float: right; */
    /* width: 100%; */
    /* margin-left: -5px; */
/* } */
/* .ellipsis:after { */
    /* content: "\02026"; */
    /* box-sizing: content-box; */
    /* -webkit-box-sizing: content-box; */
    /* -moz-box-sizing: content-box; */
    /* float: right; */
    /* position: relative; */
    /* top: -25px; */
    /* left: 100%; */
    /* width: 3em; */
    /* margin-left: -3em; */
    /* padding-right: 5px; */
    /* text-align: right; */
    /* background-size: 100% 100%;/* 512x1 image,gradient for IE9. Transparent at 0% -> white at 50% -> white at 100%.*/ */
	/* background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAABCAMAAACfZeZEAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDWRdwAAAP90Uk5TgsRjMZXhS30YrvDUP3Emow1YibnM9+ggOZxrBtpRRo94gxItwLOoX/vsHdA2yGgL8+TdKUK8VFufmHSGgAQWJNc9tk+rb5KMCA8aM0iwpWV6dwP9+fXuFerm3yMs0jDOysY8wr5FTldeoWKabgEJ8RATG+IeIdsn2NUqLjQ3OgBDumC3SbRMsVKsValZplydZpZpbJOQco2KdYeEe36BDAL8/vgHBfr2CvTyDu8R7esU6RcZ5ecc4+Af3iLcJSjZ1ivT0S/PMs3LNck4x8U7wz7Bv0G9RLtHuEq1TbJQr1OtVqqnWqRdoqBhnmSbZ5mXapRtcJGOc4t2eYiFfH9AS7qYlgAAARlJREFUKM9jqK9fEGS7VNrDI2+F/nyB1Z4Fa5UKN4TbbeLY7FW0Tatkp3jp7mj7vXzl+4yrDsYoVx+JYz7mXXNSp/a0RN25JMcLPP8umzRcTZW77tNyk63tdprzXdmO+2ZdD9MFe56Y9z3LUG96mcX02n/CW71JH6Qmf8px/cw77ZvVzB+BCj8D5vxhn/vXZh6D4uzf1rN+Cc347j79q/zUL25TPrJMfG/5LvuNZP8rixeZz/mf+vU+Vut+5NL5gPOeb/sd1dZbTs03hBuvmV5JuaRyMfk849nEM7qnEk6IHI8/qn049hB35QGHiv0yZXuMdkXtYC3ebrglcqvYxoj1muvC1nDlrzJYGbpcdHHIMo2FwYv+j3QAAOBSfkZYITwUAAAAAElFTkSuQmCC); */
    /* background: -webkit-gradient(linear,left top,right top, */
        /* from(rgba(255,255,255,0)),to(white),color-stop(50%,white)); */
        /* background: -moz-linear-gradient(to right,rgba(255,255,255,0),white 50%,white); */
        /* background: -o-linear-gradient(to right,rgba(255,255,255,0),white 50%,white); */
        /* background: -ms-linear-gradient(to right,rgba(255,255,255,0),white 50%,white); */
        /* background: linear-gradient(to right,rgba(255,255,255,0),white 50%,white); */
    /* } */
/* Add some padding inside the card container */
/* .container { */
  /* padding: .5em 1em; */
/* } */

/* .card-body { */
	 /* background-color:white; */
	 /* max-height: 100%; */
	 /* min-width: 100%; */
/* } */





/* @media screen and (min-width: 201px) and (max-width: 801px) { */

/* } */


/* downloads section */



/* .active { */
	/* display: block; */
/* } */

/* .hovers { */
	/* display: block; */
	/* animation-duration: 0.4s; */
    /* animation-name: fadeIn; */
/* } */
/* @keyframes fadeIn{ */
    /* 0%{ */
        /* opacity: 0; */
    /* } */
    /* 100%{ */
        /* opacity: 1 */
    /* } */
/* } */

/* .section-one-show { */
	/* display:block; */
/* } */


/* sidebar in downloads page */
/* .sidebar2 { */
    /* width: 100%; */
    /* min-height: 1em; */
    /* display: block; */
    /* float: none; */
    /* text-align: left; */
    /* position: relative; */
    /* line-height: 2em; */
/* } */

/* .sidebar-img, .sidebar-img img { */
	/* max-width:100%; */
	/* border-radius:0; */
	/* width: 100%; */
/* } */

/* .system-boxes { */
	/* margin-top: 2em; */
/* } */

/* .img-circle{ */
	/* border-radius: 30%; */
  /* width: 15em; */

/* } */

/* .media { */
	/* padding: 1em 0; */

/* } */

/* .bg-color:hover { */
	/* background-color: #0477a775; */

/* } */

/* .media-body > p { */
	/* margin-top: .5em; */
    /* font-size: 1.5em; */
/* } */

/* .btn-info { */
	/* color: #fff; */
    /* background-color: #2b89b1; */
    /* border-color: #2b89b1; */
/* }hover */

/* .row-software h2 { */
	/* font-size: 7em; */
    /* text-align: center; */
    /* position: relative; */
    /* top: 1em; */
	/* color:white; */
/* } */

/* div.row.row-software{ */
	/* margin-top:7em; */
/* } */

/* div.row.row-software >h2 { */
	/* text-align:center; */
	/* color: white; */
	/* font-size: 8em; */

/* } */

/* hr { */
	/* margin-top: 9em; */
/* } */



/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 5. RESPONSIVENESS */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.resources-section{
	padding:0!important;
}

@media (max-width:575.98px){
	
}

@media (min-width:576px) and (max-width:767.98px){

}

@media (min-width:768px) and (max-width:991.98px){
	
}

@media (min-width:992px) and (max-width:1199.98px){
	.resources-section{
		padding-right: 25px;
		padding-left: 25px;
	}
}

@media (min-width:1200px){

}

@media (min-width:1200px) and (max-width:1559px){
	.resources-section{
		padding-right: 50px;
		padding-left: 50px;
	}

}

@media (min-width:1560px) and (max-width:1919px){
	.resources-section{
		max-width: 1540px;
		padding-right: 15px;
		padding-left: 15px;
	}

}

@media (min-width:1920px){
	.resources-section{
		max-width: 1540px;
		padding-right: 15px;
		padding-left: 15px;
	}

}