/*
	CONTENTS
	
	1. BASIC STUFF
	2. MOBILE BURGER
	3. MAIN NAV
	4. MAIN NAV MOBILE
	5. DOWN ARROW - SCROLL DOWN NAVIGATION
	6. HOMEPAGE MAIN IMAGE
	7. STANDARD MAIN IMAGE
	8. STANDARD MAIN CONTENT AREA
	9. SINGLE COLUMN MAIN CONTENT AREA
	10. VESSELS BLOCK
	11. HOMEPAGE INFORMATION PANEL
	12. HOMEPAGE VIDEOS PANEL
	13. EMBEDED YOUTUBE VIDEO
	14. LIGHTBOX YOUTUBE VIDEO
	15. HOMEPAGE TESTIMONIALS PANEL
	16. RIGHT COLUMN TESTIMONIALS
	17. MAP PANEL
	18. TOP FOOTER
	19. BOTTOM FOOTER
	20. CONTACT FORM
	21. MAIN NEWS PAGE LIST
	22. SIDEBAR NEWS LIST
	23. YOUTUBE FEED
	24. SIMPLE GALLERY

	
*/

/* 1. BASIC STUFF */
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
html{

}
body{
    font-family: 'Roboto Condensed', sans-serif;
    color:#fff;
}

body.single-column{
}

a{
	text-decoration: none;
	color:#009dde;
}

a:hover{
	color:#fff;
}

a.button{
	display:inline-block;
	height:40px;
	line-height:40px;
	color:#fff;
	background:#009dde;
	padding:0 20px;
	position:relative;
	margin:10px 0;
	text-transform:uppercase;
	font-weight: 400;
	font-size: 15px;
	transition:all 0.3s;
}
a.button:after{
	content: '';
	display: block;
	position: absolute;
	right: -14.5px;
	top: 0;
	width: 0;
	height: 0;
	border-top: 40px solid #009dde;
	border-right: 15px solid transparent;
	transition:all 0.3s;
}

a.button:hover{
	background:#fff;
	color:#3382bd;
}

a.button:hover:after{
	border-top: 40px solid #fff;
}

hr{
	border: 0 none;
	display: block;
	height: 15px;
	background: #1b253c;
	width: 100%;
	margin: 30px auto;
}

.nowrap{
	white-space: nowrap;
	}

.full-height{
	min-height:100vh;
}
.max-width{
	max-width:1200px;
	margin:0 auto;
	}

.blue-shade-one{
	background:#111832;
}
.blue-shade-two{
	background:#101729;
}
.blue-shade-three{
	background:#0f1525;
}

.ccm-block-file a{
	}
.ccm-block-file a:before{
	content:'\f019';
	font-family:'FontAwesome';
	margin-right:5px;
}
h1, h2, h3, h4{
	font-weight:400;
	margin-bottom:20px;
	color:#fff;
}
h1{
	font-weight: 300;
	color: #fff;
	font-size: 36px;
	text-transform: uppercase;
	margin: 0;
	line-height: 1em;
}

h2{
	text-transform: uppercase;
	font-size: 22px;
}
p{
	line-height:1.5em;
	margin:15px 0;
	font-size:16px;
	font-weight:300;
	color:#cfd8e1;
}

#bottom-footer #socials {
    list-style: none;
    position: relative; 
    width: auto;
    margin-bottom: 10px;
}

.linkedin:before {
    content: '\f08c';
    font-family:'FontAwesome';
    font-size: 30px;
    color: #03a7ef;
    position: relative;
}

.linkedin:hover:before {
    color: #222483;
}

.linkedin a {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.title {
	padding:0 5%;
	}
.title p{
	max-width:640px;
	margin:10px 0;
	font-size:15px;
	line-height: 1.2em;
	font-weight: 400;
}

section{
	position:relative;
}
#header{
	position: fixed;
	height: 40px;
	width: 100%;
	z-index: 500;
	transition: top 0.3s;
	top: 0;
}

#logo{
	position: fixed;
	top: 0;
	display: block;
	width: 180px;
	height: 80px;
	padding-left: 2%;
	padding-right: 2%;
	box-sizing: content-box;
	background: #273357;
	z-index:100;
}

#logo a{
	display: block;
	height: 80px;
	width: 180px;
}

#logo img{
	width:100%;
	height:auto;
	position:relative;
	top:18px;
}
#logo:after{
	content: '';
	display: block;
	position: absolute;
	right: -29.5px;
	top: 0;
	
	
	width: 0;
	height: 0;
	border-top: 80px solid #273357;
	border-right: 30px solid transparent;
}
/* 2. MOBILE BURGER */

#mobile-burger{
	display: flex;
	position: absolute;
	top: 0;
	right: 0;
	height: 50px;
	width: 50px;
	background: #04abf1;
	justify-content: center;
	flex-direction: column;
	padding: 0 9px;
	cursor:pointer;
	z-index:899;
}

#mobile-burger:hover{
	background: #273357;
}

#mobile-burger span{
	display: block;
	width: 100%;
	height: 6px;
	background: #fff;
	margin: 3px 0;
}

#mobile-burger.hidden{
	display:none;
}
/* 3. MAIN NAV */

#main-nav.desktop{
	position:absolute;
	width:100%;
	padding-right:4%;
	bottom:0;
	background: rgba(255,255,255,0.9);
	transition:all 0s;
}
#main-nav.desktop ul{
	list-style:none;
	float:right;
}
#main-nav.desktop ul li{
	display:inline-block;
	margin:0 1px;
	position:relative;
}
#main-nav.desktop ul li a{
	text-transform:uppercase;
	font-weight:400;
	font-size:14px;
	letter-spacing:0.04em;
	height:40px;
	line-height:40px;
	padding:0 8px;
	display:block;
	transition:color 0.3s;
	color:rgba(34,36,131,1);
}

#main-nav.desktop ul li a:hover{
	color:#1477c3;/* Light Blue */
}
#main-nav.desktop ul li.has-children > a:after{
	content:'\f107';
	font-family:'FontAwesome';
	margin-left:3px;
}

/*SUBNAV*/

#main-nav.desktop ul ul{
	position:absolute;
	top:40px;
	left:-50%;
	text-align:center;
	display:block;
	width:220px;
	padding-top:10px;
	z-index:-1;
	transform:translate(0,-100%);
	transition:transform 0s 0.3s, opacity 0.3s, padding 0.3s;

	opacity:0;

}
#main-nav.desktop ul li:hover ul{
	padding-top:20px;
	transform:translate(0, 0);
	opacity:1;
	transition:opacity 0.3s, padding 0.3s;
}
#main-nav.desktop ul ul li{
	display:block;
	margin:0;
	border-bottom:1px solid rgba(34,36,131,1);/* Dark Blue */
}
#main-nav.desktop ul ul li:last-of-type{
	border-bottom:none;
}
#main-nav.desktop ul ul li:last-of-type:after{
	content:'';
	position:absolute;
	display:block;
	width:calc(100% - 10px);
	bottom:-10px;
	border-top:10px solid rgba(34,36,131,1);/* Dark Blue */
	border-right:10px solid transparent;
}

#main-nav.desktop ul ul li:first-of-type:after{
	content:'';
	position:absolute;
	display:block;
	width:calc(100% - 10px);
	top:-10px;
	border-bottom:10px solid rgba(34,36,131,1);/* Dark Blue */
	border-left:10px solid transparent;
}
#main-nav.desktop ul ul li a{
	color:#fafafa;
	font-size:13px;
	font-weight:300;
	letter-spacing: 0.06em;
	background:rgba(34,36,131,0.9);/* Dark Blue */
}

#main-nav.desktop ul ul li a:hover{
	background:#1477c3;
	color:#fff;
}
#main-nav.desktop ul ul li a:after{
	display:none;
}

/* 4. MAIN - NAV MOBILE */

#main-nav.mobile{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    /* align-content: center; */
    justify-content: center;
    align-items: center;
    background:rgba(15, 21, 37, 0.9);
    z-index:800;
    transform:translateY(100%);
    transition:all 0.3s;
}
#main-nav.mobile.show{
	transform:translateY(0);
	
}
#main-nav.mobile ul{
	text-align: center;
	list-style: none;
}
#main-nav.mobile ul li{
	}
	
#main-nav.mobile ul li a{
	font-size: 24px;
	color: #fff;
	height: 40px;
	display: block;
	line-height: 40px;
	font-weight: 300;
	transition:all 0.3s;
}

#main-nav.mobile ul li a:hover{
	color:#04abf1;
}
/* 5. DOWN ARROW - SCROLL DOWN NAVIGATION */

.down-arrow{
	width:30px;
	height:30px;
	position:absolute;
	left:50%;
	bottom:30px;
	margin-left:-15px;
	text-align:center;
	cursor:pointer;
	z-index:100;
}

.down-arrow:before{
	content: '\f107';
	font-family:'FontAwesome';
	color:#fff;
	font-size:32px;
	color:#04abf1;
}
.down-arrow:hover:before{
	color:#fff;
	}
/* 6. HOMEPAGE MAIN IMAGE */
#hp-main-image{
	width:100%;
	height:100vh;
	position:relative;
	text-align:center;
}



#hp-main-image .parallax-image, #std-main-image .parallax-image{
	position:relative;
	display: block;
	width: 100%;
	height: 100%;
}
#hp-main-image:after{
	content:'';
	display:block;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	height:100px;
	background: linear-gradient(to bottom,  rgba(17,24,50,0) 0%,rgba(17,24,50,1) 100%);
}
#hp-main-image .parallax-image:before{
	content:'';
	display:block;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	height:25vh;
	background: linear-gradient(to bottom,  rgba(0,68,120,1) 0%,rgba(0,68,120,0) 100%);
	z-index:100;
}
#hp-main-image img, #std-main-image img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

#main-image-title{
	position: absolute;

bottom: 80px;

width: 100%;

text-align: center;

padding: 0 5%;

z-index: 10;
}
#main-image-title h1{
	font-weight:300;
	color:#fff;
	font-size:40px;
	text-transform:uppercase;
	margin:0;
	line-height:1em;
}

#main-image-title p{
	font-size:15px;
	color:#fff;
	margin:0;
	line-height: 1.2em;
	font-weight: 300;
}

/* 7. STANDARD MAIN IMAGE */

#std-main-image{
	width:100%;
	height:60vh;
	min-height:400px;
	position:relative;
	text-align:center;
}

#std-main-image:after{
	content:'';
	display:block;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	height:100px;
	background: linear-gradient(to bottom,  rgba(17,24,50,0) 0%,rgba(17,24,50,1) 100%);
}

#std-main-image #main-image-title h1{
	font-weight:700;
	}


/* 8. STANDARD MAIN CONTENT AREA */

.standard section.main-content{
	padding:80px 4%;
}

section.main-content .columns{
	display:flex;
}
section.main-content .columns .lhs{
	width:70%;
}
section.main-content .columns .rhs{
	width: 26%;
	margin-left: 4%;
}
@media screen and (max-width:1023px){
	section.main-content .columns{
		flex-direction:column;
	}
	section.main-content .columns .lhs{
		width:100%;
	}
	section.main-content .columns .rhs{
		width:100%;
		margin:20px 0 20px 0;
	}
}
section.main-content .introtext h1{
	font-size: 28px;
	font-weight: 500;
}
section.main-content .introtext p{
	font-size: 24px;
	font-weight: 400;
	color: #9dabb8;
	line-height:1.4em;
}

section.main-content ul{
	list-style:none;
	margin-left:20px;
}

section.main-content li{
	line-height: 1.5em;
	margin: 15px 0;
	font-size: 16px;
	font-weight: 300;
	color: #fff;
	position:relative;
	padding-left:18px;
}

section.main-content li:before{
	content:'\f105';
	position:absolute;
	top:0;
	left:0;
	font-family:'FontAwesome';
}

/* 9. SINGLE COLUMN MAIN CONTENT AREA */

.single-column section.main-content{
	padding:80px 4%;
}

.single-column section.main-content .introtext h1{
	text-align:center;
}
.single-column section.main-content .introtext p{
	text-align:center;
}

/* 10. VESSELS BLOCK  */

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

.vessel{
	display:inline-block;
	width:32.3%;
	padding:15px 15px 40px 15px;
	background:#1b253c;
	position:relative;
	margin: 1% 0;
}

@media screen and (max-width:900px){
	.vessel{
		width:49%;
	}
}

@media screen and (max-width:680px){
	.vessel{
		width:99%;
	}
}

.vessel-image{
	width:100%;
}
.vessel-information h3{
	margin:10px 0 5px 0;
	}
.vessel-image img{
	width:100%;
	height:auto;
}

p.vessel-type{
	font-size: 16px;
	font-weight:500;
	margin-bottom:5px;
	margin-top:0;
}

p.vessel-description{
	font-size: 14px;
	color: #9dabb8;
	line-height: 1.3em;
	margin-top:0;
}

.download-button{
	font-size:14px;
	position:absolute;
	left:15px;
	bottom:15px;
}
.download-button:before{
	content:'\f019';
	font-family:'FontAwesome';
	margin-right:5px;
}

/* 11. HOMEPAGE INFORMATION PANEL */
.homepage .information{
	padding:80px 0;
	display:flex;
	align-items:center;
	justify-content:center;
	
}
.homepage .info-panel:before{
	content:'';
	display:block;
	width:100%;
	height:100%;
	position: absolute;
	background: #1e263d;
	left: -100%;
	top: 0;
}

.homepage .information h3{
	text-transform:uppercase;
	margin:0 0 5px 0;
	font-weight:600;
}

.homepage .information p{
	font-weight:400;
	font-size:15px;
}

.homepage .information a{
	text-transform:uppercase;
	font-weight:600;
}

.homepage .information .lhs{
	width: 45%;
	background: #1e263d;
	padding: 10px;
	margin: 0 0 0 5%;
	position: relative;
	z-index: 10;
}

.homepage .information .lhs img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.homepage .information .rhs{
	width:50%;
	background:#1e263d;
	padding:50px;
	position:relative;
}

@media screen and (max-width:960px){
	.homepage .information{
		flex-direction: column;
	}
	.homepage .information .lhs{
		width: 90%;
		padding: 0px;
		margin: 30px 0 50px 0;
	}
	.homepage .information .rhs{
		width:90%;
		padding:30px;
	}
	.homepage .info-panel:before{
		display:none;
	}
	.homepage .information .video-title{
    	text-align:right;
    }
	.homepage .information .video-title h4 {
    	margin: 10px 30px 0 0;
    }
}

/* 12. HOMEPAGE VIDEOS PANEL */

.homepage .videos{
	padding:80px 4%;
	text-align:center;
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
}

.latest-videos{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 30px auto;
	font-size:0;
}
/* 13. EMBEDED YOUTUBE VIDEO */
.videos .video-wrapper, .videos .lightbox-video-wrapper{
	width:33.333%;
	display:inline-block;
	padding:20px;
	vertical-align:top;
}
@media screen and (max-width:930px){
	.videos .video-wrapper, .videos .lightbox-video-wrapper{
		width:50%;
		min-width:310px;
		display:block;
		margin:0 auto;
	}
}
.videos .video-wrapper .youtubeBlock{
	width:100%;
	padding-bottom:56.25%;
	height:0;
	position:relative;
	border:5px solid #1e263d;
	border-radius:3px;
	box-sizing:content-box;
}
.videos .video-wrapper .youtubeBlock .youtube-player{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/* 14. LIGHTBOX YOUTUBE VIDEO */
.lightbox-video-wrapper .youtubeBlock{
	width:100%;
	padding-bottom:56.25%;
	height:0;
	position:relative;
	border:8px solid rgba(30, 38, 61, 1);
	border-radius:5px;
	box-sizing:content-box;
	overflow:hidden;
	transition:all 0.3s;
}

.lightbox-video-wrapper .youtubeBlock a:after{
	content:'\f144';
	font-family:'FontAwesome';
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:rgba(0, 157, 222,0.75);
	font-size:40px;
	transition:all 0.3s;
}
.information .lightbox-video-wrapper .youtubeBlock{
	border:none;
	border-radius:0;
	height: 400px;
	padding-bottom: 0;
}


.lightbox-video-wrapper .youtubeBlock:hover{
	border:8px solid #04abf1;
}
.information .lightbox-video-wrapper .youtubeBlock:hover{
	border:none;
}

.lightbox-video-wrapper .youtubeBlock:hover a:after{
	color:rgba(0, 157, 222,1);
	}

.lightbox-video-wrapper .youtubeBlock img{
	width: 100%;
	top: 50%;
	position: absolute;
	left: 0;
	transform: translateY(-50%);
}
.video-title h4{
	font-size:14px;
	color:#9dabb8;
	margin:10px 0 0 0;
	line-height:1.2em;
}

.information .video-title{
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;
	display: block;
}

.information .video-title h4{
	line-height: 20px;
	display: inline-block;
	height: 20px;
	margin: 0 0 0 10px;

	}

.featherlight:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.featherlight:last-of-type:before {
    background: rgba(0,0,0,.8);
    content: '';
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.featherlight:last-of-type{
	background:none;
}
.featherlight-iframe {
    width: 100%;
    height: 100%;
    padding: 0;
    max-width: 1024px;
    margin: 0 auto;
}
.featherlight .featherlight-content {
    padding: 0;
        padding-bottom: 0px;
    top: 50%;
    transform: translate(0,-50%);
    background: none;
}
.featherlight-iframe .featherlight-content {
    width: 96%;
    margin: 2%;
    padding-bottom: 55%;
    top: 50%;
    transform: translate(0, -50%);
}


.featherlight iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
/* 15. HOMEPAGE TESTIMONIALS PANEL */

.homepage .testimonials{
	padding:120px 4%;
	text-align:center;
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
}

.homepage .testimonials ul{
	display:block;
	width:100%;
}

.homepage .testimonial{
	list-style:none;
	display:inline-block;
	width:80%;
	padding:15px 0;
	margin:0 10%;
}



.homepage .testimonial .quote{
    font-family: 'Merriweather', serif;
    color:#9dabb8;
    font-style:italic;
    max-width: 600px;
	font-weight: 400;
	list-style:none;
	font-size:28px;
	margin:60px auto;
	position:relative;
	line-height:1.4em;
}



.homepage .testimonial .quote:before{
	content: '“';
	transform:scale(2);
	position: relative;
	top: -20px;
	left: -35px;
	width: 0;
	display: inline-block;
	height: 0;
}
	
.homepage .testimonial .quote:after{
	content:'”';
	transform:scale(2);
	position: relative;
	bottom: 15px;
	width: 0;
	display: inline-block;
	height: 0;
	line-height: 1.5em;
}

@media screen and (max-width:680px){
	.homepage .testimonial .quote{
		font-size:22px;
	}
	.homepage .testimonial .quote:before{
		top: -15px;
		left: -30px;
	}
	.homepage .testimonial .quote:after{
		bottom:10px;
	}
}

.homepage .testimonial .company-logo{
	width:180px;
	height:60px;
	margin:0 auto;
}
.homepage .testimonial .company-logo img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.homepage .testimonial p.author{
	font-size:15px;
	margin:10px 0 0 0;
}

.flickity-page-dots .dot{
	background:#9dabb8;
	opacity:1;
}

.flickity-page-dots .dot.is-selected{
	background:#fff;
}

/* 16. RIGHT COLUMN TESTIMONIALS */
.rhs .testimonial{
	list-style:none;
	display:inline-block;
	width:100%;
	padding:15px 0;
	margin:0;
	text-align:center;
}

.rhs .testimonial:before{
	display:none;
}

.rhs .testimonial .quote{
    font-family: 'Merriweather', serif;
    color:#9dabb8;
    font-style:italic;
    max-width: 600px;
	font-weight: 400;
	list-style:none;
	font-size:20px;
	margin:0 auto 20px auto;
	position:relative;
	line-height:1.5em;
}

.rhs .testimonial .quote:before{
	content: '“';
	transform:scale(2);
	position: relative;
	top: -15px;
	left: -25px;
	width: 0;
	display: inline-block;
	height: 0;
}
	
.rhs .testimonial .quote:after{
	content:'”';
	transform:scale(2);
	position: relative;
	bottom: 10px;
	width: 0;
	display: inline-block;
	height: 0;
	line-height: 1.5em;
}

.rhs .testimonial .company-logo{
	width:140px;
	height:40px;
	margin:0 auto;
}
.rhs .testimonial .company-logo img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.rhs .testimonial p.author{
	font-size:14px;
	margin:5px 0 0 0;
}
	
/* 17. MAP PANEL */

.map{
	display:block;
}

.map .googleMapCanvas{
	height:400px;
	min-height:75vh;
}


/* 18. TOP FOOTER */

#top-footer{
	padding:50px 5%;
	text-align:center;
}

#top-footer h3{
	text-transform:uppercase;
	font-weight: 300;
	font-size: 28px;
	margin: 0;
}

#top-footer p.contact-details{
	color:#9dabb8;
	margin:30px 0 0 0;
	font-size:18px;
	font-weight:500;
}

#top-footer p.contact-details .nowrap{
	margin:0 5px;
	}

#top-footer p.address{
	margin:0;
	color:#9dabb8;
	font-weight:300;

}

#top-footer a, #top-footer .highlight{
	color:#fff;
}


#top-footer a:hover{
	color:#009dde;
}

/* 19. BOTTOM FOOTER */
#bottom-footer{
	background:#fff;
	padding:50px 3%;
	text-align:center;
}

#bottom-footer .logos img{
	display:inline-block;
	height:45px;
	width:auto;
	margin:0 20px;
}

@media screen and (max-width:420px){
	#bottom-footer .logos img{
		height:40px;
		margin:0 10px;
		}
}


#bottom-footer p{
	color:#7b8791;
	font-weight:500;
}

#bottom-footer p.links{
	font-size:18px;
	font-weight:600;
	margin-bottom:5px;
}

#credit, #copyright{
	font-size:12px;
	margin:0;

}



#bottom-footer a{
	color:#03a7ef;
	transition:all 0.3s;
}

#credit a{
	color:#7b8791;
}

#bottom-footer a:hover{
	color:#222483;
}
transition:all 0.3s;
}

#credit a{
	color:#7b8791;
}

#bottom-footer a:hover{
	color:#222483;
}

/* 20. CONTACT FORM */

.ccm-block-express-form{
	
}
.ccm-block-express-form fieldset{
	border:0 none;
}

.ccm-block-express-form .form-group .small{
	font-size:0px;
}
.ccm-block-express-form .form-group .small:after{
	content:'*';
	font-size:14px;
}

.ccm-block-express-form .control-label{
	font-size:14px;
	color:#cfd8e1;
}
.ccm-block-express-form input, .ccm-block-express-form textarea{
	display: block;
	width: 100%;
	padding: 10px;
	font-size: 18px;
	border: 0 none;
	margin: 5px 0 10px 0;
	background:#1b253c;
	color:#fff;
	transition:all 0.3s;
	font-family: 'Roboto Condensed', sans-serif;

}

.ccm-block-express-form input:focus, .ccm-block-express-form textarea:focus{
	background:#fff;
	color:#1b253c;
}

.ccm-block-express-form .btn{
	display:inline-block;
	height:40px;
	line-height:40px;
	color:#fff;
	background:#3382bd;
	padding:0 20px;
	position:relative;
	margin:10px 0;
	text-transform:uppercase;
	font-weight: 400;
	font-size: 15px;
	border:0 none;
	cursor:pointer;
	font-family: 'Roboto Condensed', sans-serif;
	transition:all 0.3s;
	font-weight:600;
}
.ccm-block-express-form .btn:after{
	content: '';
	display: block;
	position: absolute;
	right: -14.75px;
	top: 0;
	width: 0;
	height: 0;
	border-top: 40px solid #3382bd;
	border-right: 15px solid transparent;
	transition:all 0.3s;
}

.ccm-block-express-form .btn:hover{
	background:#fff;
	color:#3382bd;
	}
.ccm-block-express-form .btn:hover:after{
	border-top: 40px solid #fff;
	}
	
/* 21. MAIN NEWS PAGE LIST */

.news-wrapper{
	display:flex;
	flex-wrap:wrap;
}

.news-article{
	display:block;
	width:31.333%;
	position:relative;
	transition:all 0.3s;
	background:#273357;
	margin:1%;

}

@media screen and (max-width:900px){
	.news-article{
		width:48%;
	}
}

@media screen and (max-width:680px){
	.news-article{
		width:98%;
	}
}


.news-article > a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:all 0.3s;
	}
.news-article > a:hover{
	box-shadow:0 0 80px rgba(0,0,0,0.4) inset;
	}
.news-image{
	width:100%;
	height:auto;
}
.news-image img{
	width:100%;
	height:auto;
	display:block;
	transition:all 0.3s;
	
}
.news-article:hover .news-image img{
	}

.news-description{
	padding:20px;
}

.news-description h3{
	text-transform:uppercase;
	margin-bottom:10px;
	color: #04abf1;
	font-weight: 700;
	font-size: 22px;
}
.news-description p{
	margin:0;
	line-height: 1.3em;
	color: #fff;
}

/* 22. SIDEBAR NEWS LIST */
.rhs .news-wrapper{
	display:block;
	}
	
.rhs .news-article{
	width:100%;
	background:none;
	margin: 20px 0;
	}
.rhs .news-image{
	display:none;
	}
.rhs .news-description{
	padding:0px;
}

.rhs .news-description h3{
	font-size:18px;
}

.rhs .news-description p{
	font-size:14px;
	}

.rhs .news-article > a{
	display:none;
}

/* 23. YOUTUBE FEED */

#youtube-channel-feed-wrapper{
	text-align:center;
	}

#youtube-channel-feed{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	margin:0 -10px 0 -10px;
	text-align:center;

}

#youtube-channel-feed .video{
	width:calc(25% - 20px);
	margin:10px 10px 30px 10px;
	padding-left: 0;
}

#youtube-channel-feed .video:before{
	display:none;
}
	
#youtube-channel-feed .video .lightbox{
	width:100%;
	height:0;
	position:relative;
	padding-bottom:56.25%;
	overflow:hidden;
	display:block;
	border: 8px solid rgb(30, 38, 61);
	border-radius:3px;
	transition:border 0.3s;
	text-align:left;
	}
#youtube-channel-feed .video .lightbox:before{
	content:'';
	display:block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0);
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	transition:background 0.3s;
	}
#youtube-channel-feed .video .lightbox:after{
	content:'\f144';
	font-family:'FontAwesome';
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:rgba(0, 157, 222,1);
	font-size:40px;
	transition:all 0.3s;
	z-index:2;
	opacity:0;
	transition:opacity 0.3s;
	}
#youtube-channel-feed .video .lightbox:hover{
	border: 8px solid rgba(0, 157, 222,1);
	}
#youtube-channel-feed .video .lightbox:hover:after{
	opacity:1;
	}
#youtube-channel-feed .video .lightbox:hover:before{
	background:rgba(0,0,0,0.5);
	}
#youtube-channel-feed .video img{
	width:100%;
	height:auto;
	top:50%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}

/* 24. SIMPLE GALLERY */

.simple-gallery{
	margin-top:50px;
	text-align:center;

}

.sg-item-image{
	width:100%;
	height:100%;
	border: 8px solid rgb(30, 38, 61);
	border-radius: 3px;
}

.sg-item-image:hover{
	}
.sg-item-image img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}