/*---------------------	
Theme Name:KLM Empowered
Theme URI: #	
Description: Responsive WordPress Theme	
Author: Viewport
Author URI: http://www.viewport.co.za/
Version: 1.0	*/

/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1; width:100%}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
* {box-sizing:border-box;}

/*
.post-type-archive-tribe_events .tribe-events-calendar{border-color:white !important;background:#778169;}
.post-type-archive-tribe_events .tribe-events-promo{display:none;}
.post-type-archive-tribe_events .addtoany_share_save_container,.single-tribe_events .tribe-events-promo{display:none;}
.post-type-archive-tribe_events .tribe-events-notices,.single-tribe_events .tribe-events-notices{background:#6B6D52;border-radius:4px;border:1px solid #6B6D52;color:#ffffff;}
*/

button#rsvp-button{background:transparent;border:2px solid #ffffff;padding:9px 52px;color:#ffffff;font-weight:bold;margin-top:11px;}
button#rsvp-button:hover{background:#ffffff;color:#cd4d47;}
.pum-theme-lightbox .pum-title{padding-bottom:22px !important;}


/*
span.tribe-events-list-separator-month{border-bottom:2px solid orange;width:94px;}
.tribe-events-loop .tribe-events-list-separator-month{padding:6px 0 !important;font-weight:normal !important;}
#tribe-events .tribe-events-content p{margin:0 0 30px !important;}
.author .tribe-event-schedule-details{font-weight:normal;}
a.tribe-events-read-more{border:2px solid #ffffff;padding:7px 16px;text-transform:uppercase;font-weight:bold;}
.tribe-events-list-event-title a.tribe-event-url{text-transform:capitalize !important;}
a.tribe-events-read-more:hover{background:#ffffff;}

.post-type-archive-tribe_events  .tribe-bar-views-list .tribe-bar-views-option a{background:#778169 !important;}
.post-type-archive-tribe_events .tribe-bar-views-list .tribe-bar-views-option.tribe-bar-active a:hover{background:#778169 !important; }
#tribe-bar-form{background:#1B1B1B !important;}
.post-type-archive-tribe_events .tribe-bar-views-inner{background:#778169;}
*/



/*.post-type-archive-tribe_events .tribe-bar-date-filter,.post-type-archive-tribe_events .tribe-bar-search-filter,.post-type-archive-tribe_events .tribe-bar-submit{
	background:#607369;
}*/
/*
.post-type-archive-tribe_events input{
	color: #ffffff !important;
}
#tribe-bar-form .tribe-bar-submit input[type=submit]{
	background: #1B1B1B !important;
    border: 2px solid #ffffff !important;
}

#tribe-bar-form .tribe-bar-submit input[type=submit]:hover{
	color: #cd4d47 !important;
    background: white !important;
    text-decoration: none
}

.tribe-events-list-separator-month{
	background: #1b1b1b !important;
}
*/

body {color:white; font-size:90%; font-weight:400; background-color:#1b1b1b; font-family:'PT Sans', Helvetica, Arial, Verdana, sans-serif; font-stretch:normal; text-rendering:optimizeLegibility !important; -webkit-font-smoothing:antialiased !important; -webkit-text-size-adjust:none;}
	

/* Font Styles */  
h2, h3, h5, h6 {line-height:125%;}
h1 {font-size:400%; line-height:110%; font-weight:400; position:relative; letter-spacing:-1px;}
	h1:after {display:inline-block; position:absolute; bottom:-25px; left:48%; left:calc(50% - 25px); content:""; width:50px; height:2px; background:white;}
h2 {font-size:225%; font-weight:400; padding:0.25em 0; letter-spacing:-0.02em;}
h3 {font-size:125%; font-weight:700; padding:1em 0 0.5em;}
h4 {font-size:125%; line-height:150%; padding:0.5em 0; font-weight:400;}
h5 {font-weight:700; padding:0.5em 0;}
h6 { padding:0.5em 0; line-height:125%; font-size:90%; font-weight:700;  text-transform:uppercase; letter-spacing:1px;}
p {line-height:145%; padding:0.5em 0;}
strong {font-weight:700;}
em {font-style:italic;}
small{font-size:80%; line-height:125%; font-weight:normal;}

/* Lists */
.copy ul, .sidebar ul {list-style:disc; padding:0 1em 1em; line-height:150%;}
	.copy ul li, .sidebar ul li {list-style:disc; margin:0.25em;}	
.copy ol, .sidebar ol {list-style:decimal; padding:1em 2em; line-height:150%;}
	.copy ol li, .sidebar ol li {list-style:decimal; margin:0.25em;} 
	
/* Blockquotes */
blockquote {margin:1.5em; padding:1.5em; border-top:1px solid #cd4d47; border-bottom:1px solid #cd4d47; text-align:center;}
	blockquote p:before {content:'\201C'; font-size:125%;}
	blockquote p:after {content:'\201D'; font-size:125%;}
	blockquote p {display:inline; font-style:italic; font-size:125%;}
	cite {font-size:75%; letter-spacing:2px; display:block; padding:2em 0 0; text-align:center;}
	
	@media only screen and (min-width:1241px) {
		body {color:white; font-size:100%;}
	}
	@media only screen and (max-width:768px) {
		h1 {font-size:300%;}	
		h2 {font-size:200%; letter-spacing:-0.01em;}
				
	}
	@media only screen and (max-width:480px) {		
	}
	






/* Links */ 
a, input[type=submit] {color:#cd4d47; text-decoration:underline; }
a{color:#fff}
a:hover {color:#cd4d47;}

/* Buttons */ 
.btn, input[type=submit] {border:0; cursor:pointer; outline:none; margin:0; text-decoration:none; padding:0.8em 1.2em !important; font-size:90%; line-height:100%; font-weight:700;  line-height:100%; text-transform:uppercase; color:white; border:2px solid white; display:inline-block; text-align:center; }
	.btn:hover, input[type=submit]:hover {color:#cd4d47; background:white; text-decoration:none;}

.btn.orange {padding:0.8em 1.2em !important; background:#ee8c34; border-color:#ee8c34;}
.btn.orange:hover {color:#ee8c34; background:white; border-color:white;}
	
.module a[href$=".pdf"]{background: url(img/pdf.png) center left no-repeat; padding-left:42px; height:45px; display: inline-block; padding-top:15px; background-size:32px; text-decoration:none; font-weight:700;}	
.module a.btn[href$=".pdf"] {height:auto; padding:0.8em 1.2em 0.8em 45px !important; background-size:20px; background-position:10px center  ;}
		.module a.btn[href$=".pdf"]:hover {color:#cd4d47; background-color:white; text-decoration:none;}
.home #slider 	 a[href$=".pdf"]{background:none; padding-left:1.2em!important}	
.articleCopy a[href$=".pdf"],.sidebar-box   a[href$=".pdf"],.yarpp-related-widget   a[href$=".pdf"]{background:none; padding-left:0px!important}	
/* More Button */ 	
.more-btn {position:relative; cursor:pointer; outline:none; margin:0; width:40px; height:40px; overflow:hidden; font-size:100%;  text-decoration:none; padding:0; text-transform:uppercase; color:white; border:1px solid white; display:inline-block; text-align:center;}
	.more-btn:hover {width:140px; cursor:pointer; background:white; text-decoration:none;}	
	.more-btn span.text {font-weight:700; display:inline-block; width:100px; height:40px; line-height:38px; position:absolute; top:0px; left:-140px; font-size:85%; font-weight:700; text-transform:uppercase; text-align:center; color:#1b1b1b;}
	.more-btn:hover span.text { left:0px;color:#cd4d47;}
	.more-btn span.arrow { display:inline-block; position:absolute; width:35px; height:20px; line-height:20px; top:10px; right:0px; background:url(img/arrow.png) center top no-repeat; background-size:12px;}
	.more-btn:hover span.arrow {color:#1b1b1b; background-position:center bottom;}
	
	@media only screen and (max-width:480px) {	
		.btn, input[type=submit] {margin:0.5em 0; padding:0.8em 1.2em !important; }		
	}	

/* Easing */ 
header, .desktopMenu ul, a, input[type=submit], .more-btn span.text, .article .image img {-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}






/* Image Styles */
img {max-width:100%;}





/* Header Section */  
header {position:absolute; top:0px; left:0px; display:block; float:left; width:100%; z-index:99999; background-color:transparent;}

	header .logo {float:left;}
		header .logo img {width:150px; margin:15px 0 0;}

    /* Desktop Menu */            
 	@media screen and (min-width:1025px){
		.social {float:right; font-weight:900; padding:0; margin:15px 0 0;}
			.social a {color:white; margin-right:5px; -webkit-border-radius:30px; border-radius:30px; width:25px; height:25px; display:inline-block; text-align:center; font-size:14px; line-height:23px; border:1px solid white;}	
				.social a:hover {border-color:#cd4d47; color:#cd4d47;}
		.logins {float:right; font-weight:900; padding:0; margin:18px 25px 0; font-size:90%; line-height:140%; font-weight:normal;}
			.logins a {color:white; margin:0 5px; display:inline-block; text-decoration:none; color:white;}	
				.logins a:hover {color:#cd4d47;}			
		
		.desktopMenu {position:relative; z-index:1000; float:right; clear:right; margin:5px 0 0;}
			.desktopMenu ul {list-style-type:none; margin:0; padding:0; position:static; z-index:1000;}
				.desktopMenu li {float:left; position:relative; z-index:1000; margin:0; text-align:center;position:relative;}
					.desktopMenu li:after {display:inline-block; position:absolute; top:0px; right:0px; top:calc(50% - 9px); content:""; height:20px; width:1px; background:white;}
					
					.desktopMenu li a {display:block; height:50px; line-height:50px; margin:0 1em; font-weight:700; color:white; text-decoration:none; }  									
					.desktopMenu li:hover a {color:#cd4d47;}
					.desktopMenu li.current-menu-item a {color:#cd4d47;}				
					.desktopMenu li.current-menu-item:hover a {background:none; color:#cd4d47;}	
					.desktopMenu li:last-of-type:after {display:none;}
					.desktopMenu li:last-of-type a {margin-right:0.5em;}
					
					.desktopMenu li ul {position:absolute; top:50px; left:0px; padding:0; width:100%; min-width:210px; z-index:1000; background:white; -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.25); box-shadow:0 1px 2px 0 rgba(0,0,0,0.25); display:none;}
					.desktopMenu li ul li {display:block; width:100%; float:none; text-align:left; border-top:1px solid #e5e5e5; width:auto; position:relative; z-index:1000; margin:0;} 
                	.desktopMenu li ul li:first-of-type {border:0;}
					.desktopMenu li:hover ul a {background:white; color:#222;}
					.desktopMenu li:hover ul a:hover {background:white; color:#cd4d47;}
					.desktopMenu li ul li a {width:100%; height:auto; background:white; color:#cd4d47; display:block; padding:0.7em 1em; margin:0; font-size:90%; line-height:125%; text-transform:none; font-weight:400;}  
                 	.desktopMenu ul li a:hover + .sub-menu, .desktopMenu .sub-menu:hover {display:block;} 					
					.desktopMenu li ul:after { bottom:100%; left:1.5em; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(255, 255, 255, 0); border-bottom-color:white; border-width:5px; margin-left:-5px;}										           
			#mobileMenu {display:none;} 
		#burger-toggle {display:none}  
	}
	
	/* Small Screen Menu */  
	@media only screen and (max-width:1024px) {
		.desktopMenu, .social {display:none}
		
		.logins {display:none;}
		
		/* Animated Burger Menu */ 
		#burger-toggle{cursor:pointer; width:45px; height:75px; float:right; z-index:10000; margin:0; background:none; border:0; -webkit-appearance:none; outline:none;}
		#burger-toggle span, #burger-toggle span:before, #burger-toggle span:after {cursor:pointer; border-radius:10px; height:3px; width:25px; background:white; position:absolute; z-index:1001; display:block; content:''}
		#burger-toggle span:before {top:-10px}
		#burger-toggle span:after {bottom:-10px}
		#burger-toggle span, #burger-toggle span:before,#burger-toggle span:after {transition:all 250ms ease-in-out}
		#burger-toggle.active {position:fixed; right:10px; top:0px;}
		#burger-toggle.active span {background-color:transparent}
		#burger-toggle.active span:before, #burger-toggle.active span:after {top:0}
		#burger-toggle.active span:before {transform:rotate(45deg)}
		#burger-toggle.active span:after {transform:rotate(-45deg)}		
		
		/* Mobile Menu Links */ 
		.mobile-menu {z-index:1000;}
        .mobile-menu ul {list-style-type:none; position:fixed; z-index:1000; top:0px; left:0px; width:100%; height:100%; margin:0; padding:0; background:#111; background:rgba(0,0,0,0.75); text-align:left; padding:75px 0 25px; display:none; }
        .mobile-menu ul.show {display:block;}     
		.mobile-menu li {display:block; text-align:right;}
		.mobile-menu li a {border:none; cursor:pointer; display:block; padding:0.5em 1em; font-size:175%; color:white; text-decoration:none;}	
		.mobile-menu li.current-menu-item:hover a {color:#cd4d47;}
		.mobile-menu li:hover a {color:#cd4d47;}
             .mobile-menu li:hover ul a {color:white;}
             .mobile-menu li:hover ul a:hover {color:#cd4d47;}
             .mobile-menu li ul {position:relative; width:100%; z-index:1000; top:auto; left:0px; border:0; padding:0; background:transparent;display:none;}
             .mobile-menu li ul li {display:block; width:100%; float:none; text-align:right; border:0; position:relative; z-index:1001; margin:0;} 
             .mobile-menu li ul li a {width:100%; height:auto; display:block; padding:0.5em 1.5em; line-height:100%; font-size:125%;}  
			 .mobile-menu ul li a:hover + .sub-menu, .mobile-menu .sub-menu:hover {display:block;} 	 
		
		}
		
	/* Searchbox */
	.searchbox{display:block; padding:0 1.5em 1em;}
		.searchbox form {border:1px solid white; position:relative; height:40px;}
		.searchbox input {background:transparent; border:0; -webkit-appearance:none; outline:none; float:left; width:90%; height:40px; padding:0.75em 0; margin:0; text-indent:10px; font-size:100%; color:white;}
		.searchbox input[type=submit] {color:transparent; z-index:1000;background:transparent!important;}
		.searchbox i.fa-search {z-index:99; display:block;}
		.searchbox input[type=submit], .searchbox i.fa-search {cursor:pointer; width:40px; height:40px; font-size:15px; line-height:40px; text-align:center; float:right; width:10%; position:absolute; top:0px; right:0px;}
		

.single-tribe_events .tribe-events-event-meta {
    background: unset !important;
}

.single-tribe_events .addtoany_share_save_container {
    clear: both;
    margin: 16px 0;
    display: none;
}
			


/* Flexslider */
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline:none;}
.slides,.flex-control-nav,.flex-direction-nav {margin:0; padding:0; list-style:none;} 
.flexslider {margin:0; padding:0;}
.flexslider .slides > li {display:none; -webkit-backface-visibility:hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides li {position:relative; z-index:3;}
.flexslider .slides img {width:100%; display:block;}
.flex-pauseplay span {text-transform:capitalize;}
.slides:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;} 
html[xmlns] .slides {display:block;} 
* html .slides {height:1%;}
.no-js .slides > li:first-child {display:block;}

/* FlexSlider Default Theme */
.flexslider {margin:0; position:relative; zoom:1;}
.flex-viewport {max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; transition:all 1s ease;}
.loading .flex-viewport {max-height:300px;}
.flexslider .slides {zoom:1;}

/* Direction Nav */
.flex-direction-nav{*height:0}
.flex-direction-nav a{text-decoration:none;display:block;width:40px; height:40px; margin:-25px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;outline:none;opacity:0.5;cursor:pointer;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.flex-direction-nav a:before{font-family:"FontAwesome";font-size:40px; width:40px; display:inline-block;content:'\f104';color:white; text-align:center; }
.flex-direction-nav a.flex-next:before{content:'\f105'}
.flex-direction-nav .flex-prev{left:0px}
.flex-direction-nav .flex-next{right:0px;text-align:right}
.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;}
.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}
.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;}
.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}
.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default;}


.page-template-template-about .flexslider .slides img {width:90%; margin:0 5%; display:block;}
.page-template-template-about .flex-direction-nav a {top:45%;}



	@media only screen and (min-width:769px) and (max-width:1024px) {
		.home-banner .flexslider li {height:100vh; background-position:top center !important; background-size:100% !important;}
	}
	@media only screen and (max-width:768px) {
		.home-banner .flexslider li {height:100vh; background-position:top center !important; background-size:150% !important;}
	}
	@media only screen and (max-width:540px) {
		.home-banner .flexslider li {background-position:top center !important; background-size:200% !important;}
	}




/* Copy Areas */
.copy { text-align:center; display:block; max-width:900px; margin:0 auto; padding:4em 0;}
.copy.fixed {position:absolute; height:100%; width:100%; top:0; left:0; margin:0; padding:0; max-width:100%;}
	.centerit {position:relative; top:45%; -webkit-transform:translateY(-45%); -ms-transform:translateY(-45%); transform:translateY(-45%);}
	
	@media only screen and (min-width:1025px) {	
		.two-column-copy {max-width:800px; margin:1em auto; text-align:left;-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}
		.two-column-copy p {padding:0 0 1em;}
	}
	@media only screen and (max-width:1024px) {	
		.copy {padding:2em;}
	}
	@media only screen and (max-width:768px) {	
		.copy {padding:1.5em;}
	}







/* Scroll Down Arrow */
.scrolldown {display:inline-block; position:absolute; z-index:5; top:100px; bottom:5vh; left:49%; width:30px; height:30px;}
	.scrolldown a {width:30px; height:30px; cursor:pointer; font-size:25px; color:white; -webkit-border-radius:30px; border-radius:30px; display:inline-block; text-align:center; line-height:31px; border:1px solid white;}	
	.scrolldown a:hover {color:#cd4d47; border-color:#cd4d47;}	
	
	@media only screen and (max-width:1024px) {
		.scrolldown {display:none;}
		.page-template-template-solutions .module.knowledge .hidemobile{display:none}
	}







/* Common Template Elements */  
.main-content {display:block; clear:both; padding:2em 0;}
	.wrapper {width:auto; max-width:1100px; padding:0; margin:0 auto;}
	.clearfix {display:block; clear:both; height:1px; }
	
	/* Parallax Sections */
	.module {height:600px; position:relative; text-align:center; height:100vh; background-color:#1b1b1b; background-position:50% 50%;background-repeat:no-repeat;background-attachment:scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}		
	
	@media only screen and (max-width:1150px) {
		.wrapper {padding:0 1em;} 
	}
	@media only screen and (max-width:768px) {	
		.module { background-attachment:scroll !important; }
		.content-column div {padding-left:0 !important; padding-right:0 !important;}
	}






/* Call to action */ 
.calltoaction {text-align:center; display:block; clear:both;  width:100%; padding:4em 1em; background:#cd4d47;}	
.module.calltoaction {height:auto;}
.module .calltoaction { position:absolute; left:0; bottom:0; background:#cd4d47;}	
	.calltoaction h2 {max-width:800px; margin:0 auto 0.5em;}
	.calltoaction .btn {display:inline-block; vertical-align:middle;}

	@media only screen and (max-width:1024px) {
		.calltoaction {padding:2em;}
		.calltoaction p {font-size:200%; } 
	}
	@media only screen and (max-width:768px) {	
		.calltoaction h2 {font-size:175%;}	
		.calltoaction {padding:1.5em;}
	}
	@media only screen and (max-width:540px) {	
		.calltoaction h2 {font-size:150%;}	
	}
	
	





/* Video */
.videoWrapper {position:relative; padding-bottom:56.25%;padding-top:0px; height:0; overflow:hidden; max-width:800px; margin:0 auto;}
	.videoWrapper iframe, .videoWrapper object, .videoWrapper embed {position:absolute;top:0;left:0;width:100%; height:100%;}




 


/* Form Elements */
input, textarea {/*-webkit-appearance:none;*/font-weight:bold; display:block; padding:0.75em 0; margin:0; text-indent:10px; width:95%; border:2px solid white; color:white; font-size:100%; background:transparent; }
textarea {width:97.25%;}

input[type=checkbox] {padding:0; background:white; width:auto !important; color:black; display:inline-block; margin-right:8px;}
::-webkit-input-placeholder {color:#aaa; font-weight:normal !important; font-style:italic;}
:-moz-placeholder {color:#aaa; font-weight:normal !important; font-style:italic;}
::-moz-placeholder {color:#aaa; font-weight:normal !important; font-style:italic;}
:-ms-input-placeholder {color:#aaa; font-weight:normal !important; font-style:italic;}
input[type=submit] {-webkit-appearance:none; text-indent:0px; width:auto;}
.wpcf7 div {display:inline-block; width:50%; margin-right:-5px; vertical-align:top; padding:0 0 1em;}
.wpcf7 div.textarea {display:block; width:auto; margin-right:0;}
.menu-688 select.wpcf7-form-control.master-dropdown,
.menu-689 select.wpcf7-form-control.master-dropdown,
.menu-690 select.wpcf7-form-control.master-dropdown,
.menu-691 select.wpcf7-form-control.master-dropdown,
.menu-692 select.wpcf7-form-control.master-dropdown,
.menu-693 select.wpcf7-form-control.master-dropdown {margin-top:0.5em !important;}

#wpcf7-f9669-p8422-o2 div {padding:0;}
#wpcf7-f9669-p8422-o2 div span.wpcf7-form-control-wrap {padding:0.5em 0; display:block;}

/* Contact Form 7 output */
.wpcf7-validates-as-required {}
div.wpcf7-response-output {font-weight:bold; font-size:100%; line-height:125%; border:0 !important; padding:0 !important; margin:0 !important; color:#cd4d47; display:block; width:auto;}
div.wpcf7-mail-sent-ok {font-size:100%; color:#cd4d47; font-weight:bold;}
/*form.sent div {display:none !important;}*/
.wpcf7-not-valid-tip {display:block; padding:0.5em 0 0; color:#f55d56 !important;}
form.sent div.wpcf7-mail-sent-ok {display:block !important; min-height:200px; font-size:125%;}
form.sent p {display:none;}






/* Home Page */
.home-banner {height:100vh;}
.loading .home-banner {background:#1b1b1b url(img/loading.gif) center center no-repeat;}
	.home-banner .copy {width:100%; height:100vh; position:absolute; z-index:1;}
	
	/* Home Photo Slider */
	#slider {width:100%; height:100vh; z-index:1; position:fixed; top:0px; left:0px;}
	#slider .slides li {position:relative; width:100%; height:100vh; background-color:#1b1b1b; background-position:50% 50%;background-repeat:no-repeat;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; display:none}
	#slider .slides li .copy {position:absolute; width:50%; top:0; left:25%; color:white; text-align:left; }
	#slider h1 {font-size:325%;}
		#slider h1:after {display:none;}
	#slider .slides li .copy p {margin:0; padding:1em 0;}
		
	/* Services */  
	.home-services {height:auto; padding-top:300px; z-index:100; background-color:transparent; background-position:top center; background-attachment:scroll;}
	.services {display:block; clear:both;}
		.home-services .slides li {background:rgba(0,0,0,0.75); padding:1em 0 4em; }
			.home-services .slides li .copy {padding:0 0.5em; height:560px; overflow:hidden;}
			.home-services .slides li .copy h3 {position:relative; margin:0 0 1em;}
			.home-services .slides li .copy h3:after {display:inline-block; position:absolute; bottom:-10px; left:48%; left:calc(50% - 20px); content:""; width:40px; height:2px; background:#cd4d47;}
	.home-services .slides li .copy p{ text-align:left}
	/* Careers */ 
	.module.careers {height:auto; background:#607369; z-index:2;}
	
	/* News Feed */
	.module.home-news {height:auto;  z-index:2; padding:0 0 300px 30%; text-align:left;  background-attachment:inherit; background-position:top center}  
	.module.home-news .copy {text-align:left; display:block; max-width:60%; margin:0 auto; padding:4em 0; text-align:left;}
		.home-news .article { display:block; border-bottom:1px solid white; padding:1em 0;}
		.home-news .article:first-of-type {border-top:1px solid white;}
		.home-news .article:last-of-type {margin:0 0 2em;}
		.home-news .article h3 {padding:0; margin:0;}
			.home-news .article h3 a {color:white; text-decoration:none; }
				.home-news .article h3 a:hover {color:#cd4d47;}
		.home-news .article p a {margin:0 3px;}
		.home-news .article small{text-transform:uppercase}
	
	@media only screen and (min-height:801px) and (min-width:1025px) {
		.home-services {padding-top:250px;}
	}
	@media only screen and (min-height:801px) and (min-width:1400px) {
		.home-services {padding-top:350px;}
	}
	
	
	@media only screen and (max-height:800px) and (min-width:1025px) {
		.home-services {padding-top:250px;}
	}
	@media only screen and (max-height:800px) and (min-width:1400px) {
		.home-services {padding-top:350px;}
	}
	
	
	
	
		
	@media only screen and (min-width:1241px){
		.home-services {margin:-20vh 0 0; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover }
		/*.home-services .slides li .copy {height:350px;}	*/
		.services {padding:350px 0 4em;}	
		.home-services .slides li .copy { min-height:600px;}
	}
	@media only screen and (min-width:1025px) and (max-width:1140px) {
		.home-services {margin:-20vh 0 0; background-size:125%;}
		.services {padding:300px 0 4em;}
		.home-services .slides li .copy { min-height:500px;}		
	}	
	@media only screen and (min-width:1025px) {
		.home-banner .copy {position:fixed;}
		/* Slider Controls */ 
		.flexslider-controls {position:absolute; top:28%; right:5%; z-index:3; width:200px;}
		.flexslider-controls li {display:block; position:absolute; right:0px; top:0px; cursor:pointer; outline:none; margin:0; width:40px; height:60px; overflow:hidden; font-size:12px; font-weight:bold; padding:0; text-transform:uppercase; color:white; border-right:1px solid rgba(255,255,255,0.25);}
			.flexslider-controls li:nth-of-type(2) {top:60px;}
			.flexslider-controls li:nth-of-type(3) {top:120px;}
			.flexslider-controls li:nth-of-type(4) {top:180px;}
			.flexslider-controls li:nth-of-type(5) {top:240px;}
			.flexslider-controls li:nth-of-type(6) {top:300px;}
			.flexslider-controls li:nth-of-type(7) {top:360px;}
			.flexslider-controls li:nth-of-type(8) {top:420px;}
			.flexslider-controls li:nth-of-type(9) {top:480px;}		
			.flexslider-controls li:hover {width:250px; cursor:pointer; text-decoration:none;}	
			.flexslider-controls li span.title {display:block; opacity:0.5; width:250px; height:40px; line-height:38px; position:absolute; top:10px; right:-250px; text-align:center; background:#cd4d47; color:white; letter-spacing:1px;}
			.flexslider-controls li:hover span.title {right:0px; opacity:1;}
			.flexslider-controls li span.number { display:block; position:absolute; width:40px; height:40px; line-height:40px; top:10px; right:0px; text-align:center;}
			.flexslider-controls li:hover span.number {right:-40px; opacity:0;}
			.flexslider-controls li span.number:after { content:""; width:1px; height:40px; background:white; position:absolute; right:0px; top:0px;}
			.flexslider-controls li, .flexslider-controls li span {-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
			.flexslider-controls li.flex-active span.number:after {background:#cd4d47;}
			.flexslider-controls li.flex-active span.number {color:#cd4d47;}
			.home-services .slides li .copy {height:560px; overflow:hidden;}
	}
	@media only screen and (min-width:1141px) and (max-width:1240px)  {
		.home-services {margin:-20vh 0 0;}
		.home-services .slides li .copy {height:475px; overflow:hidden;}	
		.services {padding:350px 0 4em;}		
	}	
	@media only screen and (max-width:1024px) {	
		.home-banner {min-height:85vh;}
		.home-banner .copy {height:85vh;}	
		#slider {height:85vh;}
		#slider .slides li {height:85vh;}
		#slider .slides li .copy {width:60%; left:1em;}
		#slider .slides li .copy .centerit {top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
			#slider .slides li .copy h1 {font-size:250%;}
			#slider .slides li .copy p {margin:0;}	
		.flexslider-controls {position:absolute; bottom:6vh; right:20px; z-index:10; width:90%; text-align:right;}
		.flexslider-controls li {display:inline-block; cursor:pointer; outline:none; margin:0 2px; width:12px; height:12px; -webkit-border-radius:30px; border-radius:30px; text-indent:-9999px; background:white;}
		.flexslider-controls li.flex-active {background:#cd4d47;}
		.flexslider-controls li span.title, .flexslider-controls li span.number {display:none;}			
		.home-services {padding:4em 0; margin:0; background:#222 !important;}
		.home-services .slides li {height:auto;}
		.home-services .slides li .copy {min-height:540px;}
		.module.home-news {padding:0 0 200px 20%;}  
		.module.home-news .copy {max-width:80%; }
	}
	@media only screen and (max-width:768px) {
		
		.home-banner {min-height:400px;}
		.home-banner .copy, #slider, #slider .slides li {height:450px;}	
		#slider .slides li .copy .centerit {top:60%; -webkit-transform:translateY(-40%); -ms-transform:translateY(-40%); transform:translateY(-40%);}
		#slider .slides li .copy .btn {}
		#slider .slides li .copy {width:90%; left:0; position:absolute;}
			#slider .slides li .copy h1 {font-size:200%;}
		.module.home-news {padding:0 0 200px;}  
		.module.home-news .copy {max-width:90%; }
		
		.home-services .slides li .copy {min-height:auto;}
	}








/* Background Images for internal pages */ 
.bgimage {width:100%; height:100vh; position:fixed; top:0px; left:0px; background-color:#1b1b1b; background-position:top 50%;background-repeat:no-repeat;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
	
	@media only screen and (min-width:769px) and (max-width:1024px) {
		.bgimage {height:100vh; background-position:top center !important; background-size:125% !important;}
	}
	@media only screen and (max-width:768px) {
		.bgimage {height:100vh; background-position:top center !important; background-size:175% !important;}
	}
	



/* About us Page */
.banner {background-color:transparent; }
	.module.services {height:auto; padding:0; z-index:100; background-color:transparent; background-position:top center; background-attachment:scroll; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size:cover;background-size:cover;}	
	.red-copy {text-align:left;}	
	.module.facilitiesgallery {height:auto; display:block; clear:both; padding-bottom:5em;}	
	.module.team {height:auto; padding-bottom:5em;}
	.module.accreds {height:auto; padding:0; min-height:50vh;}
		.module.accreds .copy {max-width:1000px;}
		.module.accreds .content-column {text-align:left;}
	
	/* Awards */  
	.module.awards {height:auto; padding:0 0 400px;}
	.award {width:27%; padding:2em; margin:0 0.5em; display:inline-block; vertical-align:top; background:rgba(0,0,0,0.75);}
		.award h6 {position:relative; margin:0 0 1em;}
		.award h6:after {display:inline-block; position:absolute; bottom:-10px; left:48%; left:calc(50% - 20px); content:""; width:40px; height:2px; background:#cd4d47;}
		.award h3 {font-size:150%; padding:0.5em 0;}	
	
	/* Team */  
	#carousel {padding:0 40px;}
		.team .slides li img {position:relative; z-index:4;}
		.team .slides li .copy{width:100%;height:auto;color:#fff;overflow:hidden;bottom:0;left:0;background:rgba(0,0,0,0.75);z-index:5;transition:all .5s ease;opacity:1; padding-bottom:0px; padding-top:0px;}
		.team .slides li:hover .copy{opacity:1}
		.slides li h3, .slides li p {margin:0 1em;} 
		.slides li h6 {position:relative; margin:0 1em 1em;}
		.slides li h6:after {display:inline-block; position:absolute; bottom:-10px; left:48%; left:calc(50% - 20px); content:""; width:40px; height:2px; background:#cd4d47;}
		.centerit2{min-height:130px}
		
	/* Industries */  
	.module.industries {height:auto; padding:0;}
	ul.industries {display:block; vertical-align:top; text-align:left; margin:0; padding:0;}
		ul.industries li {width:45%; padding:0.5em; display:inline-block; vertical-align:top; text-align:left;}
			ul.industries li img {float:left; width:55px; margin:0 1em 0 0;}	
			ul.industries li:nth-of-type(odd) { text-align:right;}
			ul.industries li:nth-of-type(odd) img {float:right; margin:0 0 0 1em;}	
			ul.industries li h3 {display:inline-block; vertical-align:middle; text-align:left; padding:0.75em 0 0; }			
	.intro-padding{padding-top:300px}
	
	@media only screen and (min-width:1341px) {
		.page-template-template-about .module.services {padding-top:400px;}
		.page-template-template-about .module.services .red-copy {max-width:700px}
	}
	@media only screen and (min-width:1241px) and (max-width:1340px) {
		.page-template-template-about .module.services {padding-top:275px;}
	}
	@media only screen and (min-width:1041px) and (max-width:1240px) {
		.page-template-template-about .module.services {padding-top:350px;}
	}
	@media only screen and (min-width:1041px) and (max-width:1340px) {
		.page-template-template-about .module.services .red-copy {max-width:600px}
	}
	

	
	
	
	
	
	@media only screen and (min-width:1241px){
		.red-copy {text-align:left; max-width:45%; }
		.module.services {margin:-20vh 0 0; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover }
		.services {padding:300px 0 4em;}
	}
	@media only screen and (min-width:1241px) and (max-width:1400px)  {
	.intro-padding{padding-top:0px}
	}
	@media only screen and (min-width:1141px) and (max-width:1240px)  {
		.module.services {margin:-20vh 0 0;  background-size:125%; }
		.red-copy {max-width:50%; }		
		.intro-padding{padding-top:200px}	
	}
	@media only screen and (min-width:1025px) and (max-width:1140px) {
		.module.services {margin:-20vh 0 0; padding-top:40vh; background-size:125%;}
		.red-copy {max-width:50%; }			
	}
	@media only screen and (min-width:1025px) {
		.red-copy {text-align:left; max-width:45%; padding:0 0 0 5%; }
		.red-block, .red-slant {display:none;}
		.module.services {}
		.module.services .copy {padding:150px 0 2em;}
	}
	@media only screen and (max-width:1024px) {
		.module {height:auto;}	
		.module.awards {padding:0 0 300px; }
		.award {width:40%;}
		.banner {min-height:90vh;}
		.red-copy {display:none;}
		.red-block {background:#db5b44; position:relative; z-index:2; height:auto;}
		.red-slant {position:absolute; z-index:9; bottom:0; right:0; background:url(img/red-slant.png) bottom right no-repeat;  width:100%; height:100px;}
		.red-copy h2, .red-copy p {position:relative; z-index:2;}
		.intro-padding{padding-top:0px;}
	}
	@media only screen and (max-width:768px) {
		.red-slant {height:75px;}
		.module.industries, .module.accreds, .module.team, .module.memberships {height:auto; padding:0;}
		.module.team {padding:0 0 2em;}
		.module.awards {height:auto; padding:0 0 200px;}
		ul.industries li, ul.industries li:nth-of-type(odd) {width:auto; padding:0.25em; display:block; text-align:left;}
		ul.industries li img, ul.industries li:nth-of-type(odd) img {float:none; display:inline-block; vertical-align:middle; margin:0 0.5em 0 0;}	
		ul.industries li h3 { padding:0; width:calc(100% - 80px)}
		.award {width:75%; margin:0 0 1em;}
	}
	@media only screen and (max-width:480px) {	
		.red-slant {height:50px;}
	}



/* Solutions Page */
.module.knowledge {height:auto; z-index:100; background-color:transparent; background-position:top right; background-attachment:scroll; float:left; width:100%; padding-bottom:50px}	
	.green-copy {text-align:left; max-width:50%; padding:0 0 0 5%;}		
	
	/*----- Page Links In Banner -----*/
	.pageLinks{text-align:center; line-height:100%; margin:2em 0 0}
	.pageLinks li {display:inline-block;list-style:none; line-height:1em; margin:0;}
	.pageLinks li a.btn {margin:0;}
	.pageLinks li a:hover {color:#cd4d47; border-color:white; background:white;}	
	.pageLinks li.current a, .pageLinks li.current a:hover {color:#cd4d47; border-color:#cd4d47; background:transparent;}	
	
	/*----- Tabs -----*/
	.tabs{width:100%;display:inline-block}
	#tabcontent .copy.fixed{z-index:1}
	.tab-links:after{display:block;clear:both;content:''}
	.tab-links a:hover,li.active a,li.active a:hover{outline:0;border:2px solid #cd4d47;color:#cd4d47;text-decoration:none}
	.showtab{display:block!important}
	.tab{display:none}
	.mobile-menu  .tab-links a:hover,.mobile-menu  li.active a,.mobile-menu  li.active a:hover{border:none!important}
	.bgimage.services-banner.knowledge{background-image:url(img/shutterstock_288955520.jpg)!important;}
	.bgimage.services-banner.leadership{background-image:url(img/shutterstock_417862930.jpg)!important;}
	.bgimage.services-banner.management{background-image:url(img/shutterstock_410596780.jpg)!important;}
	
	
	
	
	@media only screen and (min-width:1341px) {
		.module.knowledge {padding-top:300px;}
			.module.knowledge .green-copy {min-height:650px;}
		.module.knowledge.leadership {padding-top:400px;}
		.module.knowledge.management {padding-top:400px;}
			.module.knowledge.leadership .green-copy, .module.knowledge.management .green-copy {min-height:550px;}
	}
	@media only screen and (min-width:1241px) and (max-width:1340px) {
		.module.knowledge {padding-top:200px;}
		.module.knowledge.leadership {padding-top:300px;}
		.module.knowledge.management {padding-top:300px;}
	}
	@media only screen and (min-width:1041px) and (max-width:1240px) {
		.module.knowledge {padding-top:175px;}
		.module.knowledge.leadership {padding-top:275px;}
		.module.knowledge.management {padding-top:275px;}
	}
	@media only screen and (min-width:1041px) and (max-width:2000px) {
		.page-template-template-solutions .green-copy {max-width:600px}
	}
	
	
	
	@media only screen and (min-width:1241px){
		.green-copy {text-align:left; max-width:45%; }
		.module.knowledge {margin:-20vh 0 0; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover }	
	}
	@media only screen and (min-width:1141px) and (max-width:1240px)  {
		.module.knowledge {margin:-20vh 0 0; }
		.green-copy {max-width:50%; }			
	}
	@media only screen and (min-width:1025px) and (max-width:1140px) {
		.module.knowledge {margin:-20vh 0 0; }
		.green-copy {max-width:50%; }			
	}
	@media only screen and (min-width:1025px) {
		.green-copy {text-align:left; max-width:45%; padding:0 0 0 5%; min-height:500px;}
		.green-copy h2 {max-width:75%;}
		.green-block, .green-slant {display:none;}
		.module.knowledge .copy {padding:50px 0 2em 20%; text-align:left;}
	}
	@media only screen and (max-width:1024px) {
		.module.knowledge {background-color:#6b6d52; float:left; width:100%}
		.module.knowledge .copy{text-align:left}
		.module.knowledge .copy ol{padding-left:1em}
		.green-copy {display:none;}
		.green-block {background:#778268; position:relative; z-index:2; height:auto;}
		.green-slant {position:absolute; z-index:9; bottom:0; right:0; background:url(img/green-slant.png) bottom right no-repeat;  width:100%; height:100px;}
		.green-slant.dark {background:url(img/green-slant-dark.png) bottom right no-repeat;  width:100%; height:100px;}	
		.green-copy h2, .green-copy p {position:relative; z-index:2;}
	}
	@media only screen and (max-width:768px) {
		.green-slant {height:75px;}
		.pageLinks li {margin:0 !important;}
	}
	@media only screen and (max-width:480px) {	
		.green-slant {height:50px;}
	}



/* Accordion */
.accordion { width:100%; min-height:150px; margin:1em 0; clear:both;}
	.accordion-item, .accordion h3 {cursor:pointer; color:white; display:block; text-decoration:none; line-height:25px; padding:0.5em 0; margin:0.75em 0 0; font-size:150%; font-weight:400; padding:0; outline:none;}
	
	 
	.accordion-item.open {font-weight:800;}
	.accordion-content {border-left:1px solid white; margin:0px 13px; padding:0 1em; width:100%; clear:both; float:left; margin-bottom:20px; margin-top:1px}
	.accordion .data { padding:1em 0 1em 2em; display:block; display:none;}
	.accordion h3:before {content:"+"; display:block; float:left; vertical-align:middle; width:25px; height:25px; border-radius:40px; text-align:center; line-height:25px; border:1px solid white; margin-right:10px;}
	.accordion h3.open:before,.accordion-item.open h3:before{content:"-"!important;}
	.accordion-content p{padding-left:10px}
	.accordion h3 {position:relative; margin-left:35px; float:left; clear:both; width: calc(100% - 35px);}
	.accordion h3:before{position:absolute; left:-35px;}

.page-template-template-solutions .accordion{min-height:inherit}
.page-template-template-default-banner .module.default-banner{padding-bottom:50px}

/* Skills Page */
.module.skills {height:auto; z-index:100; text-align:left; background-color:transparent; background-position:top right; background-attachment:scroll;}	
.module.skills .copy { text-align:left;}
.intro {width:65%;}




	/* Columns */
	.leftSide, .rightSide {display:inline-block; vertical-align:top; width:70%; margin-right:-5px;}
	.rightSide {width:30%;}

	/* Isotope */
	.item {width:100%;height:auto;padding:5px;margin:5px;color:white;float:left;}
	.red { background: red; }
	.blue { background: blue; }
	.green { background: green; }
	.yellow { background: yellow; color: black; }
	
	@media only screen and (min-width:1025px) {
		.module.skills {margin:-25vh 0 0;}
		.module.skills .copy {padding-top:450px;}
	}
@media only screen and (min-width:1400px) {
		.module.skills .copy {padding-top:600px;}
	}
	@media only screen and (max-width:1024px) {
		.module.skills {background-color:#6b6d52;}
	}
	@media only screen and (max-width:768px) {
		.leftSide, .rightSide {display:block;width:auto; margin-right:0;}
	}
	
	

/* Contact Page */
.module.contact {height:auto; z-index:100; background-color:transparent; background-position:top right; background-attachment:scroll;}	
	.module.contact .copy { text-align:left;}
	.module.contact h6 {border-left:2px solid #cd4d47; padding:0 0.75em; margin:0.5em 0; line-height:100%; font-size:90%;}
	.module.contact p {padding:0 0 1em;}
	.pageLinks li.mobilecall{display:none}
	.module.contact .content-column.one_third.last_column p{padding-left:0.8em}
	
	@media only screen and (min-width:1025px) {
		.module.contact {margin:-25vh 0 0;}
		.module.contact .copy {padding-top:650px;}
		.grey-slant {display:none;}
	}
@media only screen and (min-width:1366px) {
		.module.contact {margin:-25vh 0 0;}
		.module.contact .copy {padding-top:750px;}
		.grey-slant {display:none;}
	}
	@media only screen and (min-width:1750px) {
	.module.skills #skills .intro h2{padding-top:35px}
	}
	@media only screen and (max-width:1024px) {
		.module.contact {background-color:#1b1b1b;}
		.grey-slant {position:absolute; z-index:9; bottom:0; right:0; background:url(img/grey-slant.png) bottom right no-repeat;  width:100%; height:100px;}
	}
	@media only screen and (max-width:768px) {
		.grey-slant {height:75px;}
		/*.pageLinks li {margin:0.5em !important; display:block;}*/
		.pageLinks li a { display:block;}		
	}
	@media only screen and (max-width:480px) {	
		.grey-slant {height:50px;}
	}





/* Default with Banner Template */
.module.default-banner {height:auto; z-index:100; background-color:transparent; background-position:top right; background-attachment:scroll; float:left;width:100%}	
	.module.default-banner .copy { text-align:left;}
	.module.default-banner #fromScrollArrow {padding:2em 0 0;}
	
	@media only screen and (min-width:1025px) {
		.module.default-banner {margin:-25vh 0 0;}
		.module.default-banner .copy {padding-top:375px;}
	}
@media only screen and (min-width:1400px) {
		.module.default-banner .copy {padding-top:600px;}
	}
	@media only screen and (max-width:1024px) {
		.module.default-banner {background-color:#1b1b1b;}
	}
	






/* News Landing Page */
.module.news {height:auto; z-index:100; background-color:transparent; background-position:top right; background-attachment:scroll;}	
	.news-feed {display:inline-block; width:70%; padding-right:4em; vertical-align:top; text-align:left; margin-right:-5px;}
	.sidebar {display:inline-block; width:30%; vertical-align:top; text-align:left; }
	.module.news small, .module.news-post small {font-size:75%; letter-spacing:2px; display:block; padding:1em 0;}
		.news-feed .filter {display:block; margin:1em 0 2em;}
			.news-feed .filter select {display:inline-block; vertical-align:middle; width:32%; padding-right:30px; height:40px; margin:0 4% 0 0; font-size:100%; -webkit-appearance:none; -moz-appearance:none; text-indent:10px; background-color:transparent; color:white !important; border-radius:0; border-color:white; background:url(img/select-arrow.png) 95% center no-repeat; background-size:9px;}
			.news-feed .filter .searchbox {display:inline-block; vertical-align:middle; width:63%; padding:0;}
			
			.single-post .module.news-post{background-image:url(img/grey-trans.png)!important; } 
			
		.news-feed .article {position:relative; z-index:1; display:block; margin:1.5em 0;}
		.news-feed .article .image {position:relative; z-index:1; width:100%;}
			.news-feed .article .image img {opacity:0.4;}
			.news-feed .article:hover .image img {opacity:0.6;}
		.news-feed .articleCopy {position:absolute; z-index:2; bottom:0px; left:0px; width:100%; display:block; padding:1.5em;}
		.news-feed .articleCopy h3 {padding:0.5em 0; font-size:140%;}
		.news-feed .articleCopy h6 {font-size:75%; letter-spacing:2px; position:relative;}
			.news-feed .articleCopy h6:after {display:block; content:""; width:40px; height:2px; background:#cd4d47; margin:0.5em 0;}				
		.news-feed .articleCopy a {color:white;text-decoration:none;}
			.news-feed .articleCopy a:hover {color:#cd4d47; }
		.news-feed a.more-btn {margin-top:1em; display:inline-block;}	
		
		.sidebar .article { display:block; border-bottom:1px solid white; padding:1.5em 0; margin:0;  }
		.sidebar .article:first-of-type {border-top:1px solid white; margin-top:1.5em;}
		.sidebar .article:last-of-type {margin-bottom:1.5em;}
		.sidebar h2 {padding:0; font-size:175%;}
		.sidebar .article h3 {padding:0}
		.sidebar .article a {color:white;text-decoration:none;}
			.sidebar .article a:hover {color:#cd4d47; }
		.sidebar .article  small {padding-bottom:0;}
			#category-select{display:inline}
			
	/* Pagination */	
	.pagination {text-align:center;}
		.pagination a {font-weight:bold; padding:0.5em 0.75em; margin:0 3px; display:inline-block; color:#6d7271; border:1px solid #6d7271; text-decoration:none;;}
		.pagination .prev a{float:left; margin:0;}
		.pagination .next a{float:right; margin:0;}
		.pagination .prev a:before {content:"\276E"; display:inline-block; margin-right:7px; vertical-align:middle;}
		.pagination .next a:after {content:"\276F"; display:inline-block; margin-left:7px; vertical-align:middle;}
		.pagination a:hover {text-decoration:none; color:#cd4d47; background:white; border-color:white; opacity:1;}	
		.pagination a.current, .pagination a.current:hover {text-decoration:none; color:white; background:transparent; border-color:white; opacity:1;}
		.pagination a.disabled {opacity:0.2;}
		.pagination a.disabled:hover {opacity:1;}
			
	@media only screen and (min-width:1025px) {
		.module.news {margin:-25vh 0 0;}
		.module.news .copy {padding-top:450px;}
		.sidebar-popularpost {padding-top:150px;}
	}

@media only screen and (min-width:1400px) {
		.module.news .copy {padding-top:650px;}
	}
	
	@media only screen and (max-width:1024px) {
		.module.news {background-color:#1b1b1b;}
	}
	@media only screen and (max-width:768px) {
		.news-feed, .sidebar {display:block; width:auto; padding-right:0; margin:0 0 1.5em;}
		.news-feed .filter {margin:0;}
		.news-feed .filter select, .news-feed .filter .searchbox  {display:block; width:auto; margin:1em 0; min-width:200px;}
		.news-feed .article .image img{width:100%; height:auto}
		.pagination a {padding:0.2em 0.3em; font-weight:normal; margin:0 1px;}	
		.pagination a.prev:before, .pagination a.next:after {display:none;}	
	}
	
	@media only screen and (max-width:480px) {	
	.news-feed .articleCopy h3{padding:0px;}
	.news-feed .articleCopy a{height:auto}
	.news-feed .articleCopy a.more-btn{height:40px}
	}
	@media only screen and (max-width:414px) {	
	.news-feed .articleCopy p{line-height:1; padding-top:0px}
	.news-feed .articleCopy a{padding-top:0px}
	.module.news small, .module.news-post small{padding:0px}

	}

	@media only screen and (max-width:375px) {	
	.news-feed .articleCopy a.more-btn{}
	.news-feed .articleCopy{padding:0.5em}
	.news-feed .articleCopy p{font-size:13px}
	.news-feed .articleCopy a.more-btn{height:30px; line-height:30px; margin-top:5px}
	.news-feed  .more-btn span.text{height:30px; line-height:28px;}
	.news-feed  .more-btn span.arrow{top:5px}
	.news-feed .articleCopy h6{padding:0px}
	.news-feed .articleCopy h3{font-size:120%}
	
	}

	@media only screen and (max-width:320px) {	
	.news-feed .articleCopy h6{display:none}
	}

/* News Post/Aricle Page */
.module.post, .module.news-post {height:auto !important; min-height:10vh !important; z-index:100; background-color:transparent; background-position:top right; background-attachment:scroll;}	
	.banner.post {padding:300px 0 0; }	 
	.post-copy {display:inline-block; width:70%; padding-right:4em; vertical-align:top; text-align:left; margin-right:-5px;}
		.post-copy h1 {font-size:300%; line-height:120%; max-width:75%; padding:0.5em 0;}
		.post-copy h1:after {display:none}				
	.news-post .sidebar {padding-top:250px;}
		.news-post .sidebar img {margin:0 0 0.5em; height:auto}

	.module.latest-news {background-color:#1b1b1b; height:auto !important; min-height:10vh !important; text-align:left;}
	.module.latest-news .copy {text-align:left; padding-top:0;}
	.module.latest-news .copy h2 {margin-bottom:0.5em;}
		.latest-news .article {display:inline-block; width:50%; position:relative; z-index:1; margin:0 -4px 0 0;}
		.latest-newsd .article .image {position:relative; z-index:1; width:100%;}
			.latest-news .article .image img {opacity:0.4; margin:0 0 -3px;}
			.latest-news .article:hover .image img {opacity:0.6;}
		.latest-news .articleCopy {position:absolute; z-index:2; bottom:0px; left:0px; width:100%; display:block; padding:1.5em;}
		.latest-news .articleCopy h3 {padding:0.5em 0; font-size:140%;}
		.latest-news .articleCopy h6 {font-size:75%; letter-spacing:2px; position:relative;}
			.latest-news .articleCopy h6:after {display:block; content:""; width:40px; height:2px; background:#cd4d47; margin:0.5em 0;}				
		.latest-news .articleCopy a {color:white;text-decoration:none;}
			.latest-news .articleCopy a:hover {color:#cd4d47; }
		.latest-news a.more-btn {margin-top:1em; display:inline-block;}	
	.sidebar-popularpost a[href$=".pdf"]{height:auto!important; padding-top:0px!important}
	@media only screen and (min-width:1025px) {
		.module.news-post {margin:-25vh 0 0; padding:300px 0 0; }
	}
	@media only screen and (max-width:1024px) {
		.module.news-post {background-color:#1b1b1b;}
	}
	@media only screen and (max-width:768px) {
		.post-copy {display:inline-block; width:auto; padding-right:0; margin-right:0px;}
		.news-post .sidebar {padding-top:2em;}
		.news-post .sidebar .article { display:inline-block; width:50%; border:0; padding:1em 1em 1em 0; margin:0 -5px 0 0;}	
	}	
	@media only screen and (max-width:540px) {
		.latest-news .article {display:block; width:auto; margin:1em 0;}
	}

	





/* Generic Page Template */
.module.generic {height:auto !important; min-height:10vh !important; z-index:2}	
.banner.generic {padding:250px 0 50px; z-index:999 }
.module.generic .copy {text-align:left;}
.banner.generic .copy {text-align:center;}
.single-post .module.generic {min-height:50vh !important;}
	@media only screen and (max-width:768px) {
		.banner.generic {padding:150px 0 50px; }
		.module.skills{float:left; width:100%; clear:both; padding-bottom:50px}
	}






/* Skills Page Template */
#options {}
	#options label {display:inline-block; width:75%; width:calc(100% - 30px); margin:0 0 3px; vertical-align:top; font-size:100%; line-height:125%;}
	.jplist-group {display:block; padding:0; line-height:125%; }
	.accordion .data{float:left; width:100%}
	.text-filter-box {margin:0 0 2em;}
h2.term_level_1 {font-size:250%; margin:0; padding:0.25em 0; max-width:85%}
.category-description p {position:relative; margin-bottom:10px;}
.category-description p:after {display:inline-block; position:absolute; bottom:-10px; left:0px; content:""; width:50px; height:2px; background:#cd4d47;}
h2.term_level_2 {font-size:150%; font-weight:700; padding:0.5em 0; }
h2.term_level_3 {font-weight:bold; padding:0.25em 0; }
.course-item {display:block; padding:3px 0;}
	.course-item a {position:relative; display:block; color:white; font-weight:bold; margin-left:24px}
	.course-item a:before { display:block; vertical-align:middle; content:''; width:24px; height:20px; line-height:20px; background:url(img/arrow.png) top left no-repeat; background-size:12px; position:absolute; left:-24px}
	.isotope-tags{display:none!important}
	.inline-block.level2{margin-left:20px}
	.grid-item.registered-accredited-qualifications, .grid-item.accredited-skills-programmes{display:none}
	.grid-item,.grid-item .services{padding-top:0px!important}
	.term_level_1{font-size:225%; padding-top:60px!important}
	.page-template-template-registered-qualifications-php .term_level_1.management-sciences{padding-top:10px!important}
	.term_level_2,.grid-item .term_level_2.services{font-size:175%; padding-top:20px!important}
	.term_level_3{font-size:125%; padding-top:30px!important}
	.option_level_1{margin-left:20px;}
	.option_level_2{margin-left:35px;}
	.option_level_3{margin-left:50px;}
	.category-description p{margin-top:-20px}
	.term_level_1.accredited-skills-programmes{display:none}
	.course-item{}
	.course-meta{display:block; width:100%; font-size:13px; font-weight:normal; margin:6px 0}
	.course-meta .nqflevel{padding-left:24px; padding-right:24px;}
	.jplist-panel .accordion h3{font-size:110%}
	.text-filter-box{position:relative; color:#fff}
	.text-filter-box .jplist-icon{position:absolute; right:25px; top:15px}







/* Course Detail Page */
.module.course {height:auto !important; min-height:10vh !important; z-index:100; background-color:transparent; background-position:top right; background-attachment:scroll;}		 
	.course-title {display:block; text-align:left; padding-top:50vh; max-width:60%;}
		.course-title h1 {font-size:300%; line-height:120%; padding:0.5em 0;}
		.course-title h1:after {display:inline-block; position:absolute; bottom:-10px; left:0px; content:""; width:50px; height:2px; background:#cd4d47;}
	.course .copy {display:inline-block; width:70%; padding:2em 4em 2em 0; vertical-align:top; text-align:left; margin-right:-5px;}
	.course .sidebar {padding:2em 0;}
		.course .sidebar h6 {border-left:2px solid #cd4d47; padding:0 0.75em; margin:0.5em 0; line-height:100%; font-size:90%;}
		.course .sidebar p {padding:0 0 1em; padding-left:0.8em}
.course-modules {background-color:#1b1b1b; display:block; clear:both; z-index: 100; position: relative; padding:1em 0 4em;}
	.module.course table {text-align:left; border-top:1px solid white; border-bottom:1px solid white; margin:1em 0; width:100%;}
		.module.course table th {padding:0.75em; text-transform:uppercase; letter-spacing:1px; font-weight:bold; font-size:90%; border-bottom:1px solid white; border-right:1px solid white;}
		.module.course table td {padding:0.75em; border-right:1px solid white;}	
		.module.course table tr th:last-of-type, .module.course table tr td:last-of-type {border-right:0;}
			
			
			
	@media only screen and (max-width:1024px) {
		.module.course {background-color:#1b1b1b;}
		.course-title {padding-top:0; max-width:70%;}
		.course-title h1 {font-size:250%; }
		.course-modules {padding:0 0 2em;}	
		#skills .intro{width:100%}
	}
	@media only screen and (max-width:768px) {
		.course-title { max-width:100%;}
		.course .copy, .course .sidebar {display:block; width:auto; padding:2em 0; margin:0;}
	}




/* Footer */ 		
footer {display:block; clear:both; position:relative; z-index:1; padding:4em 0; color:white; background:#1b1b1b;}	
	footer .column {vertical-align:top; display:inline-block; width:25%; margin-right:-5px; padding-right:4.5%;}
	footer .column:first-of-type {width:50%;}
	footer .column:last-of-type {padding-right:0;}
	footer h3 {padding:0 0 0.5em;}
	footer ul li, .footer p {display:block; font-size:90%; line-height:140%;}	
		footer ul li a {display:block;padding:0.1em 0; text-decoration:none; color:white;}
		footer h5 {font-weight:bold; color:white; padding:0; }
	
	footer .column input {height:45px; line-height:40px; padding:0 0 !important;}
	footer .column input[type=email] {display:inline-block; vertical-align:middle; width:60%;}	
	footer .column input[type=submit] {display:inline-block; vertical-align:middle; width:30%;}
	
	
	@media only screen and (max-width:768px) {		
		footer {padding:1em 0;}
		footer .column:first-of-type {width:auto; display:block;}
		footer .column { width:50%; padding:1em;}
	}

@media only screen and (max-width:1024px) {	
.page-template-template-about .module.careers .copy ul {text-align:left}
.page-template-template-about .module.careers .copy ul.remove-margin{margin-top:-54px}
}

@media only screen and (min-width:760px) and (max-width:1100px) {	
.page-template-template-about .module.careers .one-column-copy{max-width:100%!important}
}

@media only screen and (max-width:613px) {
	.module.banner .copy .pageLinks li{margin-bottom:10px!important}
}	
/**** HEIGHT MEDIA****/
@media screen and  ( max-height: 500px ){  
	 h1{font-size:200%; margin-top:5%}
	 .green-slant, .red-slant{margin-bottom:-2px}	
}

@media screen and (max-width:568px) and (max-height: 740px) {
.bgimage{background-size:250% auto!important}
}

@media screen and  ( max-height: 320px ){
.banner{min-height:110vh}
.bgimage{background-size:120% auto!important}
}
	
	
@media (width: 1280px) and (height: 800px){
	.home .home-services{padding-top:65vh}
	.page-template-template-about .module.services{padding-top:23vh; height:121vh}
	.module.knowledge{padding-top:24vh!important}
	.module.knowledge.leadership{padding-top:34vh!important}
	.module.knowledge.management{padding-top:34vh!important}
}

@media (width: 800px) and (height: 1280px){
.banner{min-height:50vh}
}

@media (width: 1280px) and (height: 720px){
	.home .home-services{padding-top:70vh}
	.page-template-template-about .module.services{padding-top:24vh; height:133vh}
	.module.knowledge{padding-top:27vh!important}
	.module.knowledge.leadership{padding-top:37vh!important}
	.module.knowledge.management{padding-top:37vh!important}
}
@media (width: 720px) and (height: 1280px){
	.banner{min-height:50vh}
}

@media (width: 1280px) and (height: 950px){
	.home .home-services{padding-top:55vh}
	.page-template-template-about .module.services{padding-top:20vh; height:101vh}
	.module.knowledge{padding-top:21vh!important}
	.module.knowledge.leadership{padding-top:31vh!important}
	.module.knowledge.management{padding-top:31vh!important}
}

@media (width: 1280px) and (height: 768px){
	.home .home-services{padding-top:65vh}
	.page-template-template-about .module.services{padding-top:27vh; height:135vh}
	.module.knowledge{padding-top:26vh!important}
	.module.knowledge.leadership{padding-top:38vh!important}
	.module.knowledge.management{padding-top:38vh!important}
}
@media (width: 768px) and (height: 1280px){
.banner{min-height:60vh}
}


@media (width: 1366px) and (height: 768px){
	.home .home-services{padding-top:65vh}
	.page-template-template-about .module.services{padding-top:27vh; height:135vh}
	.module.knowledge{padding-top:28vh!important}
	.module.knowledge.leadership{padding-top:38vh!important}
	.module.knowledge.management{padding-top:38vh!important}
}

@media (width: 768px) and (height: 1366px){
.banner{min-height:50vh}
}
@media (width: 768px) and (height: 1024px){
.banner{min-height:70vh}
}


@media (width: 1366px) and (height: 1024px){
	.home .home-services{padding-top:50vh}
	.page-template-template-about .module.services{padding-top:20vh; height:100vh}
	.module.knowledge{padding-top:22vh!important}
	.module.knowledge.leadership{padding-top:32vh!important}
	.module.knowledge.management{padding-top:32vh!important}
}

@media (width: 1440px) and (height: 900px){
	.home .home-services{padding-top:55vh}
	.page-template-template-about .module.services{padding-top:27vh; height:120vh}
	.module.knowledge{padding-top:29vh!important}
	.module.knowledge.leadership{padding-top:39vh!important}
	.module.knowledge.management{padding-top:39vh!important}
}
@media (width: 1440px) and (height: 1024px){
	.home .home-services{padding-top:55vh}
	.page-template-template-about .module.services{padding-top:24vh; height:106vh}
	.module.knowledge{padding-top:25vh!important}
	.module.knowledge.leadership{padding-top:35vh!important}
	.module.knowledge.management{padding-top:35vh!important}
}

@media (width: 1600px) and (height: 900px){
	.home .home-services{padding-top:55vh}
	.page-template-template-about .module.services{padding-top:32vh; height:134vh}
	.module.knowledge{padding-top:35vh!important}
	.module.knowledge.leadership{padding-top:45vh!important}
	.module.knowledge.management{padding-top:45vh!important}
}

@media (width: 1680px) and (height: 1050px){
	.home .home-services{padding-top:50vh}
	.page-template-template-about .module.services{padding-top:32vh; height:134vh}
	.module.knowledge{padding-top:35vh!important}
	.module.knowledge.leadership{padding-top:45vh!important}
	.module.knowledge.management{padding-top:45vh!important}
}


/* Smartphones (portrait and landscape) ----------- */

@media only screen

and (min-device-width : 320px)

and (max-device-width : 480px) {

/* STYLES GO HERE */
/*
.tribe-events-loop .tribe-events-event-meta {
    background: #1b1b1b !important;
   
}

div#tribe-bar-collapse-toggle {
    background: #1b1b1b !important;
}

.single-tribe_events .tribe-events-schedule {
    background: #1b1b1b !important;
}
*/

}




/* Events Templates */
#tribe-bar-form {/*background:#607369 !important;*/ }
 
/*
.tribe-events-calendar {border-color:white !important; background:#444;}
.tribe-events-calendar .tribe-events-month-event-title {font-size:15px !important; font-weight:bold;}
*/

select, select option {
background-color: #000000; }

#management-sciences h2.term_level_1.management-sciences,#entrepreneurship h2.term_level_1.entrepreneurship,#logistics-and-transport h2.term_level_1.logistics-and-transport,#humanities h2.term_level_1.humanities,#insurance-and-wealth-management h2.term_level_1.insurance-and-wealth-management{display:block!important}
.page-template-template-accredited-skills .courses-list .course-item{padding:0px!important}
.page-template-template-accredited-skills .courses-list .course-item  a{margin-top:16px!important}


.master-dropdown{width:95% !important;max-width:95% !important;background:transparent;color:#fff;font-size:100%;padding:0 !important;border:2px solid white !important;text-indent:0px;height:42px;line-height:42px;border-radius:0;appearance:none;line-height:normal;position:relative;}










/* Knowledge Template */ 
.knowledge-overview {height:auto;padding:0;z-index:100;background-color:transparent;background-position:top center;background-attachment:scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; }
.page-template-template-knowledge .copy h1 {max-width:75%; margin:0 auto;}
.diagram {height:auto;}
.diagram img {max-width:80%; margin:2em 10%;}	
.experiences, .masterclasses, .series {height:auto;}
.sessions {height:auto; padding-bottom:150px;}
.experiences .copy, .masterclasses .copy, .sessions .copy, .series .copy {text-align:left; max-width:760px;}
	.experiences .copy li, .masterclasses .copy li {margin:1em 0;}
	.masterclasses .copy h2 {position:relative; text-align:center; padding:0; margin:0;}
/*	.masterclasses .copy h2:after {display:inline-block; position:absolute; bottom:-10px; left:48%; left:calc(50% - 25px); content:""; width:50px; height:2px; background:white;}
*/	
	.blocks {display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-column-gap:2em;justify-items:stretch;align-items:stretch; margin:1em 0 2em;}
	.feature-block {display:block; background:rgba(0,0,0,0.5);}
		.feature-block .head {background:#436343; padding:1.5em 1em 1em; text-align:center;}
		.feature-block .head h3 {font-size:150%; padding:0; margin:0; position:relative;}
			.feature-block .head h3 span {font-size:75%; text-transform:uppercase; display:block;}
			.feature-block .head h3:after {display:inline-block; position:absolute; bottom:-12px; left:48%; left:calc(50% - 20px); content:""; width:40px; height:2px; background:white;}	
		.feature-block .copy-contain {padding:1em 1em 0; text-align:center;}

/*.page-template-template-knowledge .calltoaction {padding:2.5em;}
.page-template-template-knowledge .calltoaction .btn {font-size:175%;}*/
	
	@media only screen and (min-width: 1025px) {
		.page-template-template-knowledge  .red-copy{text-align:left;max-width:50%;padding:0 0 0 10%;}
	}		
	@media only screen and (min-width: 1041px) {
		.page-template-template-knowledge .knowledge-overview {padding-top:200px; margin:-15vh 0 0;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
	}
	
	@media only screen and (max-width:768px) {
		.blocks {display:block;grid-template-columns:1fr;grid-template-rows:1fr;grid-column-gap:0em;justify-items:stretch;align-items:stretch; margin:1em 0;}
        
/*
        #rpwwt-recent-posts-widget-with-thumbnails-2 img {
            max-width: 100% !important;
        }
*/
        
        div#rpwwt-recent-posts-widget-with-thumbnails-2 ul {
            display: flex;
        }
        
        div#rpwwt-recent-posts-widget-with-thumbnails-2 ul li {
            padding: 1em;
            border-bottom: none;
        }
	}

	@media only screen and (max-width: 1024px) {
		.page-template-template-knowledge .module:first-of-type { min-height: 90vh;}
	}

	@media only screen and (min-width:1341px) {
		.page-template-template-knowledge .module.knowledge-overview {padding-top:250px;}
		.page-template-template-knowledge .module.knowledge-overview .red-copy {max-width:800px}
		
	}
	
	@media only screen and (min-width:1241px) and (max-width:1340px) {
		.page-template-template-knowledge .module.knowledge-overview {padding-top:275px;}
	}
	
	@media only screen and (min-width:1041px) and (max-width:1240px) {
		.page-template-template-knowledge .module.knowledge-overview {padding-top:350px;}
	}
	
	@media only screen and (min-width:1041px) and (max-width:1340px) {
		.page-template-template-knowledge .module.knowledge-overview .red-copy {max-width:600px}
	}


/*
#rpwwt-recent-posts-widget-with-thumbnails-2 img {
    width: 100%;
    height: auto;
}
*/

div#rpwwt-recent-posts-widget-with-thumbnails-2 a {
    font-size: 125%;
    font-weight: 700;
    text-decoration: none;
}

div#rpwwt-recent-posts-widget-with-thumbnails-2 h6 {
    text-transform: capitalize;
    font-size: 175%;
    font-weight: 300;
}

.rpwwt-post-date {
    padding-top: 1em;
    padding-bottom: 1.5em;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 75%;
}

.rpwwt-widget ul li:not(:last-child) {
    border-bottom: 1px solid white;
}

.tribe-events-list-separator-month span {
    background-color: #1b1b1b !important;
}




/* Home Page Banner 1st slide */

.home #slider h1 {font-weight:bold; line-height:110%; font-size:400%}
.home #slider h1 .first-line {color:#f38e00;}
.home #slider h1 .second-line {font-size:140%}


@media only screen and (min-width: 1025px) {
	.home #slider .slides li .copy {left: calc(50vw - 550px) !important;}
	.home #slider h4 {font-size:150%}
}
@media only screen and (max-width: 1024px) {

}




@media screen and (max-width:768px) {
    .hide-mobile {display: none;}
    :where(.wp-block-columns.is-layout-flex) {
        gap: 0em !important;
    }
}

@media only screen and (max-width: 800px) {
    br {display: block !important;}
}

input.wpcf7-form-control.has-spinner.wpcf7-submit.btn-white {background: none;border: 1px solid white;}

@media only screen and (max-width: 768px) {
    .page-template-template-home ul.slides img {
        width: 30%;
    }
	.page-template-template-home ul.slides li .copy h1 {
        font-size: 150% !important;
    }
	
	.page-template-template-home ul.slides li .copy .centerit {
        top: 50% !important;
    }

}

@media only screen and (min-width: 1280px) {
    .page-template-template-home ul.slides .copy {
        width: 100% !important;
        max-width: 1100px !important;
    }
    
  .page-template-template-home ul.slides .copy .centerit {
        top: 55% !important;
   }
}

@media only screen and (max-width: 1279px) and (min-width: 1024px) {
    .page-template-template-home ul.slides .copy {
        width: 100% !important;
        max-width: 1000px !important;
    }
}




.wp-block-buttons .wp-block-button__link[style*="background-color:#cd4d47"]:hover {color:white !important}



/*New hero banner*/
.hero-banner {position: fixed;}
.hero-banner img {height: 100vh;object-fit: cover;}
.hero-banner-inner {position: absolute;top: 0px;left: 0px;width: 100%;height: 100% !important;}
.two-col {display: grid;grid-template-columns: repeat(2, 1fr);align-items: center;justify-content: center;height: 100%;}
.hero-logo img {height: auto;}