/* custom reset */
body, html, div, img, table, tr, td, span, h1, h2, h3, h4, p, a, figure, section, article, blockquote, video {
	margin: 0;
	padding: 0;
}
* {
	outline: none;
}
html {
	height: 100%;
}
body {
	height: 100%;
	color: #252525;
}
img {
	display: block;
	border: none;
	max-width: 100%;
}
a {
	border: none;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	text-decoration: none;
}
/* helpers */

div.vertical-align {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
div.content-wrapper {
	max-width: 1000px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}
div.clearfloat {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.vertical-align {
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: relative;
	top: 50%;
}
header {
	position: fixed;
	top: 2%;
	right: 2%;
	z-index: 15;
}
/* logo */
a.logo {
    display: block;
    width: 400px;
    height: 333px;
    background-image: url(../img/logo.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    top: 50%;
    left: calc(50% - 200px);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 1;
}
/* main navigation */

nav.main-nav {
	margin-top:20px;
}
nav.main-nav ul {
	margin: 0;
	padding: 0;
}
nav.main-nav li {
	list-style: none;
	display: block;
}
nav.main-nav li a {
	font-family: 'proxima_novaregular';
	display: block;
	margin-left: 1em;
	color: #FFF;
	text-transform: uppercase;
	margin-bottom:12.5px;font-size: 13px;
}
nav.main-nav li a:hover {
}
/* mobile nav */

nav#mobile, .navbar-toggle {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
nav#mobile {
	position: fixed;
	z-index: 11;
	background-color: #3ba9b6;
	width: 100%;
	height: 100%;
	text-align: center;
	color: white;
	display: none;
}
.nav-hide {
	display: none;
}
nav#mobile ul {
    margin: auto;
    padding: 0;
    vertical-align: middle;
    padding-left: 25px;
    display: block;
    width: 420px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: relative;
    text-align: left;
}
nav#mobile ul li {
	list-style: none;
	display:block;
	margin:10px 0px;
}
nav#mobile ul li a {
	font-size: 22pt;
	color: inherit;
	font-weight: bolder;
	text-decoration: none;
	font-family: 'effraheavy';
	text-transform:uppercase;
}
.navbar-toggle {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 45px;
	height: 45px;
	z-index: 20;
	cursor: pointer;
	display: none;
}
.bar1, .bar2, .bar3 {
	width: 100%;
	height: 8px;
	margin-bottom: 5px;
	background-color: #1c1f72;
	transition: all 0.3s ease-in-out;
	background-color: #CCC;
}
.navbar-on .bar1, .navbar-on .bar2, .navbar-on .bar3 {
	background-color: white;
    position: relative;
    z-index: 15;
}
.navbar-on .bar1 {
	transform-origin: 10% 40%;
	transform: rotate(45deg);
}
.navbar-on .bar3 {
	transform-origin: 10% 40%;
	transform: rotate(-45deg);
}
.navbar-on .bar2 {
	background-color: transparent;
}
div.left-col {
	width: 48%;
	float: left;
	min-height: 250px;
}
div.right-col {
	width: 48%;
	float: right;
	min-height: 250px;
}
/* structure */

div.about-us, div.why-work-with-us, div.why-work-with-us2, div.why-work-with-us3, div.our-team, div.our-experience, div.case-study, div.contact {
	padding: 6em 0;
	position: relative;
}


div.about-us {
	padding: 0 0 6em 0;
	position: relative;
}



div.callout {
	height: 100%;
	text-align: center;
	position: relative;
}


div.main {
	padding: 140px 0 0 0;
}

div.about-us {
}
div.why-work-with-us {
	background-color: #f9f9f9;
}
div.why-work-with-us2 h3, div.why-work-with-us2 p, div.why-work-with-us3 h3 {
	color: #FFF;
}
div.why-work-with-us2 {
	background-color: #333;
}
div.why-work-with-us3 {
	background-color: #3ba9b6;
}
div.our-team {
	z-index: 9;
}
div.our-experience {
}
div.case-study {
}
div.banner {
    width: 100%;
    height: 480px;
    background-image: url(../img/banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
div.contact {
	background-color: #333;
}
/* diagonals */

div.why-work-with-us:before {
	
    content:'';
   width:100%;
   height:150px;
   background-color:#f9f9f9;
   position:absolute;
   top:-50px;
    -ms-transform: skewY(4deg); 
    -webkit-transform: skewY(4deg); 
    transform: skewY(4deg); 
	z-index:-1;
}




div.why-work-with-us div.left-col, div.why-work-with-us2 div.left-col, div.why-work-with-us3 div.left-col {
	width: 25%;
	float: left;
}
div.why-work-with-us div.right-col, div.why-work-with-us2 div.right-col, div.why-work-with-us3 div.right-col {
	width: 70%;
	float: right;
}
div.why-work-with-us2 div.left-col span.icon, div.why-work-with-us3 div.left-col span.icon {
	display: block;
	position: absolute;
	opacity: 0.5;
	font-family: FontAwesome;
	font-size: 8.5em;
	color: #FFF;
}
div.why-work-with-us div.left-col span.icon {
	display: block;
	position: absolute;
	opacity: 0.5;
	font-family: FontAwesome;
	font-size: 8.5em;
	color: #999;
}
div.why-work-with-us div.left-col span.icon:before {
	content: '\f108';
}
div.why-work-with-us2 div.left-col span.icon:before {
	content: '\f0ac';
}
div.why-work-with-us3 div.left-col span.icon:before {
	content: '\f0c0';
}
/* about us */

div.about-us div.left-col {
	width: 70%;
	float: left;
}
div.about-us div.right-col {
	width: 25%;
	float: right;
}
div.about-us ul {
	margin: 0;
	padding: 0;
}
div.about-us ul li {
	padding-bottom: 1em;
	padding-left: 2em;
	position: relative;
	list-style: none;
	font-family: 'proxima_novaregular';
	margin-bottom: 1em;
}
div.about-us ul li:before {
	content: '';
	width: 14px;
	height: 14px;
	background-color: #f16499;
	position: absolute;
	left: 0;
	top:2.5px;
}
div.three-col {
	width: 32%;
	height: auto;
	float: left;
	background-color: grey;
	margin-right: 2%;
}
div.three-col:nth-of-type(4) {
	margin-right: 0;
}
/* video */

video {
    position: absolute;
    bottom:0;
    left: -10vw;
    z-index: 0;
    min-width: 111vw;
    min-height: 101vh;
}

/* case-study */

div.case-study {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #F9F9F9;
}
table.case-study {
	width: 100%;
	border-collapse: collapse;
}
table.case-study td {
	padding-bottom: 1em;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.6em;    border-bottom: 1px solid #666;
    padding: 0.7em;
}
table.case-study td:nth-child(odd) {
	padding-bottom: 1em;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
}
/* team members */

div.team-bg-bar {
	width: 100%;
	height: 50%;
	position: absolute;
	top: 30%;
	background-color: #455d64;
	z-index: -1;
}
div.team-member {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #FFF;
	border-bottom: 7px solid #aaa;
}
div.team-member div.inner {
	padding: 1.5em;
}
div.row {
	width: calc(100% - 2em);
	height: auto;
	overflow: hidden;
	border-top: 1px solid #CCC;
	padding: 1em;
}
div.row div.title {
	float: left;
}
div.row div.pill {
	float: right;
	background-color: #333;
	color: #FFF;
	border-radius: 20%/50%;
    padding: 0.2em 0.5em;
}

/* rounded avatar */
.avatar {
	width:200px;
	height:200px;
	margin-bottom:2em;
	background-image:url(../img/chris.jpg);
	background-repeat:no-repeat;
	background-position:center center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

  
}


/* social widget */

nav.social-links ul {
	margin: 0;
	padding: 0;
}
nav.social-links ul li {
	list-style: none;
	display: inline;
}
nav.social-links ul li a {
	font-family: FontAwesome;
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	margin-right: 15px;
	font-size: 1.5em;
	background-color: #CCC;
	color: white;
	text-align: center;
	line-height: 40px;
	padding: 0.25em;
}
nav.social-links ul li a:hover {
	background-color: #519D96;
}
a.twitter:before {
	content: "\f099";
}
a.facebook:before {
	content: "\f230";
}
a.linkedin:before {
	content: "\f0e1";
}
a.pinterest:before {
	content: "\f0d2";
}
a.instagram:before {
	content: "\f16d";
}
/* contact */


p.address, p.tel, p.twitter, p.linkedin {
	position: relative;
	color: #FFF;
	padding-left: 4em;
	margin-bottom: 1.75em;
}
p.address:before, p.tel:before, p.twitter:before, p.linkedin:before {
	content: '';
	width: 40px;
	height: 40px;
	font-family: FontAwesome;
	position: absolute;
	left: 0;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	border: 2px solid #FFF;
	text-align: center;
	line-height: 40px;
	font-size: 0.8em;
	top:-10px;
}
p.address:before {
	content: '\f041';
}
p.tel:before {
	content: '\f095';
}
p.twitter:before {
	content: '\f099';
}
p.linkedin:before {
	content: '\f0e1';
}
div.contact-form {
}
div.contact-form input[type="text"], div.contact-form textarea, input[type="email"] {
	font-family: 'Open Sans', arial, helvetica, sans-serif;
	box-sizing: border-box;
	border: 1px solid #CCC;
	padding: 1em;
	width: calc(100% - 2em);
	margin-bottom: 0.75em;
	font-size: 0.9em;
	background-color: #333;
	color: #FFF;
}
div.contact-form input[type="text"]:focus::-webkit-input-placeholder, div.contact-form textarea:focus::-webkit-input-placeholder, input[type="email"]:focus::-webkit-input-placeholder {
   color: #333;
}
div.contact-form input[type="text"]:focus:-moz-input-placeholder, div.contact-form textarea:focus:-moz-input-placeholder, input[type="email"]:focus:-moz-input-placeholder {
   color: #333;
}
div.contact-form input[type="text"]:focus::-moz-input-placeholder, div.contact-form textarea:focus::-moz-input-placeholder, input[type="email"]:focus::-moz-input-placeholder {
   color: #333;
}
div.contact-form input[type="text"]:focus:-ms-input-placeholder, div.contact-form textarea:focus:-ms-input-placeholder, input[type="email"]:focus:-ms-input-placeholder {
   color: #333;
}
div.contact-form input[type="text"]:focus, div.contact-form textarea:focus, input[type="email"]:focus {
	color: #333;	
}
div.contact-form textarea {
	vertical-align: top;
	height:120px;
}
/* input focus styles */

div.contact-form input[type="text"]:focus, div.contact-form textarea:focus, input[type="email"]:focus {
	background-color: #F0F0F0;
}
div.contact-form input[type="submit"] {
	display: inline-block;
	position: relative;
	text-align: center;
	height: 50px;
	line-height: 50px;
	padding: 0 1.5em;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color: #FFF;color: #FFF;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
	cursor:pointer;
}
div.contact-form input[type="submit"]:before {
	content: '';
	width: 20px;
	height: calc(50px - 4px);
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	border-left: 2px solid white;
	position: absolute;
	left: -20px;
}
div.contact-form input[type="submit"]:after {
	content: '';
	width: 20px;
	height: calc(50px - 4px);
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	border-right: 2px solid white;
	position: absolute;
	right: -20px;
}
div.contact-form input[type="submit"]:hover {
}
/* footer */
footer {
}
/* button styles */
div.contact-form input[type="submit"] {
	display: inline-block;
	position: relative;
	text-align: center;
	height: 50px;
	line-height: 50px;
	/*margin-left: 22px;*/    margin-left: 0px;
	padding: 0 1.5em;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}

div.contact-form input[type="button"]:hover {
}



.bracket-btn {
	display: inline-block;
	position: relative;
	text-align: center;
	height: 50px;
	line-height: 50px;
	margin-left: 22px;
	padding: 0 1.5em;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	z-index:10;
	color: #FFF;margin-bottom: 70px;transition: all 300ms ease-in-out;
}
.bracket-btn:hover {
	padding: 0 2em;
}
.bracket-btn:before {
	content: '';
	width: 20px;
	height: calc(50px - 4px);
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	border-left: 2px solid white;
	position: absolute;
	left: -20px;
}
.bracket-btn:after {
    content: '';
    width: 20px;
    height: calc(50px - 4px);
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    position: relative;
    right: -20px;
    float: right;
}
/* text styles */

h1 {
	font-family: 'effraheavy';
	font-size: 2.5em;
	text-transform: uppercase;
	margin-bottom: 1em;
	line-height: 1em;
}
h2 {
	font-family: 'effrabold';
	font-size: 3.5em;
	text-transform: uppercase;
	margin-bottom: 1em;
	line-height: 0.95em;
	color: #3ba9b6;
}
h3 {
	font-family: 'effrabold';
	text-transform: capitalize;
	margin-bottom: 1.25em;
}
h4 {
	font-family: 'effrabold';
	text-transform: capitalize;
	margin-bottom: 1.25em;
	font-size: 0.75em;
}
/*p {
	font-family: 'proxima_novaregular';
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom: 1em;
}*/
span.blue-highlight {
	color: #455d64;
	font-family: 'effraregular';
}
span.number {
	display: block;
	font-family: 'effrabold';
	font-size: 4em;
	color: #ccc;
	margin-bottom: 0.5em;
}
/* fonts */


@font-face {
	font-family: 'effrabold';
	src: url('effra/effra_std_bd-webfont.eot');
	src: url('effra/effra_std_bd-webfont.eot?#iefix') format('embedded-opentype'), url('effra/effra_std_bd-webfont.woff2') format('woff2'), url('effra/effra_std_bd-webfont.woff') format('woff'), url('effra/effra_std_bd-webfont.ttf') format('truetype'), url('effra/effra_std_bd-webfont.svg#effrabold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'effraregular';
	src: url('effra/effra_std_rg-webfont.eot');
	src: url('effra/effra_std_rg-webfont.eot?#iefix') format('embedded-opentype'), url('effra/effra_std_rg-webfont.woff2') format('woff2'), url('effra/effra_std_rg-webfont.woff') format('woff'), url('effra/effra_std_rg-webfont.ttf') format('truetype'), url('effra/effra_std_rg-webfont.svg#effraregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'effraheavy';
	src: url('effra/effra-heavy.eot');
	src: url('effra/effra-heavy.woff') format('woff'), url('effra/effra-heavy.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'proxima_novaregular';
	src: url('proximanova/proximanova-regular-webfont.eot');
	src: url('proximanova/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), url('proximanova/proximanova-regular-webfont.woff2') format('woff2'), url('proximanova/proximanova-regular-webfont.woff') format('woff'), url('proximanova/proximanova-regular-webfont.ttf') format('truetype'), url('proximanova/proximanova-regular-webfont.svg#proxima_novaregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* HTB FRESH CSS */
/* SM */

p {
    font-family: 'proxima_novaregular';
    font-size: 1em;
    line-height: 1.6em;
    margin-bottom: 1em;
}
#trigger1,#trigger2,#trigger3,#trigger4 {position:absolute;}
header nav.main-nav li a::before {position:absolute;border-radius:100%;width:6.66px;height:6.66px;background-color:white;content:'';opacity:0;margin-left:-15px;margin-top:4px;}
header.colour nav.main-nav li a {color:black;}
header.colour nav.main-nav li a::before {background-color:black;}
/*header nav.main-nav li a.active {font-weight:bold;}*/
header nav.main-nav li a.active::before {opacity:1;}
/* SM END */
div#home {background-color:black;overflow:hidden;}
div#slashOne,div#slashTwo {
    content: "";
    top: -200px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 200px 100vw 0px 0px;
    border-color: transparent white transparent white;
    display: block;
    position: absolute;
    z-index: 0;
    right: 0;
}
.team-member {font-family: 'effraregular';}
.team-member h3 {margin-bottom:0;font-size: 22px;font-family: 'effraregular';
    font-weight: 100;}
.team-member h4 {margin-bottom:16.66px;text-transform:capitalize;    color: #393939;}
.team-member div.row div.title {
    text-transform: uppercase;
    font-weight: bold;
    color: #333333;    line-height: 25px;
}
div.row {
    border-top: 1px solid #252525;
    padding: 0.666em 1em;
}
.nav-section.about-us .content-wrapper,#why-work-with-us .content-wrapper,.why-work-with-us2 .content-wrapper,.why-work-with-us3 .content-wrapper,.nav-section.our-team .content-wrapper h2, .nav-section.our-team .content-wrapper .three-col,.nav-section.our-experience .content-wrapper,.nav-section.case-study .content-wrapper,.nav-section.contact .content-wrapper {
	opacity:0;	
	transition:all 0.3s ease-in-out;
}

.nav-section.about-us.visible .content-wrapper,#why-work-with-us.visible .content-wrapper,.why-work-with-us2.visible .content-wrapper,.why-work-with-us3.visible .content-wrapper,.nav-section.our-team.visible .content-wrapper h2, .nav-section.our-team.visible .content-wrapper .three-col,.nav-section.our-experience.visible .content-wrapper,.nav-section.case-study.visible .content-wrapper,.nav-section.contact.visible .content-wrapper {
	opacity:1;	
}form#contact {
    color: white;
    font-family: 'effraregular';
}
footer {
    background-color: #333;
    color: white;
    text-align: center;
	padding-top:34px;
    padding-bottom: 66px;
    font-family: 'effraregular';
}
#location {
	font-family:'effraregular';
    margin: 0 0 6em 0px;
    width: 100%;
   /* font-size: 2vw; */
	color:#3ba9b6;
	text-align:right;
	margin-bottom:10em;
}
#location h3 {
	font-family:'effraregular';	
	font-size:1.7em;
}

/* added JH 18/5/2018 */



a.default-hyperlink {
	color:#3BA9B6;
}

a.default-hyperlink:hover {
	color:#252525;
}

section {
	margin-bottom:3em;
}

header.inner-header {
	max-width:100%;
	height: 140px;
	overflow: hidden;
	position: relative;
	top:0;
	right:0;
	border-bottom: 1px solid #EEE;
	margin-bottom:5em;
}

a.inner-logo {
	display:block;
	width:168px;
	height:140px;
	background-image:url(../img/logo-inner.jpg);
	background-repeat: no-repeat;
	background-size: 50%;
	float: left;
	margin-top:35px;
}

a.back-btn {
	display: inline-block;
	padding:1em;
	background-color:#3BA9B6;
	color:#FFF;
	 font-family: 'proxima_novaregular';
    font-size: 1em;
float:right;
	margin-top:42px;
}

a.back-btn:hover {
		background-color:#252525;
}

footer div.left {
	float:left;
	font-size:0.8em;
}

footer div.right {
	float:right;
	text-align: right;
}

footer a {
	color:#FFF;
		font-size:0.8em;

}

footer a:hover {
	color:#3BA9B6;
}

span.pipe {
	color:#999;
	margin:0 0.75em;
}

/* cookie policy pop-up */

a.btn {
	display: inline-block;
	padding:0.5em 1em;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color:#3BA9B6;
	border:1px solid #3BA9B6;
	font-size: 0.8em;
	margin-bottom: 1em;
}

a.btn:hover {
	border:1px solid #252525;
	color:#252525;
}

div.cookie_policy {
	background: white;
	position: fixed;
	bottom: 0;
	left: 0;
	width: calc(100% - 90px);
	padding: 22px 45px;
	z-index: 99;
	-webkit-animation: cookie 1.5s; /* Safari 4.0 - 8.0 */
    animation: cookie 1.5s;
	box-sizing: content-box;
		border-top:3px solid #3BA9B6;

}
@keyframes cookie {
    from {bottom: -200px;}
    to {bottom: 0;}
}
  
div.cookie_policy div.cookie_title {
	width: 150px;
	float: left;
}
div.cookie_policy div.cookie_title h2 {
	font-weight: 400;
}

div.cookie_policy div.cookie_content {
	width: calc(100% - 275px);
	max-width: 660px;
	margin-left: 75px;
	float: left;
}

div.cookie_policy div.cookie_content p {
    font-weight: 400;
    line-height: 1.8em;
    margin-bottom: 1em;
}

div.cookie_policy div.cookie_close {
	float: right;
	font-size: 1.5em;
	cursor:pointer;
}
div.cookie_policy div.cookie_close i.fa.fa-times {
	color: #ccc;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.text_spacing a {
    color: #169963;
    -webkit-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
    opacity: 0.8;
}
.text_spacing a:hover {
    opacity: 1;
}
.cookie_policy .small-btn {
    font-size: 1em;
    margin-top: 0;
    padding: 10px;
	    display: inline-block;
}
.cookie_policy .small-btn:last-of-type {	
	background-color: #e6e553;
}
div.cookie_policy div.cookie_close i.fa.fa-times:hover {
	color: #777;
}
@media (max-width: 768px),
(max-device-width: 768px) {
	div.cookie_policy div.cookie_content {
		margin-left: 30px;
	}
	div.cookie_policy div.cookie_content,div.cookie_policy div.cookie_title {
		margin-left: 0px;
		width: 90%;
	}
	div.cookie_policy div.cookie_close {
	    margin-top: -40px;
	}
}
@media (max-width: 520px),
(max-device-width: 520px) {
	div.cookie_policy div.cookie_content {
		width: 100%;
		max-width: 660px;
		margin-left: 0;
		margin-top: 15px;
		float: none;
		font-size: 1em;
	}
	div.cookie_policy div.cookie_title {
		float: none;
	}
	div.cookie_policy div.cookie_close {
		font-size: 1.5em;
		position: absolute;
		right: 30px;
		top: 20px;
    	margin-top: 0;
	}
}
@media(max-width:400px){
	.cookie_policy .small-btn {
		font-size: 1.2em;
		margin-bottom: 7px;
	}
}