.h-sec1 {
    background-image: url(../images/h-sec1-bg.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: #011f34;
}
.h-sec1 .quick-links {
    margin: -90px 0 0 0;
    z-index: 99;
    position: relative;
}
.quick-links .box {
    max-width: 290px;
}
.quick-links .box a {
    display: inline-block;
}
.quick-links .box a:hover img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.h-sec1 .about-t {
    padding: 30px 0;
}
.h-sec1 .text {
    line-height: 30px;
}
.h-sec1 .head1 {
    color: #17bcd2;
    font-weight: 600;
}
.h-sec2 {
    margin: 0 0 -185px 0;
}
.h-sec2 .box {
    max-width: 605px;
}
.h-sec2 .box a {
    display: inline-block;
    position: relative;
    box-shadow: 0 0 40px rgba(10, 43, 57, 0.30);
    color: #fff;
    overflow: hidden;
}
.h-sec2 .box a:hover {
    box-shadow: 0 0 40px rgba(10, 43, 57, 0.90);
}
.h-sec2 .box a:hover img {
	-webkit-transform: rotate(15deg) scale(1.4);
    transform: rotate(15deg) scale(1.4);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.h-sec2 .box a .text {
    background-color: rgba(23, 188, 210, 0.80);
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    padding: 8px 40px;
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    transform: translate(-50%, -50%);
}
.h-sec3 {
    background-image: url(../images/h-sec3-bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 215px 0 55px 0;
}
.h-sec3 a.blue-btn {
    background-color: #17bcd2;
}
.h-sec3 a.blue-btn:hover {
    background-color: #0d74bc;
}
.h-sec4 {
    background-image: url(../images/h-sec4-bg-2021.jpg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-color: #17bcd2;
}
.h-sec4 .box {
    padding: 75px 40px;
    background-color: #17bcd2;
    position: relative;
    margin-bottom: 0;
}
.h-sec4 .box:after {
    content: '';
    background-image: url(../images/team-btn.png);
    width: 83px;
    height: 83px;
    position: absolute;
    top: 50%;
    right: -44px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.h-sec4 .text {
    line-height: 30px;
    font-style: italic;
}
.h-sec4 a.blue-btn:hover {
    background-color: #001f34;
}
.h-sec5 {
    padding: 30px 0 30px 0;
}
.h-sec5 .box {
    max-width: 395px;
    border-bottom: 5px solid #0d74bc;
    padding: 15px 0 20px 0;
}
.h-sec5 a.thumb {
    display: inline-block;
    position: relative;
    margin: 0 0 10px 0;
}
.h-sec5 a.thumb .bdate {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0d74bc;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 12px;
}
.h-sec5 a.thumb img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.h-sec5 a.thumb:hover img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.h-sec5 a.thumb .bdate span {
    line-height: 36px;
}
.h-sec5 .box a.name {
    display: inline-block;
    color: #000;
}
.h-sec5 .box .text {
    padding: 15px 0;
}
.h-sec5 .box a.more {
    color: #17bcd2;
}
.h-sec5 .box a.name:hover, .h-sec5 .box a.more:hover {
    color: #0d74bc;
}
.video-text-box a.btn {
    display: inline-block;
    background-color: #17bcd2;
    text-transform: uppercase;
    padding: 12px 26px;
    color: #fff;
    margin: 15px 0 0 0;
}
.video-text-box a.btn:hover {
    background-color: #0d74bc;
}


.h2-social-feed-button{width:19.3%; position:relative;  margin:0.3%;  float:left;}
.h2-social-feed-button img{ width:100% !important;}
.h2-social-feed-overlay{display:none;}
.h2-social-feed-button:hover{  height:20%; color:#FFF; font-size:21px; }
.h2-social-feed-button:hover .h2-social-feed-overlay{background-color:rgba(0,45,116, 0.5);display:block; position:absolute; padding-top:150px; width:100%; float:left; height:100%; text-align:center;}


@media screen and (max-width: 1362px) {
}
@media screen and (max-width: 992px) {
	.h-sec1 .quick-links {
	    margin: 30px 0 0 0;
	}
	.h-sec1 .about-t {
	    padding: 0 0 10px 0;
	}
	.h-sec1 {
	    background-image: none;
	}
	.h-sec2 {
	    margin: 0;	
	}
	.h-sec2 .z-pv-80, .h-sec3 .z-pv-80 {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.h-sec2 .box a .text {
	    width: 80%;
	}
	.h-sec3 {
	    padding: 0;	
	}
	.h-sec3 .z-pv-80 {
		padding-bottom: 50px;
	}
	.h-sec4 .box::after {
		display: none;
	}
	.h-sec4 .box {
	    padding: 20px 40px 20px 40px;
	}
	.h-sec5 {
	    padding: 30px 0 50px 0;
	}
	.h-sec5 .head {
	    padding-bottom: 20px;
	}
}
@media screen and (max-width: 767px) {
	.h-sec2 .box {
	    padding: 0;
	}
}
@media screen and (max-width: 479px) {
	.h-sec5 .z-column.z-pt-30 {
	    padding-top: 0;
	}
}