@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,900;1,200&display=swap');

body,div,dl,dt,dd,p,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,blockquote,form{margin:0;padding:0;}
ul,ol{list-style:none;}
img,a img{border:none;display:block;}
*:link,*:visited{text-decoration:none;}
*:active,*:focus{outline:0;}
table{border-collapse:collapse;border-spacing:0;}
label,button{cursor:pointer;}
input,textarea,select{font-family:inherit;font-size:inherit;padding:0;margin:0;vertical-align:middle;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0;}

::-moz-selection { background-color: #141e50; color: #FFF; }
::selection { background-color: #141e50; color: #FFF; }

@font-face {font-family: 'DIN-Light';src: url('31065A_0_0.eot');src: url('31065A_0_0.eot?#iefix') format('embedded-opentype'),url('31065A_0_0.woff2') format('woff2'),url('31065A_0_0.woff') format('woff'),url('31065A_0_0.ttf') format('truetype');}
@font-face {font-family: 'DIN';font-weight: normal;font-style: italic;src: url('31065A_1_0.eot');src: url('31065A_1_0.eot?#iefix') format('embedded-opentype'),url('31065A_1_0.woff2') format('woff2'),url('31065A_1_0.woff') format('woff'),url('31065A_1_0.ttf') format('truetype');}
@font-face {font-family: 'DIN';font-weight: bold;font-style: normal;src: url('31065A_2_0.eot');src: url('31065A_2_0.eot?#iefix') format('embedded-opentype'),url('31065A_2_0.woff2') format('woff2'),url('31065A_2_0.woff') format('woff'),url('31065A_2_0.ttf') format('truetype');} 
@font-face {font-family: 'DIN';font-weight: normal;font-style: normal;src: url('31065A_3_0.eot');src: url('31065A_3_0.eot?#iefix') format('embedded-opentype'),url('31065A_3_0.woff2') format('woff2'),url('31065A_3_0.woff') format('woff'),url('31065A_3_0.ttf') format('truetype');}



/*fade in effects*/
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fade-in { opacity:0;-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:0.5s;-moz-animation-duration:0.5s;animation-duration:0.5s; }

html 					{ overflow-y: scroll; }
body 					{ background-color: #e7e7e9; color: #333; font-family: 'DIN-Light', sans-serif; font-size: 16px; line-height: 1; }
body.noscroll			{ overflow: hidden; }
.page-layout			{ background-color: #FFF; position: relative; clear: both; margin: 0 auto; width: 1440px; }
.page-content			{ position: relative; }
.page-content:after 	{ clear: both; content: ""; display: table; }
.inner					{ margin: 0 auto; width: 1160px; }
.inner:after			{ clear: both; content: ""; display: table; }
.third					{ width: 340px; }

.mob-header				{ display: none; }
.mob-nav				{ display: none; }

/* PAGE NAV
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.page-nav * 					{ -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; -webkit-transition: all .1s ease-out; transition: all .1s ease-out; }
.page-nav 						{ /*border-bottom: 1px solid #EEE;*/ font-family: 'DIN', sans-serif; height: 70px; position: relative; z-index: 100; }
.page-nav-on					{ height: 160px; }
.page-nav ul					{ height: 100px; text-align: right; width: auto; }
.page-nav ul li 				{ display: block; float: right; }
.page-nav>ul>li:first-child		{ margin-right: 30px; }
.page-nav ul li a 				{ color: #666; display: block; font-size: 18px; height: 100px; line-height: 100px; padding: 0 20px; text-decoration: none; }
.page-nav ul li a:hover,
.page-nav ul li.on>a			{ color: #141e50; }

.page-nav ul ul					{ background-color: #f3f4f6; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; display: none; height: 60px; overflow: hidden; position: absolute; left: 0; top: 100px; width: 100%; }
.page-nav ul li.on ul			{ display: block; }
.page-nav ul li:hover ul		{ display: block; }
.page-nav ul ul li a			{ font-size: 16px; height: 60px; line-height: 60px; padding: 0; }
.page-nav ul ul li a span		{ border-right: 1px solid #CCC; padding: 0 10px; }

.page-nav ul ul li:first-child		{ margin-right: 40px; }
.page-nav ul ul li:first-child span	{ border-right: none; }

.page-nav ul ul li a:hover,
.page-nav ul ul li.on a			{ color: #111; text-decoration: underline; }

/*
.page-nav a.logo				{ height: 100px; position: absolute; top: 0; left: 0; width: 240px; z-index: 999; }
.page-nav a.logo:hover			{ opacity: 0.8; }
*/
.page-nav a.symbol				{ height: 100px; position: absolute; top: 0; left: 0; width: 100px; z-index: 999; }
.page-nav a.symbol:hover		{ opacity: 0.8; }

/* PAGE FOOTER
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.page-footer 					{ background-color: #323232; color: #777; font-family: 'DIN', sans-serif; font-size: 15px; font-weight: normal; line-height: 25px; }
.page-footer>div				{ border-bottom: 1px solid #414142; padding: 40px 0; }
.page-footer>div.last			{ border-bottom: none; line-height: 60px; padding: 0; }
.page-footer>div:after			{ clear: both; content: ""; display: table; }
.page-footer section			{ float: left; width: 25%; }
.page-footer a					{ color: #777; }
.page-footer a:hover			{ text-decoration: underline; color: #CCC; }
.page-footer p					{ margin: 0; }
.page-footer strong				{ color: #999; }
.page-footer .logo				{ height: 140px; margin: 0 auto; width: 140px; }
.page-footer .social a			{ color: #FFF; background: left center no-repeat; display: block; padding-left: 20px; -webkit-background-size: 15px; -o-background-size: 15px; background-size: 15px; opacity: 0.4; }
.page-footer .social a:hover	{ color: #FFF; opacity: 1; text-decoration: none; }
.page-footer a.linkedin			{ background-image: url(/assets/images/icons/linkedin.svg); }
.page-footer a.twitter			{ background-image: url(/assets/images/icons/twitter.svg); }
.page-footer a.youtube			{ background-image: url(/assets/images/icons/youtube.svg); }

.page-footer form label			{ display: block; }
.page-footer form .input		{ background: transparent; border: 1px solid #666; color: #AAA; font-size: 15px; height: 28px; margin-bottom: 10px; padding: 0 5px; width: 270px; }
.page-footer form .input		{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.page-footer form .input:focus,
.page-footer form .input:hover	{ border: 1px solid #CCC; color: #CCC; }
.page-footer form .submit		{ background-color: #666; border: 1px solid #666; color: #323232; cursor: pointer; display: block; font-size: 12px; height: 28px; letter-spacing: 1px; padding: 0 15px; }
.page-footer form .submit		{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.page-footer form .submit:hover	{ background-color: #CCC; border: 1px solid #CCC;  }

/* CONTENT
-------------------------------------------------------------------------------------------------*/
/*layout*/
.page-content .content-block .text-full-width		{ margin: 40px auto; }
.page-content .content-block .text-block-left,
.page-content .content-block .text-block-right		{ padding: 40px 0; }
.page-content .content-block .three-columns			{ margin: 40px auto; }
.page-content .content-block .three-columns figure	{ margin-bottom: 20px; }
.page-content .content-block .third					{ float: left; margin-right: 70px; }
.page-content .content-block .third:last-child		{ margin-right: 0; }

.page-content .content-block .one-third-left			{ float: left; width: 33%; padding-right: 50px; box-sizing: border-box }
.page-content .content-block .one-third-left:last-child	{ padding-right: 0; }

.page-content .content-block .one-third-right			{ float: left; width: 33%; padding-left: 50px; box-sizing: border-box }

.page-content .content-block .two-thirds-left			{ float: left; width: 66%; padding-right: 50px; box-sizing: border-box }

.page-content .content-block .two-thirds-right			{ float: left; width: 66%; padding-left: 50px; box-sizing: border-box }


.page-content .content-block .quarter				{ float: left; width: 25%; padding-right: 70px; box-sizing: border-box }
.page-content .content-block .quarter:last-child	{ padding-right: 0; }

.page-content .content-block .halved				{ width: 50%; float: left; padding-right: 70px; box-sizing: border-box }
.page-content .content-block .halved:last-child		{ padding-right: 0; }

.page-content .content-block .two-columns			{ margin: 40px auto; }
.page-content .content-block .two-columns figure	{ margin-bottom: 20px; }
.page-content .content-block .half					{ float: left; margin-right: 70px;  }
.page-content .content-block .half:last-child		{ margin-right: 0; }



.page-content .content-block .image-margin			{ padding-top: 40px; padding-bottom: 40px; }
.page-content .content-block .image-full-width img	{ margin: 0 auto; }
/*.page-content .content-block .image-left			{ float: left; margin: 0 70px 0 0; overflow: hidden; width: 750px; }
.page-content .content-block .image-right			{ float: right; margin: 0; overflow: hidden; width: 750px; }
*/
.page-content .content-block .image-left			{ float: left; margin: 0; overflow: hidden; width: 66%; }
.page-content .content-block .image-right			{ float: right; margin: 0; overflow: hidden; width: 66%; }
.page-content .content-block .image-left-small		{ float: left; margin: 0; overflow: hidden; width: 33%; }
.page-content .content-block .image-right-small		{ float: right; margin: 0; overflow: hidden; width: 33%; }

.page-content .content-block .images-four-columns figure 	{ float: left; margin: 20px 20px; width: 210px; }
.page-content .content-block .images-four-columns img 		{ height: auto; width: 100%; }

.page-content .content-block .projects 				{ padding-top: 30px; padding-left: 75px; box-sizing: border-box }
.page-content .content-block .projects a 	{ text-decoration: none }
.page-content .content-block .project-details { line-height: 1.2; padding-top: 10px; padding-left: 10px; }

.page-content .text-background-image 				{ background: no-repeat center center; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.page-content .text-background-image .inner			{ padding: 50px 0; }
.page-content .text-background-image .tint-navy		{ background-color: rgba(20,30,80,0.75); }
.page-content .text-background-image .tint-black	{ background-color: rgba(0,0,0,0.75); }
.page-content .text-background-image .tint-white	{ background-color: rgba(255,255,255,0.80); }
.page-content .text-background-image .text 			{ width: 750px; }
.page-content .text-background-image .text h2		{ font-size: 33px; }
.page-content .text-background-image .text p		{ font-size: 20px; line-height: 25px; }
.page-content .text-background-image .text-colour-white,
.page-content .text-background-image .text-colour-white * 	{ color: #FFF; }
.page-content .text-background-image .text-colour-black,
.page-content .text-background-image .text-colour-black * 	{ color: #111; }
.page-content .text-background-image .text-colour-navy,
.page-content .text-background-image .text-colour-navy * 	{ color: #141e50; }
.page-content .text-background-image .text-position-left 	{  }
.page-content .text-background-image .text-position-center 	{ margin: 0 auto; text-align: center; }
.page-content .text-background-image .text-position-right 	{ float: right; }

.page-content .intro-downloads 					{ background-color: #f3f4f6; border-bottom: 1px solid #EEE; font-size: 18px; }
.page-content .intro-downloads .inner			{ margin: 0 auto; padding: 50px 0; }
.page-content .intro-downloads .intro-text 		{ float: left; margin-right: 70px; width: 750px; }
.page-content .intro-downloads .intro-text p 	{ font-size: 18px; line-height: 24px; }
.page-content .intro-downloads .downloads a			{ border: 2px solid #141e50; color: #141e50; display: block; font-family: 'DIN', sans-serif; font-size: 15px; height: 46px; letter-spacing: 0.05em; line-height: 46px; margin-bottom: 10px; padding: 0 45px 0 15px; text-decoration: none; text-transform: uppercase; }
.page-content .intro-downloads .downloads a			{ background: url(/assets/images/icons/download.png) right center no-repeat; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.page-content .intro-downloads .downloads a:hover	{ background-color: #141e50; background-image: url(/assets/images/icons/download-white.png); color: #FFF; }

.page-content .content-block .video         { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.page-content .content-block .video iframe  { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.page-content .text-left			{ text-align: left; }
.page-content .text-right			{ text-align: right; }
.page-content .text-center			{ text-align: center; }
.page-content .text-justify			{ text-align: justify; }

.action-button				{ margin-left: 20px; margin-right: 20px; }
.action-button span			{ border: 1px solid #666; color: #666; display: inline-block; font-size: 15px; letter-spacing: 1px; line-height: 38px; padding: 0 15px; text-transform: uppercase; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.action-button a:hover span	{ background-color: #141e50; border: 1px solid #141e50; color: #FFF; }


.two-buttons a 			{ color: #fff!important; border: 2px solid #141e50; display: inline-block; font-family: 'DIN', 
	sans-serif; font-size: 20px!important; height: 60px!important; margin: 10px 0 10px 0!important; line-height: 60px!important; padding: 0 20px!important; text-decoration: none!important; }
.two-buttons a:hover 	{ background-color: #fff!important; color: #141e50!important;  border: 2px solid #141e50!important;}
.two-buttons-gap { display:inline-block; width: 100px!important; }
.centered { text-align: center }

/* new */
 .column {
  float: left;
  width: 33.33%;
  padding: 0px;
  position: relative;
  box-sizing: border-box;
  padding-right: 20px;
  
}


.column:hover {
	 opacity: 0.8;
}

.column .overlay {
  position: absolute;
  text-align: left;
  color: #FFF;
  left: 8px;
  bottom: 8px;
 /* width: 100%;*/
  font-size: 18px;
  font-weight: 600;
  padding: 10px;
  background-color: rgba(0,0,0,0.50);
}


.row {
	margin-bottom: 60px;
	margin-left: 20px;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

.service-overlay {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform:translate(-50%, -50%);
  margin: 0 auto;
  text-align: center;
  color: #fff!important;
  font-size: 16px;
  font-weight: 300;
  background-color: #141e50;
  padding: 10px;
  text-transform: uppercase;
  width: 75%;
}

.service-overlay2 {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform:translate(-50%, -50%);
  margin: 0 auto;
  text-align: center;
  color: #fff!important;
  font-size: 16px;
  font-weight: 300;
  background-color: #141e50;
  padding: 10px;
  text-transform: uppercase;
  width: 75%;
}






/*elements*/
.page-content h2			{ color: #141e50; font-family: 'DIN', sans-serif; font-size: 28px; line-height: 1.2; margin: 0 0 20px; }
.page-content h3			{ color: #141e50; font-family: 'DIN', sans-serif; font-size: 22px; line-height: 1.2; margin: 0 0 20px; }
.page-content h4			{ color: #444; font-family: 'DIN', sans-serif; font-size: 18px; font-weight: normal; line-height: 1.2; margin: 0 0 10px; }
.page-content p				{ color: #222; font-size: 16px; line-height: 22px; margin: 0 0 20px; }
.page-content hr 			{ background-color: #EEE; border: none; clear: both; color: #EEE; height: 1px; line-height: 1; margin: 0; overflow: hidden; width: 100%; }
.page-content hr.margin		{ margin: 40px 0; }
.page-content a				{ color: #141e50; text-decoration: underline; }
.page-content a:hover		{ color: #888; text-decoration: underline; }
.content-block p:last-child,
.content-block ol:last-child,
.content-block ul:last-child{ margin-bottom: 0; }
.content-block h2:only-child,
.content-block h3:only-child,
.content-block h4:only-child,
.content-block p:only-child,
.content-block ol:only-child,
.content-block ul:only-child{ margin-bottom: 0; }

/*lists*/
.page-content ul, 
.page-content ol			{ font-size: 16px; line-height: 22px; margin: 0 0 20px 20px; }
.page-content ul ul,
.page-content ul ol,
.page-content ol ol,
.page-content ol ul 		{ font-size: 100%; margin: 5px 0 5px 20px; }
.page-content ul 			{ list-style-type: square; }
.page-content ul ul 		{ list-style-type: disc; }
.page-content ul ul ul 		{ list-style-type: circle; }
.page-content ol 			{ list-style-type: decimal; }
.page-content ol ol 		{ list-style-type: lower-alpha;	}
.page-content ol ol ol		{ list-style-type: lower-roman; }
.page-content li			{ margin-bottom: 5px; }

/*tables*/
.page-content table				{ border-collapse: collapse; font-size: 16px; margin-bottom: 20px; }
.page-content table th			{ border-bottom: 2px solid #141e50; color: #141e50; font-family: 'DIN', sans-serif; font-size: 15px; font-weight: bold; letter-spacing: 1px; line-height: 50px; padding: 0; text-align: left; text-transform: uppercase; }
.page-content table td			{ border-bottom: 1px solid #DDD; color: #222; line-height: 50px; padding: 0; vertical-align: top; }

/*forms*/
.page-content form						{ margin: 40px 0; }
.page-content form label				{ color: #141e50; display: block; font-family: 'DIN', sans-serif; line-height: 30px; }
.page-content form label.checkbox		{ color: #444; display: inline; letter-spacing: 0; line-height: 1; padding: 0 5px; text-transform: none; vertical-align: middle; }
.page-content form label.checkbox:hover	{ color: #141e50; }
.page-content form .input				{ background: #EEE; border: 1px solid #EEE; color: #444; font-size: 15px; height: 38px; margin-bottom: 20px; padding: 0 10px; width: 300px; }
.page-content form .input				{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.page-content form .input:focus,
.page-content form .input:hover			{ background: #FFF; border: 1px solid #141e50; color: #141e50; }
.page-content form textarea				{ background: #EEE; border: 1px solid #EEE; color: #444; font-size: 15px; margin-bottom: 10px; padding: 0 10px; }
.page-content form textarea				{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.page-content form textarea:focus,
.page-content form textarea:hover		{ background: #FFF; border: 1px solid #141e50; color: #141e50; }
.page-content form .submit				{ background-color: #141e50; border: 1px solid #141e50; color: #FFF; cursor: pointer; display: block; font-size: 12px; height: 38px; letter-spacing: 1px; padding: 0 15px; }
.page-content form .submit				{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.page-content form .submit:hover		{ opacity: 0.85; }
.page-content form .verify				{ visibility: hidden; position: absolute; top: -9999px; left: -9999px; }

/* PAGE BANNER
-------------------------------------------------------------------------------------------------*/
.page-banner				{ background: #f1f2f3 no-repeat center center; height: 400px; overflow: hidden; position: relative; width: 100%; }
.page-banner video			{ position: absolute; top: 50%; left: 50%; z-index: 2; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%); }
.page-banner .banner-text	{ background-color: rgba(20,30,80,0.90); margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0; width: 1240px; z-index: 3; }
.page-banner .banner-text h1	{ color: #FFF; font-family: 'DIN', sans-serif; font-size: 30px; font-weight: normal; line-height: 33px; margin: 0; padding: 40px; width: 780px; }


/* VEGAS BG SLIDESHOW */
body.vegas-container{position:static;z-index:-2}
.vegas-overlay{background: transparent center center}
.vegas-overlay,.vegas-slide,.vegas-slide-inner,.vegas-timer,.vegas-wrapper{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;border:none;padding:0;margin:0}.vegas-timer{top:auto;bottom:0;height:2px}.vegas-timer-progress{width:0;height:100%;background:#fff;-webkit-transition:width ease-out;transition:width ease-out}.vegas-timer-running .vegas-timer-progress{width:100%}.vegas-slide,.vegas-slide-inner{margin:0;padding:0;background:center center no-repeat;-webkit-transform:translateZ(0);transform:translateZ(0)}body .vegas-container{overflow:hidden!important;position:relative}.vegas-video{min-width:100%;min-height:100%;width:auto;height:auto}
body.vegas-container>.vegas-overlay,body.vegas-container>.vegas-slide,body.vegas-container>.vegas-timer{position:fixed;z-index:-1}:root body.vegas-container>.vegas-overlay,:root body.vegas-container>.vegas-slide,_::full-page-media,_:future{bottom:-76px}.vegas-transition-fade,.vegas-transition-fade2{opacity:0}.vegas-transition-fade-in,.vegas-transition-fade2-in{opacity:1}.vegas-transition-fade2-out{opacity:0}.vegas-transition-blur,.vegas-transition-blur2{opacity:0;-webkit-filter:blur(32px);filter:blur(32px)}.vegas-transition-blur-in,.vegas-transition-blur2-in{opacity:1;-webkit-filter:blur(0);filter:blur(0)}.vegas-transition-blur2-out{opacity:0}.vegas-transition-flash,.vegas-transition-flash2{opacity:0;-webkit-filter:brightness(25);filter:brightness(25)}.vegas-transition-flash-in,.vegas-transition-flash2-in{opacity:1;-webkit-filter:brightness(1);filter:brightness(1)}.vegas-transition-flash2-out{opacity:0;-webkit-filter:brightness(25);filter:brightness(25)}.vegas-transition-negative,.vegas-transition-negative2{opacity:0;-webkit-filter:invert(100%);filter:invert(100%)}.vegas-transition-negative-in,.vegas-transition-negative2-in{opacity:1;-webkit-filter:invert(0);filter:invert(0)}.vegas-transition-negative2-out{opacity:0;-webkit-filter:invert(100%);filter:invert(100%)}.vegas-transition-burn,.vegas-transition-burn2{opacity:0;-webkit-filter:contrast(1000%) saturate(1000%);filter:contrast(1000%) saturate(1000%)}.vegas-transition-burn-in,.vegas-transition-burn2-in{opacity:1;-webkit-filter:contrast(100%) saturate(100%);filter:contrast(100%) saturate(100%)}.vegas-transition-burn2-out{opacity:0;-webkit-filter:contrast(1000%) saturate(1000%);filter:contrast(1000%) saturate(1000%)}.vegas-transition-slideLeft,.vegas-transition-slideLeft2{-webkit-transform:translateX(100%);transform:translateX(100%)}.vegas-transition-slideLeft-in,.vegas-transition-slideLeft2-in{-webkit-transform:translateX(0);transform:translateX(0)}.vegas-transition-slideLeft2-out,.vegas-transition-slideRight,.vegas-transition-slideRight2{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.vegas-transition-slideRight-in,.vegas-transition-slideRight2-in{-webkit-transform:translateX(0);transform:translateX(0)}.vegas-transition-slideRight2-out{-webkit-transform:translateX(100%);transform:translateX(100%)}.vegas-transition-slideUp,.vegas-transition-slideUp2{-webkit-transform:translateY(100%);transform:translateY(100%)}.vegas-transition-slideUp-in,.vegas-transition-slideUp2-in{-webkit-transform:translateY(0);transform:translateY(0)}.vegas-transition-slideDown,.vegas-transition-slideDown2,.vegas-transition-slideUp2-out{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.vegas-transition-slideDown-in,.vegas-transition-slideDown2-in{-webkit-transform:translateY(0);transform:translateY(0)}.vegas-transition-slideDown2-out{-webkit-transform:translateY(100%);transform:translateY(100%)}.vegas-transition-zoomIn,.vegas-transition-zoomIn2{-webkit-transform:scale(0);transform:scale(0);opacity:0}.vegas-transition-zoomIn-in,.vegas-transition-zoomIn2-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.vegas-transition-zoomIn2-out,.vegas-transition-zoomOut,.vegas-transition-zoomOut2{-webkit-transform:scale(2);transform:scale(2);opacity:0}.vegas-transition-zoomOut-in,.vegas-transition-zoomOut2-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.vegas-transition-zoomOut2-out{-webkit-transform:scale(0);transform:scale(0);opacity:0}.vegas-transition-swirlLeft,.vegas-transition-swirlLeft2{-webkit-transform:scale(2) rotate(35deg);transform:scale(2) rotate(35deg);opacity:0}.vegas-transition-swirlLeft-in,.vegas-transition-swirlLeft2-in{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}.vegas-transition-swirlLeft2-out,.vegas-transition-swirlRight,.vegas-transition-swirlRight2{-webkit-transform:scale(2) rotate(-35deg);transform:scale(2) rotate(-35deg);opacity:0}.vegas-transition-swirlRight-in,.vegas-transition-swirlRight2-in{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}.vegas-transition-swirlRight2-out{-webkit-transform:scale(2) rotate(35deg);transform:scale(2) rotate(35deg);opacity:0}.vegas-animation-kenburns{-webkit-animation:kenburns ease-out;animation:kenburns ease-out}@-webkit-keyframes kenburns{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes kenburns{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.vegas-animation-kenburnsUp{-webkit-animation:kenburnsUp ease-out;animation:kenburnsUp ease-out}@-webkit-keyframes kenburnsUp{0%{-webkit-transform:scale(1.5) translate(0,10%);transform:scale(1.5) translate(0,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUp{0%{-webkit-transform:scale(1.5) translate(0,10%);transform:scale(1.5) translate(0,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDown{-webkit-animation:kenburnsDown ease-out;animation:kenburnsDown ease-out}@-webkit-keyframes kenburnsDown{0%{-webkit-transform:scale(1.5) translate(0,-10%);transform:scale(1.5) translate(0,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDown{0%{-webkit-transform:scale(1.5) translate(0,-10%);transform:scale(1.5) translate(0,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsLeft{-webkit-animation:kenburnsLeft ease-out;animation:kenburnsLeft ease-out}@-webkit-keyframes kenburnsLeft{0%{-webkit-transform:scale(1.5) translate(10%,0);transform:scale(1.5) translate(10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsLeft{0%{-webkit-transform:scale(1.5) translate(10%,0);transform:scale(1.5) translate(10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsRight{-webkit-animation:kenburnsRight ease-out;animation:kenburnsRight ease-out}@-webkit-keyframes kenburnsRight{0%{-webkit-transform:scale(1.5) translate(-10%,0);transform:scale(1.5) translate(-10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsRight{0%{-webkit-transform:scale(1.5) translate(-10%,0);transform:scale(1.5) translate(-10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUpLeft{-webkit-animation:kenburnsUpLeft ease-out;animation:kenburnsUpLeft ease-out}@-webkit-keyframes kenburnsUpLeft{0%{-webkit-transform:scale(1.5) translate(10%,10%);transform:scale(1.5) translate(10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUpLeft{0%{-webkit-transform:scale(1.5) translate(10%,10%);transform:scale(1.5) translate(10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUpRight{-webkit-animation:kenburnsUpRight ease-out;animation:kenburnsUpRight ease-out}@-webkit-keyframes kenburnsUpRight{0%{-webkit-transform:scale(1.5) translate(-10%,10%);transform:scale(1.5) translate(-10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUpRight{0%{-webkit-transform:scale(1.5) translate(-10%,10%);transform:scale(1.5) translate(-10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDownLeft{-webkit-animation:kenburnsDownLeft ease-out;animation:kenburnsDownLeft ease-out}@-webkit-keyframes kenburnsDownLeft{0%{-webkit-transform:scale(1.5) translate(10%,-10%);transform:scale(1.5) translate(10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDownLeft{0%{-webkit-transform:scale(1.5) translate(10%,-10%);transform:scale(1.5) translate(10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDownRight{-webkit-animation:kenburnsDownRight ease-out;animation:kenburnsDownRight ease-out}@-webkit-keyframes kenburnsDownRight{0%{-webkit-transform:scale(1.5) translate(-10%,-10%);transform:scale(1.5) translate(-10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDownRight{0%{-webkit-transform:scale(1.5) translate(-10%,-10%);transform:scale(1.5) translate(-10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}

/* HOME
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.body-index .page-banner { height: 460px; }
.body-index main * { -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; -webkit-transition: all .1s ease-out; transition: all .1s ease-out; }

.body-index .page-banner .banner-text-centred			{ background-color: rgba(20,30,80,0.40); position: absolute; top: 0; left: 0; text-align: center; height: 100%; width: 100%; z-index: 3; }
.body-index .page-banner .banner-text-centred:before 	{ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }
.body-index .page-banner .banner-text-centred div		{ display: inline-block; margin: 0 auto; width: 70%; vertical-align: middle; }
.body-index .page-banner .banner-text-centred h1		{ color: #FFF; font-family: 'Montserrat', sans-serif; font-size: 50px; font-weight: 900; line-height: 1; margin: 0; }
.body-index .page-banner .banner-text-centred h2		{ color: #FFF; font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 300; line-height: 1; margin: 20px 0; }
.body-index .page-banner .banner-text-centred .button			{ border: 1px solid #FFF; color: #FFF; display: inline-block; font-family: 'DIN', sans-serif; font-size: 15px; height: 40px; letter-spacing: 1px; line-height: 40px; margin: 20px 0 0; padding: 0 20px; text-transform: uppercase; }
.body-index .page-banner .banner-text-centred .button			{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.body-index .page-banner .banner-text-centred a:hover .button	{ background-color: #FFF; color: #141e50; }
.body-index .page-banner video							{ position: absolute; top: 50%; left: 50%; z-index: 2; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%); }

.body-index .investor-bar 			{ background-color: #e1e2e3; color: #666; height: 140px; overflow: hidden; }
.body-index .investor-bar .block	{ float: left; padding: 20px 30px 0; width: 25%; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.body-index .investor-bar h2 		{ color: #666; font-size: 16px; font-family: 'DIN', sans-serif; font-weight: normal; line-height: 1; margin-bottom: 20px; text-transform: uppercase; }

.body-index .investor-bar .share-price h2 		{ margin-bottom: 10px; }
.body-index .investor-bar .share-price iframe 	{ border: 0; height: 80px; width: 100%; }

.body-index .investor-bar .announcements				{ padding-right: 0; }
.body-index .investor-bar .announcements h2				{ margin-bottom: 15px; }
.body-index .investor-bar .announcements a 				{ color: #444; display: block; font-size: 14px; height: 25px; line-height: 25px; overflow: hidden; }
.body-index .investor-bar .announcements a em 			{ color: #666; display: inline-block; font-style: normal; width: 45px; }
.body-index .investor-bar .announcements a strong 		{ font-weight: normal; text-decoration: underline; }
.body-index .investor-bar .announcements a:hover *		{ color: #141e50; text-decoration: none; }

.body-index .investor-bar .investor-download a 			{ background: url(/assets/images/icons/investor-download.png) right center no-repeat; border: 2px solid #929394; color: #444; display: block; font-family: 'DIN', sans-serif; font-size: 20px; height: 60px; line-height: 60px; padding: 0 20px; text-decoration: none; }
.body-index .investor-bar .investor-download a:hover 	{ border: 2px solid #141e50; color: #141e50; }

.body-index .two-buttons h1		{ color: #1d1f4f; font-family: 'Montserrat', sans-serif; font-size: 40px; font-weight: 900; line-height: 1; margin: 0; padding:0 50px 0 50px; }
.body-index .two-buttons h2		{ color: #1d1f4f; font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 400; line-height: 1; margin: 20px 0; padding: 0 50px 0 50px; }
.two-button { background-color: #1d1f4f; min-width: 180px; }

.body-index .social-media			{ background-color: #FFF; color: #141e50; heightz: 50px; line-heightz: 50px; overflow: hidden; padding: 10px 20px 0 0px; margin-bottom:-20px; }
.body-index .social-media .half		{ float: left; width: 50%; }
.body-index .social-media .icons	{ text-align: right; }
.body-index .social-media .icons a				{ color: #141e50; background: left center no-repeat; display: inline-block; padding: 0 30px 0 10px; -webkit-background-size: 15px; -o-background-size: 15px; background-size: 15px; opacity: 1; }
.body-index .social-media .icons a:hover		{ color: #141e50; opacity: 0.5; text-decoration: none; }
.body-index .social-media .icons a.linkedin		{ background-image: url(/assets/images/icons/linkedin-blue.svg); }
.body-index .social-media .icons a.twitter		{ background-image: url(/assets/images/icons/twitter-blue.svg); }
.body-index .social-media .icons a.vimeo		{ background-image: url(/assets/images/icons/vimeo.svg); }
.body-index .social-media .icons a.youtube		{ background-image: url(/assets/images/icons/youtube-blue.svg); }

.body-index .four-blocks 			{ border-bottom: 1px solid #EEE; }
.body-index .four-blocks:after 		{ clear: both; content: ""; display: table; }
.body-index .four-blocks a			{ display: block; float: left; width: 25%; }
.body-index .four-blocks figure		{ height: 220px; overflow: hidden; }
.body-index .four-blocks img		{ height: auto; opacity: 1; width: 100%; }
.body-index .four-blocks article	{ border-right: 1px solid #EEE; height: 180px; overflow: hidden; padding: 20px 30px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.body-index .four-blocks h3			{ color: #141e50; font-family: 'DIN', sans-serif; font-size: 22px; font-weight: bold; margin-bottom: 15px; }
.body-index .four-blocks h4			{ color: #333; font-family: 'DIN', sans-serif; font-size: 18px; font-weight: normal; line-height: 25px; }
.body-index .four-blocks p			{ color: #666; font-size: 14px; line-height: 20px; }
.body-index .four-blocks a:last-child article	{ border-right: none; }
.body-index .four-blocks a:hover img	{ opacity: 0.8; }

.body-index .feature-blocks				{ padding-left: 50px; padding-top: 50px; padding-bottom: 20px; }
.body-index .feature-blocks:after 		{ clear: both; content: ""; display: table; }
.body-index .feature-blocks a			{ display: block; float: left; width: 25%; padding-right: 50px;  box-sizing: border-box; }
.body-index .feature-blocks figure		{ overflow: hidden; }
.body-index .feature-blocks img		{ height: auto; opacity: 1; width: 100%; }
.body-index .feature-blocks article	{  overflow: hidden; padding: 20px 0px;  box-sizing: border-box; }
.body-index .feature-blocks h3			{ color: #141e50; font-family: 'DIN', sans-serif; font-size: 22px; font-weight: bold; margin-bottom: 15px; }
.body-index .feature-blocks h4			{ color: #333; font-family: 'DIN', sans-serif; font-size: 18px; font-weight: normal; line-height: 25px; }
.body-index .feature-blocks p			{ color: #666; font-size: 14px; line-height: 20px; }
.body-index .feature-blocks a:hover img	{ opacity: 0.8; }

.body-index .feature-articles section		{ border-top: 1px solid #EEE; padding: 70px 0; }
.body-index .feature-articles a *			{ color: inherit; text-decoration: none; }
.body-index .feature-articles figure		{ float: left; width: 340px; overflow: hidden; }
.body-index .feature-articles img			{ height: auto; width: 100%; }
.body-index .feature-articles article		{ float: right; width: 750px; }
.body-index .feature-articles header		{ float: left; }
.body-index .feature-articles .text			{ float: right; }
.body-index .feature-articles h3			{ color: #141e50; font-family: 'DIN', sans-serif; font-size: 22px; font-weight: bold; line-height: 30px; margin-bottom: 5px; }
.body-index .feature-articles h4			{ color: #444; font-family: 'DIN', sans-serif; font-size: 18px; font-weight: normal; line-height: 25px; }
.body-index .feature-articles p				{ color: #333; font-size: 16px; line-height: 22px; margin-bottom: 20px; }
.body-index .feature-articles span			{ border: 1px solid #666; color: #666; display: inline-block; font-size: 15px; letter-spacing: 1px; line-height: 38px; padding: 0 15px; text-transform: uppercase; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.body-index .feature-articles a:hover img	{ opacity: 0.8; }
.body-index .feature-articles a:hover span	{ background-color: #141e50; border: 1px solid #141e50; color: #FFF; }

/* INVESTORS
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*archive*/
.archive 	{ padding: 70px 0; }

.archive .year-selector 				{ float: left; font-family: 'DIN', sans-serif; margin-right: 70px; }
.archive .year-selector .years			{ border-top: 1px solid #DDD; }
.archive .year-selector a				{ border-bottom: 1px solid #DDD; color: #888; display: block; font-size: 18px; line-height: 50px; padding: 0 10px; text-decoration: none; }
.archive .year-selector a em			{ float: right; font-style: normal; }
.archive .year-selector a:hover			{ border-bottom: 1px solid #141e50; color: #141e50; }
.archive .year-selector a.on			{ background-color: #141e50; border-bottom: 1px solid #141e50; color: #FFF; }

.archive .archive-list 							{ float: right; margin: 0; overflow: hidden; width: 750px; }
.archive .archive-list .list 					{ border-top: 1px solid #DDD; }
.archive .archive-list article 					{ border-bottom: 1px solid #DDD; line-height: 30px; overflow: hidden; padding: 10px 0; width: 100%; }
.archive .archive-list article a 				{ color: inherit; display: block; overflow: hidden; text-decoration: none; width: 100%; }
.archive .archive-list article:nth-child(even) 	{ background-color: #f3f4f6; }
.archive .archive-list article div 				{ padding: 0 10px; }
.archive .archive-list article div h3 			{ font-size: 18px; font-weight: normal; line-height: 30px; margin: 0; }
.archive .archive-list article div p 			{ line-height: 20px; margin: 0; }
.archive .archive-list .has-date article div 	{ margin-left: 120px; padding: 0 10px; }
.archive .archive-list .has-date article span 	{ color: #888; display: block; float: left; font-size: 18px; padding: 0 10px; width: 100px; }
.archive .archive-list article:hover			{ border-bottom: 1px solid #141e50; }
.archive .archive-list article:hover span		{ color: #141e50; }

/*dividends*/
.dividends table 						{ margin: 70px 0; }
.dividends table th,
.dividends table td 					{ width: 16.66%; }
.dividends table td 					{ font-size: 18px; }
.dividends table td strong 				{ padding: 0 10px; }
.dividends table td span.th				{ display: none; }
.dividends table tr:nth-child(odd) td 	{ background-color: #f3f4f6; }

/*corporate calendar*/
.corporate-calendar table td 					{ font-size: 18px; width: 75%; }
.corporate-calendar table .date					{ text-indent: 10px; width: 25%; }
.corporate-calendar table tr:nth-child(odd) td 	{ background-color: #f3f4f6; }

/*faqs*/
.faqs 							{ margin: 40px 0; }

.faqs h3.question 				{ border-bottom: 1px solid #EEE; cursor: pointer; font-size: 18px; height: 50px; line-height: 50px; margin: 0; position: relative; }
.faqs h3.question em 			{ font-style: normal; opacity: 0.5; padding: 0 10px; position: absolute; top: 0; right: 0; }
.faqs h3.question em .minus		{ display: none; }
.faqs h3.on em 					{ opacity: 1; }
.faqs h3.on em .plus			{ display: none; }
.faqs h3.on em .minus			{ display: block; }

.faqs div.answer 				{ border-bottom: 1px solid #CCC; display: none; padding: 30px 0; }
.faqs div.answer p:last-child	{ margin: 0; }

.faqs h3.question:hover			{ border-bottom: 1px solid #CCC;  }
.faqs h3.on						{ border-bottom: 1px solid #CCC;  }
.faqs h3.question:hover em		{ opacity: 1; }

/* CASE STUDIES
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.case-studies a.download			{ border: 2px solid #141e50; color: #141e50; display: block; font-family: 'DIN', sans-serif; font-size: 15px; height: 46px; letter-spacing: 0.05em; line-height: 46px; margin-bottom: 10px; padding: 0 45px 0 15px; text-decoration: none; text-transform: uppercase; }
.case-studies a.download			{ background: url(/assets/images/icons/download.png) right center no-repeat; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.case-studies a.download:hover		{ background-color: #141e50; background-image: url(/assets/images/icons/download-white.png); color: #FFF; }

/* MEDIA QUERIES
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-height: 0) and (max-height: 800px) {
	.body-index .page-banner { height: 400px !important; }
}

@media screen and (min-width: 1024px) and (max-width: 1500px) {
	.page-layout { width: 1240px; }
	.inner { width: 1060px; }
	.third { width: 320px; }
	
	.page-nav ul ul li a { font-size: 15px; }
	
	.page-content .content-block img { height: auto; width: 100%; }
	.page-content .content-block .third { margin-right: 50px; }
/*	.page-content .content-block .image-left { margin: 0 50px 0 0; width: 490px; }
	.page-content .content-block .image-right { width: 690px; }*/

	.page-content .content-block .images-four-columns figure { margin: 20px 30px; width: 205px; }
	.page-content .text-background-image .text { width: 690px; }

	.page-content .intro-downloads { font-size: 17px; }
	.page-content .intro-downloads .intro-text { margin-right: 50px; width: 690px; }
	.page-content .intro-downloads .intro-text p { font-size: 17px; line-height: 22px; }

	.page-banner .banner-text { width: 1140px; }
	
	.page-content p { font-size: 15px; line-height: 20px; margin: 0 0 15px; }
	.page-content hr.margin { margin: 15px 0; }
	.page-content ul, 
	.page-content ol { font-size: 15px; line-height: 20px; margin: 0 0 15px 20px; }
	.page-content table { font-size: 15px; }
	.page-content table th { font-size: 14px; }
	
	.body-index .investor-bar .block { padding: 20px 20px 0; }
	.body-index .investor-bar .announcements { padding: 20px 0 0; }

	.body-index .investor-bar .investor-download a { background: none; font-size: 18px; padding: 0 15px; }

	.body-index .four-blocks figure { height: 180px; }
	.body-index .four-blocks article { height: 200px; padding: 20px 20px; }

	.body-index .feature-articles figure { width: 320px; }
	.body-index .feature-articles article { width: 690px; }
	
	.archive .year-selector { margin-right: 50px; }
	.archive .archive-list { width: 690px; }
}

/* iPad - Portrait */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) {
}

/* Mobile - Landscape */
@media screen and (min-width: 480px) and (max-width: 919px) {
}

/* Mobile - Portrait */
@media only screen and (max-width: 479px) {
	html { overflow-y: visible; }
	body {  }
	.page-nav { display: none; }

	.page-layout { height: auto; padding: 50px 0 0; width: auto; }
	.inner { padding-left: 15px; padding-right: 15px; width: auto; }
	.third { float: none; width: auto; }

.mob-header { background: #141e50 url(/assets/images/logo/cms-logo.png) repeat-x; display: block; position: fixed; top: 0; left: 0; height: 50px; width: 100%; z-index: 999; }

	.mob-header { background: #141e50; display: block; position: fixed; top: 0; left: 0; height: 50px; width: 100%; z-index: 999; }
	/*.mob-header .logo { color: #FFF; font-size: 20px; height: 50px; margin: 0; width: 260px; }
	.mob-header .logo a { display: block; height: 100%; width: 100%; }
	.mob-header .logo img { display: block; height: 100%; width: 100%; }*/
	
	.mob-header #mob-nav-toggle { cursor: pointer; height: 30px; position: absolute; top: 10px; right: 5px; width: 40px; }
	.mob-header #mob-nav-toggle span { display: block; margin: 10px auto; width: 20px; }
	.mob-header #mob-nav-toggle span em { background-color: #FFF; display: block; height: 1px; margin-top: 4px; }
	.mob-header #mob-nav-toggle .close { color: #FFF; display: none; font-size: 17px; line-height: 22px; margin: 5px auto; text-align: center; }

	.mob-nav { background-color: rgba(20,30,80,0.98); display: none; font-family: 'DIN', sans-serif; font-size: 17px; overflow-y: auto; position: fixed; top: 50px; left: 0; bottom: 0; right: 0; width: 100%; z-index: 999; }
	.mob-nav ul li a { border-bottom: 1px solid #343661; color: #9192af; display: block; height: 48px; line-height: 48px; overflow: hidden; padding: 0 20px; position: relative; }
	.mob-nav ul li.toggle { position: relative; }
	.mob-nav ul>li.on>a { color: #FFF; }
	.mob-nav ul li em { font-family: sans-serif; font-size: 20px; font-style: normal; opacity: 0.5; position: absolute; right: 20px; }
	
	.mob-nav ul ul { display: none; }
	.mob-nav ul li.on ul { display: block; }
	.mob-nav li ul li { background-color: #EEE; font-size: 15px; }
	.mob-nav li ul li a { border-bottom: 1px solid #DDD; color: #222; }
	.mob-nav li.on ul li.on a { background-color: #F9F9F9; color: #141e50; }
	
	.page-footer>div { padding: 0; }
	.page-footer>div:first-child { padding-top: 20px; }
	.page-footer section { float: none; margin-bottom: 10px; padding: 0 15px; width: auto; }
	.page-footer .logo { height: 70px; margin-bottom: 20px; width: 70px; }
	.page-footer>div.last { line-height: 20px; }
	
	.page-banner { height: 250px; }
	.page-banner .banner-text { width: 100%; z-index: 3; }
	.page-banner .banner-text h1	{ font-size: 23px; line-height: 60px; padding: 0 15px; width: auto; }
	
	.page-content h2 { font-size: 22px; margin-bottom: 15px; }
	.page-content h3 { font-size: 18px; margin: 0 0 15px; }
	.page-content h4 { font-size: 15px;  }
	.page-content p { font-size: 14px; line-height: 20px; margin: 0 0 15px; }
	.page-content hr.margin { margin: 15px 0; }
	.page-content ul, 
	.page-content ol { font-size: 14px; line-height: 20px; margin: 0 0 15px 20px; }
	.page-content table { font-size: 14px; margin-bottom: 15px; }
	.page-content table th { font-size: 12px; line-height: 30px; }
	.page-content table td { line-height: 30px; }
	
	.page-content .content-block .text-full-width { margin: 15px auto; }
	.page-content .content-block .text-block-left,
	.page-content .content-block .text-block-right { padding: 15px 0 0; }
	.page-content .content-block .three-columns { margin: 15px auto; }
	.page-content .content-block .three-columns figure { margin-bottom: 15px; }
	.page-content .content-block .third { float: none; margin: 0 0 15px; }
	.page-content .content-block .third p:last-child,
	.page-content .content-block .third ol:last-child,
	.page-content .content-block .third ul:last-child { margin-bottom: 0; }

	.page-content .content-block .image-margin { padding-top: 15px; padding-bottom: 15px; }
	.page-content .content-block .image-left { float: none; margin: 0; width: 100%; }
	.page-content .content-block .image-right { float: none; margin: 0; width: 100%; }
	.page-content .content-block img { height: auto; width: 100%; }

	.page-content .content-block .images-four-columns figure { float: left; margin: 20px 5%; width: 40%; }

	.page-content .text-background-image .inner { padding: 30px 0; }
	.page-content .text-background-image .text { padding: 0 20px; width: auto; }
	.page-content .text-background-image .text h2 { font-size: 25px; }
	.page-content .text-background-image .text p { font-size: 15px; line-height: 20px; }
	.page-content .text-background-image .text-position-right { float: none; margin: 0 auto; }

	.page-content .intro-downloads .inner { padding: 20px 15px; }
	.page-content .intro-downloads .intro-text { float: none; margin: 0 0 15px; width: auto; }
	.page-content .intro-downloads .intro-text p { font-size: 15px; line-height:  20px; }
	
	.body-index .page-banner { height: 300px !important; }
	.body-index .page-banner .banner-text-centred h1 { font-size: 25px; }
	.body-index .page-banner .banner-text-centred h2 { font-size: 18px; line-height: 1.2; margin: 15px 0; }
	.body-index .page-banner .banner-text-centred .button { font-size: 14px; margin: 15px 0 0; }

	.body-index .investor-bar { height: auto; }
	.body-index .investor-bar .block { border-bottom: 1px solid #CCC; float: none; padding: 15px; width: auto; }

	.body-index .investor-bar .investor-download a { background: none; font-size: 18px; height: 40px; line-height: 40px; padding: 0 15px; }

	.body-index .social-media { height: auto; line-height: 30px; padding: 15px; }
	.body-index .social-media .half { float: none; width: auto; }
	.body-index .social-media .icons { text-align: left; }
	.body-index .social-media .icons a { display: block; padding: 0 0 0 25px; }

	.body-index .four-blocks a { float: none; width: 100%; }
	.body-index .four-blocks img { opacity: 1; width: 100%; }
	.body-index .four-blocks article { border-right: none; height: auto; padding: 15px; }
	.body-index .four-blocks h3 { margin-bottom: 10px; }

	.body-index .feature-articles section { padding: 15px 0; }
	.body-index .feature-articles figure { float: none; margin-bottom: 10px; width: auto; }
	.body-index .feature-articles article { float: none; width: auto; }
	.body-index .feature-articles header { float: none; }
	.body-index .feature-articles .text { float: none; }
	.body-index .feature-articles span { font-size: 14px; }
	
	#body-share-price iframe { height: 1200px; }
	
	.archive { padding: 15px 0; }
	.archive .year-selector { float: none; margin: 0 15px; }
	.archive .year-selector .years { border-top: none; }
	.archive .year-selector a { border: 1px solid #DDD; display: inline-block; font-size: 14px; line-height: 28px; margin: 0 0 4px 0; width: auto; }
	.archive .year-selector a em { display: none; }
	.archive .year-selector a.on { border: 1px solid #141e50; }
	.archive .archive-list { float: none; width: auto; }
	.archive .archive-list h2 { margin: 15px; }
	.archive .archive-list .list { border-top: 1px solid #DDD; }
	.archive .archive-list article { line-height: 20px; padding: 5px 0; }
	.archive .archive-list article div h3 { font-size: 13px; line-height: 20px; }
	.archive .archive-list article div p { line-height: 18px; }
	.archive .archive-list .has-date article div { margin-left: 80px; padding: 0 10px; }
	.archive .archive-list .has-date article span { float: left; font-size: 13px; padding: 0 10px; width: 50px; }

	.dividends { padding: 0; }
	.dividends table { margin: 0 0 15px; width: 100%; }
	.dividends table th { display: none }
	.dividends table td { display: block; font-size: 15px; padding: 0 15px; width: auto; }
	.dividends table td strong { display: block; padding: 15px 0 0; }
	.dividends table td span { display: inline-block; width: 50%; }
	.dividends table td span.th { color: #666; display: inline-block; }
	.dividends table tr:nth-child(odd) td { background-color: #FFF; }

	.corporate-calendar { padding: 0; }
	.corporate-calendar table td { font-size: 14px; }
	
	.faqs { margin: 15px 0; }
	.faqs h3.question { font-size: 15px; height: auto; line-height: 20px; padding: 5px 30px 5px 0; }
	.faqs div.answer { padding: 15px 0; }
	
	
	.body-index .feature-blocks a { width: 100%; }
	.row .column { width: 100%; }
	.two-buttons-gap { display:block; height: 5px; width:100%; }

}

/* High DPI 2x+ */
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
/*	.page-nav .logo { background-image: url(/assets/images/logo/capital-drilling-2x.png); background-repeat: no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; }*/
/*	.page-nav .logo { background-image: url(/assets/images/logo/cms-logo.png); background-repeat: no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; }

	.page-nav .logo img { display: none; }
	.page-nav .symbol { background-image: url(/assets/images/logo/cms-logo.png); background-repeat: no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
	.page-nav .symbol img { display: none; }
	.mob-header .logo a { background-image: url(/assets/images/logo/cms-logo.png); background-repeat: no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
	.mob-header .logo img { display: none; }
	.page-footer .logo { margin-top:0px; background-image: url/assets/images/logo/cms-logo.png); background-repeat: no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
	*/
	.page-footer .logo img { display: none; }
}

/* High DPI 1.5x+ */
@media screen and (max-width: 767px) and ( min-device-pixel-ratio: 1.5),
screen and (max-width: 767px) and ( -webkit-min-device-pixel-ratio: 1.5),
screen and (max-width: 767px) and ( -o-min-device-pixel-ratio: 3/2) {


/*	.page-nav .logo { background-image: url(/assets/images/logo/cms-logo.png); background-repeat: no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
	.page-nav .logo img { display: none; }
	.page-nav .symbol a { background-image: url(/assets/images/logo/cms-logo.png); background-repeat: no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
	.page-nav .symbol img { display: none; }
	.mob-header .logo { background-image: url(/assets/images/logo/cms-logo.png); background-repeat: no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
	.mob-header .logo img { display: none; }
	.page-footer .logo { margin-top:0px; background-image: url(/assets/images/logo/cms-logo.png); background-repeat: no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
	*/
	.page-footer .logo img { display: none; }
}
@media screen and (max-width: 767px) {

	.social-media {
		display: none;
	}

	.page-content .content-block .one-third-right {
		width: 100%;
	}

	.page-content .content-block .two-thirds-right {
		padding-left: 20px;
	}
	.page-content .content-block .quarter {
		width: 100%;
	}

	.page-content .content-block .halved {
		width: 100%;
	}

	.page-content .content-block .projects {
		padding-left: 0;
	}
}