/*Wrapper*/
.wrapper{
    font-family: 'Raleway', sans-serif;
    padding: 0px 40px 60px 40px;
    position: relative;
}

/*Vertical Sliding*/
.slidingVertical{
	display: inline;
	text-indent: 8px;
}
.slidingVertical span{
	animation: topToBottom 17.5s linear infinite 0s;
	-ms-animation: topToBottom 17.5s linear infinite 0s;
	-webkit-animation: topToBottom 17.5s linear infinite 0s;
	animation-fill-mode: forwards;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	padding-top: 10px;
	font-size:40px;
	color: #00529b;
}
.slidingVertical span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.slidingVertical span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.slidingVertical span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}
.slidingVertical span:nth-child(5){
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s;
}
.slidingVertical span:nth-child(6){
	animation-delay: ;
	-ms-animation-delay: 12.5s;
	-webkit-animation-delay: 12.5s;
}
.slidingVertical span:nth-child(7){
	animation-delay: 15s;
	-ms-animation-delay: 15s;
	-webkit-animation-delay: 15s;

}

/*topToBottom Animation*/
@-moz-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: translateY(-20px); }
	10% { opacity: 1; -webkit-transform: translateY(0px); }
	15% { opacity: 1; -webkit-transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(20px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-webkit-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: translateY(-20px); }
	10% { opacity: 1; -webkit-transform: translateY(0px); }
	15% { opacity: 1; -webkit-transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(20px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: translateY(-20px); }
	10% { opacity: 1; -webkit-transform: translateY(0px); }
	15% { opacity: 1; -webkit-transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(20px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}

/****** Custom Slider CSS ********/

.bx-wrapper img {
	margin: 0 auto;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	bottom: 15px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #ffb400;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #fff;
}
.slider1 .bx-wrapper {
	border: none;
	margin-bottom: 0px;
	box-shadow: none;
	background: #00529b;
}

/****** Overall Panels ********/

.panel {
	box-shadow: none;
}
.pgp-panels {
	position: relative;
	overflow: hidden;
}
.pgp-panels .panel {
	border-radius: 0;
	margin-bottom: 0;
	border: none;
	padding: 50px 0;
}
h2 {
	font-weight: 600;
	font-size: 48px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: -1px;
}
h3 {
	font-size: 35px;
	font-family: 'Montserrat', sans-serif;
}
p {
	font-size: 25px;
	font-weight: 500;
}
/******* Panel 1 ********/

.panel1 {
	text-align: center;
	background: #fff url("../jpg/panel1_bg-5.jpg") no-repeat 100% 0%/cover;
	color: #000;
	background-size: cover;
}
.panel1 h2 {
	color: #00529b;
}
.panel1 h3 {
	color: #00529b;
	font-size: 25px;
	margin-bottom: 25px;
}

.panel1 h4 {
	text-align: center;
	font-size: 20px;
}

.panel1 p{
	margin-top:25px;
	margin-bottom:25px;
}
.panel1 .icon{
	margin-top:15px;
}

.panel1 a {
	color: #00529b;
}

/****** Panel Video ********/
.panel_video {
	background: #fff url("../jpg/panel_bg.jpg") no-repeat 100% 0%/cover;
	text-align: center;
	color:#fff;
}
.panel_video h2{
	color:var(--darkblue);
	padding-bottom:20px;
}




/****** Panel 2 ********/

.panel2 {
	text-align: left;
	background: #00529b url("../jpg/panel2_bg-6.jpg") no-repeat 100% 0%/cover;
	color: #fff;
}
.panel2 p {
	font-size: 25px;
}
.panel2 h2 {
	color: #fff;
}


/****** Panel 2-1 ********/
.panel2-1 {
    background: #001E44 url("../png/panel2-1_bg.png") no-repeat scroll 0 center;
    color: #fff;
    padding: 110px 0px !important;
    background-size: contain;
}

.panel2-1 h2 {
    color: #96bee6;
    font-family: 'Roboto Slab' , serif;
}
.panel2-1 p {
	font-size:25px;
	padding:15px 0px 20px 0px;

}
.panel2-1 .btn-lg {
    border: solid 3px #96bee6 !important;
    border-radius: 10px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 600;
    background-color: transparent;
    padding: 5px 15px;
    font-weight:600;
}
.panel2-1 .btn-lg:hover, .panel2-1 .btn-lg:active, .panel2-1 .btn-lg:focus {
    background-color: #96bee6;
    color: #000;
}
/****** Panel 3 ********/

.panel3 {
	text-align: center;
	background: #333 url("../jpg/panel3_bg.jpg") no-repeat 100% 0%/cover;
	color: #fff;
	background-size: cover;
}
.panel3 h2 {
	color: #ffb400;
}
.panel3 h3 {
	color: #97bee5;
	font-size: 50px;
	margin-bottom: 0px;
}
.panel3 p:first-of-type {
	border-bottom: 1px dotted #ffb400;
	padding-bottom: 20px;
}
.panel3 small {
	font-size: 20px;
	color: #97bee5;
}
.panel3 .btn {
	background: #00529b;
	border: 2px solid #ffb400;
	color: #ffb400;
	border-radius: 5px;
	font-size: 20px;
	padding: 10px 15px;
	margin-top: 35px;
	font-weight:600;
}
.panel3 .btn:hover {
	background: #ffb400;
	border: 2px solid #00529b;
	color: #00529b;
}
/****** Panel 4 ********/

.panel4 {
	text-align: left;
	background: #fff url("../jpg/panel4_bg-5.jpg") no-repeat 100% 0%/cover;
	color: #000;
	padding: 80px 0!important;
	}
.panel4 p {
	font-size: 25px;
}
.panel4 h2 {
	color: #00529b;
}
/****** Panel 5 ********/

.panel5 {
	background: #00529b;
	text-align: left;
	color: #fff;
	padding: 100px 0px 100px 0px !important;
}
.panel5 .text {
	padding: 0px 100px 0px 100px !important;
}
.panel5 h2 {
	color: #ffb400;
}
.panel5 small {
	font-size: 15px;
}


.panel5.slide1 {
	background: #333 url("../jpg/panel5_cannizarobg.jpg") no-repeat 30%;
	background-size: cover;
}
.panel5.slide2 {
	background: #333 url("../jpg/panel5_cottlebg.jpg") no-repeat 30%;
	background-size: cover;
	padding: 150px 0px 150px 0px !important;
}
.panel5.slide3 {
	background: #333 url("../jpg/panel5_carlislebg.jpg") no-repeat 30%;
	background-size: cover;
}

/****** Panel 6 ********/

.panel6 {
	color: #fff;
	padding: 200px 0px 200px 0px!important;
	background: #fff url("../jpg/panel6_bg.jpg") no-repeat;
	background-size: cover;
}
.panel6 .blue-transparent {
	background-color: rgba(255, 255, 255, 0.9);
	text-align: center;
	padding:60px;

}
.panel6 h2 {
	color: #00529b;
}

.panel6 p {
	color:#000;
}
.panel6 span {
	color:#00529b;
	font-weight:800;
	font-size:30px;
}

/****** Panel 7 ********/

.panel7 {
	text-align: left;
	background: #fff url("../jpg/panel7_bg-3.jpg") no-repeat 100% 0%/cover;
	color: #000;
	background-size: cover;
}
.panel7 h2 {
	color: #00529b;
}
.panel7 .btn {
	background: #00529b;
	border: 2px solid #ffb400;
	color: #ffb400;
	border-radius: 5px;
	font-size: 20px;
	padding: 10px 15px;
	margin-top: 35px;
	font-weight:600;
}
.panel7 .btn:hover {
	background: #ffb400;
	border: 2px solid #00529b;
	color: #00529b;
}
/****** Media Queries ********/

@media (max-width: 1200px) {}
@media (max-width: 1600px) {}
@media (max-width: 1500px) {}
@media (max-width: 1400px) {
	.panel2-1{
		background-position: -35% 0%;
	}
	.panel3 {
    background-position: 30% 0%;
}
}
@media (max-width: 1300px) {
}
@media (min-width: 1200px) {}
@media (max-width: 1200px) {
	.panel2{
		background-position: 40% 0%;
	}
	.panel2-1{
		background-image: none;
	}
	.panel3 {
		background-position: 30% 0%;
	}
	.panel4 {
		background-position: 30% 0%;
	}
	.panel7 {
		background-position: 30% 0%;
	}
}
@media (max-width: 991px) {
	.panel2{
		background-image:none;
	}
	.panel4{
		background-image:none;
	}
	.panel5.slide1, .panel5.slide2, .panel5.slide3  {
		background: #333 url("../jpg/quotebg-3.jpg") no-repeat 30%;
		background-size: cover;
	}
	.panel6 {
	padding: 50px 0px 50px 0px!important;
	}
	.panel7{
		background-image:none;
	}
}
@media (max-width: 767px) {}
@media (max-width: 670px) {

@media (max-width: 566px) {

	.slidingVertical span:nth-child(3){
		font-size:25px;
	}
}
@media (max-width: 480px) {
	h1 {
		font-size: 35px !important;
	}
	h2 {
		font-size: 35px !important;
	}
	h3 {
		font-size: 30px!important;
	}
	p {
		font-size: 20px !important;
	}
	.panel3 .btn {
		padding: 5px 25px;
	}
	.panel7 .btn {
		padding: 5px 25px;
	}

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