/********************** DEFAULT STYLES **********************/

* { margin:0; padding:0; }

.carousel-control-prev-icon {
	background-image: url('../images/arrowLeft.svg') !important;
}

.carousel-control-next-icon {
	background-image: url('../images/arrowRight.svg') !important;
}

.historyBox .closed {
    background-color: #999999 !important;
    border: 0px !important;
    background-image: url('../images/icon_plus.svg') !important;
    background-repeat: no-repeat;
}

.historyBox .closedBlack {
    background-color: #000 !important;
    border: 0px !important;
    background-image: url('../images/icon_plus.svg') !important;
    background-repeat: no-repeat;
}

.historyBox .open {
    background-color: #0468B0 !important;
    border: 0px !important;
    background-image: url('../images/icon_minus.svg') !important;
    background-repeat: no-repeat;
}


.historyBoxBlu .closed {
    background-color: #d6e9f6!important;
    border: 0px !important;
    background-image: url('../images/icon_plus.svg') !important;
    background-repeat: no-repeat;
}

.historyBoxBlu .closedBlack {
    background-color: #000 !important;
    border: 0px !important;
    background-image: url('../images/icon_plus.svg') !important;
    background-repeat: no-repeat;
}

.historyBoxBlu .open {
    background-color: #0468B0 !important;
    border: 0px !important;
    background-image: url('../images/icon_minus.svg') !important;
    background-repeat: no-repeat;
}


.open02 {
    background-color: #0468B0 !important;
    border: 0px !important;
    background-image: url('../images/icon_minus.svg') !important;
    background-repeat: no-repeat;
}


/************************************************************/

@media screen and (min-width: 320px)  {

	

			.historyBox {
				width: 100%;
				height: auto;
			}

				.historyBox button {
					width: 100%;
					height: auto;
					padding: 10px 5px 10px 30px;
					border-radius: 0 !important;
					background-size: auto 55%;
					background-position: 2% 50%;
					margin-bottom: 10px;
				}

					.historyBox button h3 {
						font-size: 0.60em;
						margin: 0 !important;
						text-align: left !important;
					}

				.historyBox h1 {
					display: inline-block;
					font-family: 'Poppins', sans-serif;
					font-weight: 900;
					font-size: 2em;
					text-transform: uppercase;
					letter-spacing: 1px;
					padding: 1px 0 1px 20px;
					margin: 10px 0 30px 0px;
					border-left: 10px solid #0468B0;
					width: 100%;
				}

			.historyBoxBlu {
				width: 100%;
				height: auto;
			}

				.historyBoxBlu button {
					width: 100%;
					height: auto;
					padding: 10px 5px 10px 30px;
					border-radius: 0 !important;
					background-size: auto 55%;
					background-position: 2% 50%;
					margin-bottom: 10px;
				}

					.historyBoxBlu button h3 {
						font-size: 0.85em;
						color: #000;
						margin: 0 !important;
						text-align: left !important;
					}

				.historyBoxBlu h1 {
					display: inline-block;
					font-family: 'Poppins', sans-serif;
					font-weight: 900;
					font-size: 2em;
					text-transform: uppercase;
					letter-spacing: 1px;
					padding: 1px 0 1px 20px;
					margin: 10px 0 30px 0px;
					border-left: 10px solid #0468B0;
					width: 100%;
				}




				.historyImage {
					width: 100%;
					height: auto;
				}

				.imageCaption {
					font-size: 0.65em;
					font-family: 'Lato', sans-serif;
					font-weight: 700;
					margin: 5px auto 15px auto;
				}

				.historyText {
					font-size: 0.85em;
					font-family: 'Lato', sans-serif;
					font-weight: 400;
					width: auto;
				}

				

}

/************************************************************/

@media screen and (min-width: 375px)  {

	

	.historyBox h1 {
		font-size: 2em;
		margin: 20px 0 30px 0px;
		border-left: 10px solid #0468B0;
		width: 100%;
	}

	.historyBox button {
		padding: 12px 5px 12px 40px;
		background-size: auto 55%;
		background-position: 3% 50%;
	}

		.historyBox button h3 {
			font-size: 0.7em;
		}

	.historyBoxBlu h1 {
		font-size: 2em;
		margin: 20px 0 30px 0px;
		border-left: 10px solid #0468B0;
		width: 100%;
	}

	.historyBoxBlu button {
		padding: 12px 5px 12px 40px;
		background-size: auto 55%;
		background-position: 3% 50%;
	}

		.historyBox button h3 {
			font-size: 0.78em;
		}

	

}

/************************************************************/

@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {

	

	.historyBox h1 {
		font-size: 2em;
		margin: 20px 0 30px 0px;
		border-left: 10px solid #0468B0;
		width: 100%;
	}

	.historyBox button {
		padding: 12px 5px 12px 40px;
		background-size: auto 55%;
		background-position: 3% 50%;
	}

		.historyBox button h3 {
			font-size: 0.7em;
		}		

	.historyBoxBlu h1 {
		font-size: 2em;
		margin: 20px 0 30px 0px;
		border-left: 10px solid #0468B0;
		width: 100%;
	}

	.historyBoxBlu button {
		padding: 12px 5px 12px 40px;
		background-size: auto 55%;
		background-position: 3% 50%;
	}

		.historyBoxBlu button h3 {
			font-size: 0.78em;
		}

}

/************************************************************/

@media screen and (min-width: 414px)  {

	
	.historyBox h1 {
		font-size: 2em;
		margin: 20px 0 30px 0px;
		border-left: 10px solid #0468B0;
		width: 100%;
	}
 
	.historyBox button {
		padding: 12px 5px 12px 40px;
		background-size: auto 55%;
		background-position: 3% 50%;
	}

		.historyBox button h3 {
			font-size: 0.75em;
		}

	.historyBoxBlu h1 {
		font-size: 2em;
		margin: 20px 0 30px 0px;
		border-left: 10px solid #0468B0;
		width: 100%;
	}


	.historyBoxBlu button {
		padding: 12px 5px 12px 40px;
		background-size: auto 55%;
		background-position: 3% 50%;
	}

		.historyBoxBlu button h3 {
			font-size: 0.8em;
		}


		.imageCaption {
			font-size: 0.75em;
			margin: 5px auto 15px auto;
		}

		.historyText {
			font-size: 1em;
		}

	

}

/************************************************************/

@media screen and (min-width: 480px)  {

	

}

/************************************************************/

@media screen and (min-width: 568px) {

	

	.historyBox button {
		padding: 12px 5px 12px 45px;
		background-size: auto 55%;
		background-position: 2% 50%;
	}

		.historyBox button h3 {
			font-size: 1em;
		}

	.historyBoxBlu button {
		padding: 12px 5px 12px 45px;
		background-size: auto 55%;
		background-position: 2% 50%;
	}

		.historyBoxBlu button h3 {
			font-size: 1em;
		}


		.imageCaption {
			font-size: 0.75em;
			margin: 5px auto 15px auto;
		}

		.historyText {
			font-size: 1em;
		}

}

/************************************************************/

@media screen and (min-width: 667px) {



}

/************************************************************/

@media screen and (min-width: 736px)  {



}

/************************************************************/

@media screen and (min-width: 768px)  {

	

	.historyBoxBlu button {
		padding: 12px 5px 12px 45px;
		background-size: auto 45%;
		background-position: 1.75% 50%;
	}

		.historyBox button h3 {
			font-size: 1em;
		}

	.historyBoxBlu button {
		padding: 12px 5px 12px 45px;
		background-size: auto 45%;
		background-position: 1.75% 50%;
	}

		.historyBoxBlu button h3 {
			font-size: 1em;
		}


		.imageCaption {
			font-size: 0.75em;
			margin: 5px auto 15px auto;
		}

		.historyText {
			font-size: 1em;
		}

			

}

/************************************************************/

@media only screen 
    and (device-width : 812px) 
    and (device-height : 375px) 
    and (-webkit-device-pixel-ratio : 3) {



}

/************************************************************/

@media screen and (min-width: 992px)  {

	
			

}

/************************************************************/

@media screen and (min-width: 1024px)  {

	


}

/************************************************************/

@media screen and (min-width: 1266px)  {

}

/************************************************************/

@media screen and (min-width: 1280px)  {

	

	.historyBox button {
		padding: 12px 5px 12px 55px;
		background-size: auto 45%;
		background-position: 1.5% 50%;
	}

		.historyBox button h3 {
			font-size: 1em;
		}

		
	.historyBoxBlu button {
		padding: 12px 5px 12px 55px;
		background-size: auto 45%;
		background-position: 1.5% 50%;
	}

		.historyBoxBlu button h3 {
			font-size: 1em;
		}




}

/************************************************************/

@media screen and (min-width: 1281px)  {



}

/************************************************************/

@media screen and (min-width: 1366px)  {

}

/************************************************************/


@media screen and (min-width: 1600px)  {

}

/************************************************************/

@media screen and (min-width: 1920px)  {

}

/************************************************************/