/*
FONTS

font-family:"HelveticaNeueLight";
font-family:"HelveticaNeueBold";
font-family:"Classic Roman";

*/


@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=b65e8f80-9e75-4b83-a43c-f1cc1f3bd57b");
    @font-face{
        font-family:"HelveticaNeueLight";
        src:url("fonts/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2") format("woff2"),url("fonts/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff") format("woff");
    }
    @font-face{
        font-family:"HelveticaNeueBold";
        src:url("fonts/800da3b0-675f-465f-892d-d76cecbdd5b1.woff2") format("woff2"),url("fonts/7b415a05-784a-4a4c-8c94-67e9288312f5.woff") format("woff");
    }

    @font-face{
        font-family:"Classic Roman";
        src:url("fonts/Classic Roman Std Regular.woff2") format("woff2"),url("fonts/Classic Roman Std Regular.woff") format("woff");
    }

/* VARIABLES */

:root {
  --default-font: HelveticaNeueLight;
  --default-font-size: 20px;
  --default-input-font-size: 20px;

  --col-primary: #000;
  --col-primary-rgb: 0,122,209;

  --col-accent: #000;
  --col-accent-rgb: 0, 0, 0;

  --col-text: #000;
  --col-input: #000;
  --col-placeholder: #000;
  --col-input-bg: #fff;

  --col-button: #F58634;
  --col-button-rgb: 255, 255, 255;

  --col-link: #000;
  --col-link-rgb: 0,0,0;

  --col-link-hover: #000000;
  --col-link-hover-rgb: 0, 0, 0;

  --col-error: #ff6633;
  --col-error-rgb: 255, 51, 0;

  --col-attention: #ff6633;
  --col-attention-rgb: 255, 51, 0;

  --col-warning: #f5b00e;
  --col-warning-rgb: 245, 176, 14;

  --col-missing: #ff6633;
  --col-missing-rgb: 255, 51, 0;

  --col-burger: #000;

  --col-border: #DDDDDD;
  --col-border-rgb: 190, 190, 190;

  --dim-site-width: 1440px;
  --dim-default-space: 80px;
  --dim-input-height: 50px;

	--col-bg: #000000;
	--col-fg: #ffffff;
	--col-txt: #000000;

  --vh: 1vh;
}


* { box-sizing: border-box; margin: 0; padding: 0; line-height: 1; outline: none !important; }


/* HTML, BODY, CONTAINER */
html {	width: 100%; height: 100%;	background-color: #fff;  font-size: 10px; min-width: 320px; transition: none; }
body {	font-size: 16px; color: var(--col-text); font-family: var(--default-font); width: 100%; position: relative; margin: 0px auto; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; overflow-x: hidden; transition: all .3s ease-out;}
html.loading  { height: 100vh; width: 100vw;	transition: none; }
html.loading body { }

html.overlay-active, html.overlay-active body { max-height: 100vh; overflow: hidden;}

#container {width: 100%; margin: 0 auto; display: block; position: relative; opacity: 1 !important	; transition: opacity 1s; overflow: hidden}
html.loading #container { opacity: 0 !important; }
header, #body, footer { width: 100%;  position: relative; margin: 0px auto; display: block; }

*::-webkit-scrollbar-track {background-color: rgba(var(--col-primary-rgb), 0.2)  }
*::-webkit-scrollbar { width: 6px; height: 6px }
*::-webkit-scrollbar-thumb { background-color: rgba(var(--col-primary-rgb),1)  }

/*HTML ELEMENTS*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; display: block;}
p { line-height: 1.5; font-size: var(--default-font-size); color: var(--col-text); font-family: var(--default-font); display: block; margin: 0px auto 30px;}
p.short  { margin-left: auto; margin-right: auto;}
p.shorter  { margin-left: 0; margin-right: auto;}
p:last-child { margin-bottom: 0}
p.lighter { font-weight: 300}
b,strong { font-weight: 700; }

section, div, p {position: relative; }

a { text-decoration: none; color:  var(--col-link)}
a:hover { color:  var(--col-link-hover)}
.attention { color: var(--col-attention)}
.warning { color: var(--col-warning)}

img {border: 0px; height: auto; max-width: 100%; }
img.center { display: block; margin: 0 auto;}

ul {list-style-type: none; margin: 0px; padding: 0px; }
ul.listing, ul.bullets { margin-bottom: 30px; }
ul.listing.shorter  { max-width: 550px; margin: 0 auto; }
ul.listing li, ul.bullets li { display: block; margin-bottom: 1px; line-height: 1.6; position: relative; text-align: center; font-size: var(--default-font-size); color: var(--col-text); font-family: var(--default-font); }
ul.bullets li { text-align: left; padding-left: 20px;}
ul.bullets li:before { content: ""; position: absolute; display: block; left: 0; top: 0.65em; width: 6px; height: 6px; border-radius: 6px; background: var(--col-text);}
ul.listing.left li  { text-align: left;}



/* OVERLAY */
div.overlay { width: 100vw; height: 100vh; position: fixed; left: 0; top: -200vh; z-index: 999;display: block; transition: opacity .3s ease-in .1s; opacity: 0; background: rgba(0,0,0,0.9); }
div.overlay.active { top: 0; opacity: 1;}
div.overlay > div{ width: 100%; height: 100%; display: block; position: relative; z-index: 3;}
div.overlay div.popup { width: 1180px; display: block; position: relative; z-index: 3; top: 50%; transform: translate3D(0,-50%, 0); max-width: 92%; margin: 0 auto; background: transparent; max-height: 92%; overflow: auto}
div.overlay > img { width: 100%; display: block;}
div.overlay a.close-overlay { position: absolute; display: block; width: 40px; height: 40px; border-radius: 40px; top:25px; right: 25px; z-index: 11; background: url(/lib/img/white/close.svg) var(--col-primary)  no-repeat center center; background-size: 20px 20px; }


/*CONTAINERS*/

#mainbody { position: relative; z-index: 2; padding-top: 0px;}
article { width: 100%; position: relative; z-index: 2; background: #fff; left: 0; transition: left 0.5s; display: block; overflow: hidden; }
article > div, section > div { display: block; width: 100%; margin: 0 auto;}
article.no-masthead { padding-top: 0px; }


section { display: block; margin: var(--dim-default-space) auto; position: relative; padding: 0; width: 100%; max-width: var(--dim-site-width);}
section.flush {margin-top: 0; margin-bottom: 0;}
section.max {max-width: 100%; }
section.masthead {max-width: 100%; margin-top: 0; margin-bottom: 0;}
section.padded, .padded { padding-top: 80px; padding-bottom: 80px;}
section.spaced { margin: var(--dim-default-space) auto; }
section.masthead { max-width: 100%;}

div.iframe { display: block; width: 100%; height: 0; padding-bottom: 56.25%; position: relative; margin: 0 auto;}
div.iframe.flipbook { padding-bottom: 64%; }
iframe { display: block; width: 100%; border: 0}
div.iframe iframe { position: absolute; top: 0; left: 0; height: 100%;}

div.thumb { display: block; width: 100%; margin: 0 auto; position: relative}
div.thumb > img, div.thumb > a > img { display: block; width: 100%; margin: 0 auto; }

div.icon { display: block; width: 100%; margin: 0 auto; position: relative}
div.icon > img, div.icon > a > img { display: block; margin: 0 auto; }


/*SPLITTERS*/


/*MARGINS*/
.margin-top-150 { margin-top: 150px !important}
.margin-top-100 { margin-top: 100px !important}
.margin-top-80 { margin-top: 80px !important}
.margin-top-50 { margin-top: 50px !important}
.margin-top-40 { margin-top: 40px !important}
.margin-top-0 { margin-top: 0px !important}
.margin-bottom-0 { margin-bottom: 0px !important}
.margin-bottom-40 { margin-bottom: 40px !important}
.margin-bottom-50 { margin-bottom: 50px !important}
.margin-bottom-80 { margin-bottom: 80px !important}
.margin-bottom-100 { margin-bottom: 100px !important}
.margin-bottom-150 { margin-bottom: 150px !important}

/*CAPTIONS*/
div.caption { position: absolute; display: block; width: 100%;}
div.caption.left { left: 0}
div.caption.right { right: 0}
div.caption.top { top: 0}
div.caption.bottom { bottom: 0}
div.caption.center{ left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);  -ms-transform: translateX(-50%); }
div.caption.middle { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); }
div.caption.center.middle { transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%);  -ms-transform: translateY(-50%) translateX(-50%); }

/*BUTTONS*/

/*COLOURS*/
.black { color: #000 !important}
.b-black { background-color: #000 !important}
.white { color: #fff !important}
.b-white { background-color: #fff !important}
.primary { color: --col-primary !important}
.b-primary { background-color: --col-primary !important}


/*TEXT*/
.txt-uc { text-transform: uppercase;}

/* GENERIC STYLES */

.width-full { display: block!important; width: 100% !important}

.center {text-align: center !important; }
.left {text-align: left !important; }
.right {text-align: right !important; }

.full { display: block; width: 100%;}

.align-left { margin-left: 0; margin-right: auto;}
.align-center { margin-left: auto; margin-right: auto;}
.align-right { margin-left:auto; margin-right: 0;}

.bold {font-weight: bold !important }
.italic {font-style: italic !important }
.normal {font-weight: normal !important }
.hidden {display: none !important;}
.block {display: block !important;}
.iblock {display: inline-block !important;}
.inline {display: inline !important;}
.relative {position: relative !important;}
.absolute {position: absolute !important;}
.invisible {opacity: 0 !important}
.visible {opacity: 1 !important}
.floatl { float: left !important;}
.floatr { float: right !important;}
.nofloat { float: none !important;}
.valign { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);}

/* PADDING AND MARGIN OVERRIDES */
.no-padding-top {	padding-top: 0 !important; }
.no-padding-bottom {	padding-top: 0 !important; }
.no-margin-top {	padding-top: 0 !important; }
.no-margin-bottom {	padding-top: 0 !important; }

/*FANCYBOX*/
div.fancybox { width: calc(100vw - 100px); height: calc(100vh - 100px); display: block; background: url() no-repeat center center; background-size: contain;}



/* PLACEHOLDERS */
/**::-webkit-input-placeholder {  line-height: var(--dim-input-height);  color: var(--col-placeholder); font-size: var(--default-input-font-size); }*/
/**::-moz-placeholder {  line-height: var(--dim-input-height);  color: var(--col-placeholder); font-size: var(--default-input-font-size); }*/
/**:-ms-input-placeholder {  line-height: var(--dim-input-height);  color: var(--col-placeholder); font-size: var(--default-input-font-size); }*/




/*BURGER*/
div.burger { position: absolute; width: 60px; height: 60px; cursor: pointer; display: block; top: 0px; left: 0px; z-index: 100; transition: transform .2s ease-out;}
div.burger * { transition: transform .2s ease-out;}
div.burger ul { display: block; width: 20px; position: absolute; top: 22px; left: 19px; height: 20px; font-size: 0}
div.burger ul li { display: block; width: 100%; position: absolute; top: 0; left: 0; background: var(--col-burger); height: 2px; border: 0; transition: none;}
div.burger ul li:nth-child(2)  { top: 7px; }
div.burger ul li:nth-child(3) { top: 14px; }

div.burger { display: none;}

header.active  div.burger ul li:nth-child(2){ display: none;}
header.active  div.burger ul li:nth-child(1) { transform: rotate(45deg); transform-origin: 50% 0; top: 7px; transition: transform .1s ease-out }
header.active  div.burger ul li:nth-child(3) { transform: rotate(-45deg); transform-origin: 50% 0%; top: 7px; transition: transform .1s ease-out }

/*HEADER & FOOTER */
div.error { display: block; width: 100%; font-size: 0; position: fixed; top:-1px; left:0; max-height: 400px; z-index: 9999; overflow: hidden; opacity: 1;}
div.error p { display: block; width: 100%; background: var(--col-error); color: #fff; font-size: 18px; padding: 20px; text-align: center;}
div.error.hide { max-height: 0px; opacity:0}




/*SLICK SLIDER*/
button.slick-arrow { background: none; margin: 0; padding: 0; width: 15px; height: 30px; background: url(/lib/img/dark/arrow-right.svg) no-repeat center center; background-size: contain; top: 50%; margin-top: -15px; font-size: 0; position: absolute; z-index: 5;}
button.slick-arrow:hover { background-color: transparent;}
button.slick-arrow.slick-next { right: 0}
button.slick-arrow.slick-prev { left: 0; background-image: url(/lib/img/dark/arrow-left.svg) }

ul.slick-dots { position: absolute; bottom: 20px; width: 100%; text-align: center; font-size: 0}
ul.slick-dots li { display: inline-block; padding: 0; margin: 0 5px; font-size: 0; vertical-align: top}
ul.slick-dots li button { display: block; padding: 0; margin: 0; font-size: 0; background: #000; width: 10px; height: 10px; border-radius: 10px; opacity: .5}
ul.slick-dots li.slick-active button { opacity: 1}
ul.slick-dots li button:hover { background-color: #000}

/*ANIMATIONS*/
.js-reveal-item { opacity: 0; }
.js-reveal-item.in-view { opacity: 1; transition: all 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s}


@media only screen and (max-width: 600px) {
	/*FANCYBOX*/
	div.fancybox { width: calc(100vw - 80px); height: calc(100vh - 80px); }
}


/* theme */

body { font-weight: normal;}
html.overlay-active, html.overlay-active body { max-height: 100vh; overflow: hidden;}

/*CORE HTML*/

h1 {font-family:"Classic Roman"; color: #000; line-height: 1.12; font-size: 42px; margin-bottom: 40px; letter-spacing: 0;  text-align: center; text-transform: uppercase; }
h2 {font-family:HelveticaNeueBold; line-height: 1; font-size: 20px; margin-bottom: 34px; display: block; width: 100%; position: relative; text-align: center; text-transform: uppercase;}
h2 span {font-family:HelveticaNeueBold; line-height: 1; font-size: 20px; display: table; width: auto; padding: 0 30px; text-transform: uppercase; background: #fff; text-align: center; margin: 0 auto; position: relative; z-index: 3;}
h2:before { content: ""; display: block; position: absolute; width: 0%; height: 10px; top: 50%; margin-top: -5px; background: #FFCC2A; right: 50%; transition: all .7s cubic-bezier(0.250, 0.460, 0.450, 0.940) .1s; z-index: 2;}
h2:after { content: ""; display: block; position: absolute; width: 0%; height: 10px; top: 50%; margin-top: -5px; background: #FFCC2A; left: 50%; transition: all .7s cubic-bezier(0.250, 0.460, 0.450, 0.940) .1s; z-index: 2;}
.in-view h2:before { width: 50%; }
.in-view h2:after { width: 50%; }
h2.orange:before, h2.orange:after { background: #F58634; }
h2.green:before, h2.green:after{ background: #00A859; }
h2.yellow:before, h2.yellow:after { background: #FFCC2A; }
h2.purple:before, h2.purple:after { background: #A8508A; }
h3 {font-family:"Classic Roman"; color: #000; line-height: 1.25; font-size: 42px; margin-bottom: 40px; letter-spacing: 0;  text-align: center; text-transform: uppercase;}
h4 {font-family:HelveticaNeueBold; color: #000; line-height: 1.25; font-size: 20px; margin-bottom: 5px; margin-top: 15px; text-align: center;}


div.tagline { display: block; text-align: center; font-size: 20px; line-height: 1.25; margin: 0 auto 40px; font-family:HelveticaNeueBold; }
p span { color: var(--col-primary)}
p { margin-bottom: 40px; max-width: 900px; margin-left: auto; margin-right: auto; text-align: center;}


b {font-weight: normal; font-family:HelveticaNeueBold;} 
div > a, p > a { font-family:HelveticaNeueBold;}
div > a:hover, p > a:hover { color: var(--col-primary) }



/*CONTAINERS*/

section { max-width: 1680px; padding: 0 20px}
section.full { max-width: 1920px;}
img.full { display: block; width: 100%; margin: 0 auto 30px}



/*BUTTONS*/
div.buttons { display: flex; gap: 28px; margin-top: 20px; justify-content: center; align-items: center;}
a.btn { display: table; line-height: 40px; color: #fff; font-size: 15px; font-family:HelveticaNeueBold;  padding: 0px 22px; background-color: #000; margin: 40px auto 0;}
a.btn.yellow { color: #000; background-color: #FFCC2A;}
a.btn.orange {  background-color: #F58634;}
a.btn.green { background-color: #00A859;}
a.btn.purple { background-color: #A8508A;}

/*HEADER AND NAV*/
header { display: block; width: 100%; padding-bottom: 0px; position: relative;}
header div.colours { display: block; width: 100%; margin: 0 auto 80px;}
header div.colours img { display: block; width: 100%; margin: 0 auto; max-width: 600px;}
header div.logo { display: block; width: 100%; margin: 0 auto; }
header div.logo img { display: block; width: 100%; margin: 0 auto; max-width: 392px;}


footer {padding: 30px 20px 50px; width: 100%; display: block; text-align: center;}
footer div.logo img { display: block; width: 100%;max-width: 160px; margin: 0 auto}
footer p.social { display: flex; gap: 30px;   justify-content: center; align-items: center; font-size: 18px; color: #000; margin: 40px auto;}
footer div.disclaimer p { font-size: 15px;  text-align: center; max-width: 1180px}
footer a {  }

/*ELEMENTS*/

div.grid { display: flex; gap: 40px; justify-content: space-between; align-items: flex-start;}
div.grid.x2 > div { width: 50%;}
div.grid.x3 > div { width: 33.33%;}
div.grid.x4 > div { width: 25%;}
div.grid.columns { flex-direction: column}
div.grid.start { justify-content: flex-start}
div.grid.center { justify-content: center}
div.grid.even { justify-content: space-evenly}
div.grid.around { justify-content: space-around}
div.grid.stretch { align-items: stretch;}
div.grid.middle { align-items: center;}
div.grid.bottom { align-items: flex-end;}
div.grid.top { align-items: flex-start;}

div.table { display: grid;width: 100%; }

/*CONTENT*/

section div.logo { display: block; margin: 0 auto 80px}
section div.logo img { display: block; margin: 0 auto; width: 360px; max-width: 50%;}

div.slick-slider { padding-bottom: 50px;}
ul.slick-dots { bottom: 0}
ul.slick-dots li button { background-color: #DDDDDD; opacity: 1}
ul.slick-dots li.slick-active button { background-color: #F58634;}
div.slideshow div.thumb { padding: 0 20px;}

img.bottom-logo {display: block; margin: 0 auto 40px}
section img.colours{display: block; margin: 0 auto 70px}

img.transit { display: block; max-width: 560px; margin: 100px auto 0px}



/*ANIMATIONS*/
.slide-in-bottom { transform: translateY(300px); opacity: 0;}
.slide-in-top { transform: translateY(-300px); opacity: 0;}
.slide-in-top2 { transform: translateY(-200px); opacity: 0;}
.slide-in-left { transform: translateX(-500px); opacity: 0;}


.in-better-view.slide-in-bottom {opacity: 1;	animation: slide-in-bottom 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.in-better-view .slide-in-bottom {	opacity: 1; animation: slide-in-bottom 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.in-better-view .slide-in-top {	opacity: 1;animation: slide-in-top 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.in-better-view .slide-in-top2 {	opacity: 1;  animation: slide-in-top2 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 0.3s;}
.in-better-view .slide-in-left {	opacity: 1;  animation: slide-in-left 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

.js-animate-1 > div { transform: translate3D(0, -300px, 0); opacity: 0}
.in-better-view .js-animate-1 > div  { transform: translate3D(0, 0px, 0); opacity: 1; transition: all 1.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) .1s}
.in-better-view .js-animate-1 > div:nth-child(2)  { transition: all 1.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) .3s }
.in-better-view .js-animate-1 > div:nth-child(3)  { transition: all 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) .5s }

.grid-advantages .columns p { opacity: 0; transform: translateY(-300px); }
.in-better-view .grid-advantages .columns p { opacity: 1; transform: translateY(0);}
.in-better-view .grid-advantages .columns p:nth-child(1) { transition: all 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) .1s}
.in-better-view .grid-advantages .columns p:nth-child(2) { transition: all 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) .2s}
.in-better-view .grid-advantages .columns p:nth-child(3) { transition: all 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) .3s}


@keyframes slide-in-top {
  0% { transform: translateY(-300px); opacity: 0;}
  100% {transform: translateY(0);opacity: 1;}
}

@keyframes slide-in-top2 {
  0% { transform: translateY(-200px); opacity: 0;}
  100% {transform: translateY(0);opacity: 1;}
}

@keyframes slide-in-bottom {
  0% {transform: translateY(300px);opacity: 0;  }
  100% { transform: translateY(0);opacity: 1;
  }
}@keyframes slide-in-left {
  0% {transform: translateX(-300px);opacity: 0;  }
  100% {transform: translateX(0);opacity: 1;  }
}

@media only screen and (max-width: 1680px) {
	:root {
	  --default-font-size: 18px;
	  --default-input-font-size: 18px;
	  }


	header div.colours { margin: 0 auto 50px;}
	header div.colours img { max-width: 480px;}
	header div.logo img { max-width: 300px;}
	section div.logo { margin: 0 auto 50px}
	section div.logo img { width: 320px; }
	section img.colours{margin: 0 auto 50px}
	img.transit { max-width: 480px; }


	h1 {font-size: 36px; margin-bottom: 32px; }
	h2 {font-size: 18px; margin-bottom: 28px; }
	h2 span {font-size: 18px; padding: 0 25px; }
	h2:before { height: 8px; margin-top: -4px; }
	h3 {font-size: 36px; margin-bottom: 32px; }
	h4 {font-size: 18px; }

	div.tagline { font-size: 18px; }
	p { margin-bottom: 30px; }


}

@media only screen and (max-width: 1280px) {
	img.transit { max-width: 60%; width: 320px;}
	div.grid-map { gap: 40px;}


}

@media only screen and (max-width: 1080px) {
	div.grid.x2.grid-map { gap: 50px; flex-wrap: wrap;}
	div.grid.x2.grid-map > div { width: 100%;}
	div.grid.x2.grid-map > div > img { max-width: 860px; margin: 0 auto; display: block; width: 100%;}

}
@media only screen and (max-width: 760px) {


	:root {
	  --default-font-size: 16px;
	  --default-input-font-size: 16px;
	    --dim-default-space: 50px;
	  }

	div.grid.x4 { flex-wrap: wrap; gap: 40px 10px; max-width: 680px; margin: 0 auto;}
	div.grid.x4 > div { width: calc(50% - 10px);}


	header div.colours { margin: 0 auto 30px;}
	header div.colours img { max-width: 480px;}
	header div.logo img { max-width: 240px;}
	section div.logo { margin: 0 auto 50px}
	section div.logo img { width: 240px; }
	section img.colours{margin: 0 auto 20px}


	h1 {font-size: 28px; margin-bottom: 25px; }
	h2 {font-size: 14px; margin-bottom: 20px; }
	h2 span {font-size: 14px; padding: 0 20px; }
	h2:before { height: 6px; margin-top: -3px; }
	h3 {font-size: 28px; margin-bottom: 25px; }
	h4 {font-size: 14px; }

	a.btn { margin-top: 30px;}

	div.tagline { font-size: 14px; }
	p { margin-bottom: 30px; }

}