/* import stylesheet with main features - do not edit */
 @import "construct.css";
/* import colour stylesheet - all the colours are set in this stylesheet nowhere else */
 @import "colours.css";
/*
DEVELOPER INITIALS:
DATE:
*/
/* 
In this stylesheet the styles are usually laid out in order the element would appear with the stylesheet turned off. 
The only exception is that HTML tags are redefined, if needs be, at the top, and 
that style used inside the main area (maindiv) are laid out at the end. Maindiv is defined with the other main divs (wrapper and coloumns)
*/
#cookie-container{position:fixed; width:100%; z-index:10002;}
#accesslinks li,#accesslinks a:focus, #accesslinks a:active{ width:990px; }
body{
	width: 100%;
	min-width: 990px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #5F5F5F;
	background-color: #FFFFFF;
	overflow-x: hidden;
}
/* GLOBAL */
*{
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    box-sizing: border-box;
}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
a:link,
a:visited,
a:active,
a:hover{
    color: #0C6C74;
}
.aspect{
 	width: 990px;
	display: table;
	margin: 0px auto;
	clear: both;
}
.row{
    width: 100%;
    display: table;
    clear: both;
}
input[type='text'],
input[type='email'],
input[type='password'],
textarea,
select{
	min-height: 25px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #0C6C74;
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
input[type='submit']{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    cursor: pointer;
}
button{
	color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
	background-color: #0C6C74;
    cursor: pointer;
}
::-webkit-input-placeholder{
	color: #0C6C74;
	font-weight: bold;
}
::-moz-placeholder{
	color: #0C6C74;
	font-weight: bold;
}
:-ms-input-placeholder{
	color: #0C6C74;
	font-weight: bold;
}
/*HEADER*/
header{
	width: 100%;
	background-color: #FFFFFF;
	display: table;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10000;
}
#logo_parent{
	width: 50%;
	height: 144px;
	float: left;
}
#logo_img{
	width: 278px;
	height: 88px;
	display: block;
	position: relative;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
}
#search_parent{
	width: 50%;
	height: 144px;
	float: right;
	position: relative;
}
#search{
	width: 100%;
	position: absolute; 
	top: 28px;
	left: 0px;
}
#sitesearch{
	width: 238px;
	height: 32px;
	float: right;
	position: relative;
}
#searchbox{
	width: 200px;
	height: 32px;
	background-color: #EFEFEF;
	border: 1px solid #E5E5E5;
	float: left;
}
#ssbtn_parent{
	width: 38px;
	height: 32px;
	background-color: #FFFFFF;
	box-sizing: border-box;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #E5E5E5;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}
#ssbtn{
	border: none;
	position: relative;
	top: 8px;
	left: 10px;
}
#header_contact{
	width: 100%;
	text-align: right;
	position: absolute;
	bottom: 36px;
	left: 0px;
}
div#header_contact > a{
	font-size: 13px;
	font-weight: 600;
	padding-left: 20px;
	background-size: auto;
	background-repeat: no-repeat;
	background-attachment: scroll;	
}
div#header_contact > a:hover{
	text-decoration: none;
}
.header_tel{
	padding-right: 10px;
	background-image: url('/img/assets/tel.png');
	background-position: 2px 2px;
}
.header_email{
	background-image: url('/img/assets/email.png');
	background-position: 6px 5px;
}
#header_log{
	width: 100%;
	position: absolute;
	bottom: -14px;
}
#header_log p{
	text-align: right;
}
#mob_ham_sea{
	display: none;
}
/*Nav*/
#nav_parent{
	padding-top: 22px;
	padding-bottom: 22px;
}
nav#dsk{
  width: 100%;
  background-color: #FFFFFF;
}
nav#dsk > ul{
	width: 100%;
	list-style-type: none;
	display: table;
}
nav#dsk ul li{
	position: relative;
}
nav#dsk > ul > li{
	display: table-cell;
}
nav#dsk ul li a{
    font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	display: block;
}
nav#dsk ul li a,
nav#dsk ul li a:hover{
	text-decoration: none;
}
nav#dsk > ul > li > a{
    padding: 10px 35px;
}
nav#dsk > ul > li:first-child > a{
    padding-left: 0px;
}
nav#dsk > ul > li:last-child > a{
	text-align: right;
    padding-right: 0px;
}
nav#dsk > ul > li > a:link,
nav#dsk > ul > li > a:hover,
nav#dsk > ul > li > a:active,
nav#dsk > ul > li > a:visited{
  color: #5F5F5F;
}
nav#dsk > ul > li:hover > a,
nav#dsk > ul > li > a#sel{
  color: #0C6C74;
}
nav#dsk > ul > li ul{
    list-style-type: none;
    background-color: rgba(12, 108, 116, 1);
	display: none;
	position: absolute;
	z-index: 10001;
}
nav#dsk > ul > li > ul{
	width: 220px;
    padding-top: 0px;
	padding-bottom: 0px;
	top: 38px;
	left: 15px;
}
nav#dsk ul > li:hover > ul{
	display: block;
}
nav#dsk > ul > li ul > li > a{
	width: 100%;
	padding-top: 5px;
    padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	display: block;
}
nav#dsk > ul > li ul > li > a:link,
nav#dsk > ul > li ul > li > a:visited,
nav#dsk > ul > li ul > li > a:active,
nav#dsk > ul > li ul > li > a:hover{
  color: #FFFFFF;
}
nav#dsk > ul > li ul > li:hover > a{
	color: #5F5F5F;
	background-color: #DCE6E7;
}
nav#dsk > ul > li > ul > li > ul{
	width: 240px;
	padding-top: 0px;
	padding-bottom: 0px;
	top: 0px;
	left: 220px;
}
/*MAIN*/
main{
	width: 100%;
	margin-top: 230px;
	clear: both;
	display: table;
}
section{
	width: 100%;
	clear: both;
	display: table;
}
/*Mob_con*/
#mob_contact{
	display: none;
}
/*Bg_top*/
#bg_top{
	padding-bottom: 50px;
}
section#bg_top > div.row{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
}
#mob_top_bg{
	display: none;
}
#home_bg{
	background-image: url('/img/top_bg/home_bg.jpg');
}
#home_bg .row{
	height: 570px;
	vertical-align: middle;
	display: table-cell;
}
#home_bg h1{
	font-family: 'Marcellus SC', serif;
	font-weight: 400;
	font-size: 40px;
	color: #FFFFFF;
	text-align: center;
	line-height: 50px;
	padding-bottom: 15px;
}
#home_bg p{
	font-size: 22px;
	font-weight: 600;
	color: #FFFFFF;
	text-align: center;
	line-height: 28px;
	padding-bottom: 50px;
}
#bg_top span{
	text-align: center;
	display: block;
}
#bg_top span > a{
	font-size: 13px;
	font-weight: bold;
	padding: 5px 80px;
	background-color: #DCE6E7;
	display: inline-block;
}
#bg_top span > a:hover{
	text-decoration: none;
}
#about_bg{
	background-image: url('/img/top_bg/about_bg.jpg');
}
#about_bg .row{
	height: 348px;
}
#our_services_bg{
	background-image: url('/img/top_bg/our_services_bg.jpg');
}
#our_services_bg .row{
	height: 348px;
}
#resources_bg{
	background-image: url('/img/top_bg/resources_bg.jpg');
}
#resources_bg .row{
	height: 348px;
}
#news_bg{
	background-image: url('/img/top_bg/news_bg.jpg');
}
#news_bg .row{
	height: 348px;
}
#vacancies_bg{
	background-image: url('/img/top_bg/vacancies_bg.jpg');
}
#vacancies_bg .row{
	height: 348px;
}
#client_area_bg{
	background-image: url('/img/top_bg/client_area_bg.jpg');
}
#client_area_bg .row{
	height: 348px;
}
#contact_bg{
	background-image: url('/img/top_bg/contact_bg.jpg');
}
#contact_bg .row{
	height: 348px;
}
div#about_bg > div> div > span,
div#our_services_bg > div> div > span,
div#resources_bg > div> div > span,
div#news_bg > div> div > span,
div#vacancies_bg > div> div > span,
div#client_area_bg > div> div > span,
div#contact_bg > div> div > span{
	margin-top: 200px;
}
/*Four_links*/
#four_links{
	padding-top: 25px;
	padding-bottom: 75px;
}
#four_links h2{
	font-family: 'Marcellus SC', serif;
	font-weight: 400;
	font-size: 22px;
	color: #0C6C74;
	text-align: center;
	padding-bottom: 75px;
}
#four_links .row{
	table-layout: fixed;
}
.fl_col_25{
	width: 25%;
	text-align: center;
	display: table-cell;
}
#tax_affair{
	text-align: left;
}
#advice{
	padding-right: 65px;
}
#business_growth{
	padding-left: 0px;
}
#proactive{
	text-align: right;
}
div.fl_col_25 > a{
	text-align: center;
	display: inline-block;
}
div.fl_col_25 > a:link,
div.fl_col_25 > a:visited,
div.fl_col_25 > a:active,
div.fl_col_25 > a:hover{
	color: #5F5F5F;
}
div.fl_col_25 > a:hover{
	text-decoration: none;
}
div.fl_col_25 > a > span{
	font-size: 18px;
	padding-top: 25px;
	display: block;
}
/*Fixed_quote*/
#fixed_quote{
	padding-top: 75px;
	padding-bottom: 75px;
	background-color: #0C6C74;
}
#fq_img{
	text-align: center;
	padding-top: 15px;
	padding-bottom: 5px;
}
section#fixed_quote h3{
	font-family: 'Marcellus SC', serif;
	font-weight: 400;
	font-size: 22px;
	color: #FFFFFF;
	text-align: center;
}
section#fixed_quote p{
	font-size: 18px;
	color: #FFFFFF;
	line-height: 28px;
	text-align: center;
}
#fq_a{
	text-align: center;
	padding-top: 50px;
}
div#fq_a > a{
	font-size: 13px;
	font-weight: bold;
	padding: 5px 40px;
	background-color: #06393E;
	display: inline-block;
}
div#fq_a > a:link,
div#fq_a > a:visited,
div#fq_a > a:active,
div#fq_a > a:hover{
	color: #FFFFFF;
}
div#fq_a > a:hover{
	text-decoration: none;
}
/*Personal_advice*/
#personal_advice{
	padding-top: 75px;
	padding-bottom: 75px;
	background-color: #FFFFFF;
}
#pa_img{
	text-align: center;
	padding-top: 15px;
	padding-bottom: 5px;
}
section#personal_advice h3{
	font-family: 'Marcellus SC', serif;
	font-weight: 400;
	font-size: 22px;
	color: #0C6C74;
	text-align: center;
}
section#personal_advice p{
	font-size: 18px;
	line-height: 28px;
	text-align: center;
}
#pa_a{
	text-align: center;
	padding-top: 50px;
}
div#pa_a > a{
	font-size: 13px;
	font-weight: bold;
	padding: 5px 40px;
	background-color: #06393E;
	display: inline-block;
}
div#pa_a > a:link,
div#pa_a > a:visited,
div#pa_a > a:active,
div#pa_a > a:hover{
	color: #FFFFFF;
}
div#pa_a > a:hover{
	text-decoration: none;
}
/*Business_size*/
#bs{
	list-style-type: none;
	display: table;
}
ul#bs > li{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
	display: table;
}
ul#bs > li.bottom_bg{
	background-image: url('/img/bottom_bg/bottom_bg.jpg');
}
ul#bs > li.bottom_bg2{
	background-image: url('/img/bottom_bg/bottom_bg2.jpg');
}
ul#bs > li.bottom_bg3{
	background-image: url('/img/bottom_bg/bottom_bg.jpg');
}
ul#bs > li.bottom_bg4{
	background-image: url('/img/bottom_bg/bottom_bg2.jpg');
}
ul#bs > li > div.aspect{
	height: 500px;
	vertical-align: middle;
	display: table-cell;
}
ul#bs > li > div > h4{
	width: 990px;
	font-family: 'Marcellus SC', serif;
	font-weight: 400;
	font-size: 40px;
	line-height: 36px;
	color: #FFFFFF;
	text-align: center;
	padding-bottom: 50px;
	margin: 0px auto;
}
ul#bs > li > div > p{
	width: 990px;
	font-size: 22px;
	font-weight: 600;
	color: #FFFFFF;
	text-align: center;
	line-height: 28px;
	padding-bottom: 50px;
	margin: 0px auto;
}
.row.bs_a{
	width: 990px;
	text-align: center;
	margin: 0px auto;
}
div.bs_a > a{
	font-size: 13px;
	font-weight: bold;
	padding: 5px 40px;
	background-color: #DCE6E7;
	display: inline-block;
}
div.bs_a > a:link,
div.bs_a > a:visited,
div.bs_a > a:active,
div.bs_a > a:hover{
	color: #0C6C74;
}
div.bs_a > a:hover{
	text-decoration: none;
}
/*Tax_updates*/
#tax_updates{
	padding-top: 75px;
	padding-bottom: 75px;
	background-color: #FFFFFF;
}
#tax_updates h5{
	font-family: 'Marcellus SC', serif;
	font-weight: 400;
	font-size: 22px;
	color: #0C6C74;
	text-align: center;
}
#tu_a{
	text-align: center;
	padding-top: 50px;
}
div#tu_a > a{
	font-size: 13px;
	font-weight: bold;
	padding: 5px 40px;
	background-color: #06393E;
	display: inline-block;
}
div#tu_a > a:link,
div#tu_a > a:visited,
div#tu_a > a:active,
div#tu_a > a:hover{
	color: #FFFFFF;
}
div#tu_a > a:hover{
	text-decoration: none;
}
/*CMS*/
#cms{
	padding-bottom: 50px;
}
#cms h1{
	font-family: 'Marcellus SC', serif;
	font-size: 22px;
	font-weight: 400;
	color: #0C6C74;
	padding-bottom: 25px;
}
#cms h2{
	font-family: 'Marcellus SC', serif;
	font-size: 20px;
	font-weight: 400;
	color: #0C6C74;
	padding-bottom: 5px;
}
#cms h3{
	font-family: 'Marcellus SC', serif;
	font-size: 18px;
	font-weight: 400;
	color: #0C6C74;
	padding-bottom: 5px;
}
#cms p{
	line-height: 24px;
	padding-bottom: 20px;
}
#cms p#breadcrumbs{
	padding-bottom: 25px;
}
#nstep{
	margin: 0px 0px 10px 0px !important;
	padding: 5px !important;
} 
#cms ol,
#cms ul{
	line-height: 24px;
	padding-bottom: 20px;
}
#cms ul{
	list-style-type: square;
	list-style-position: inside;
}
#cms ol{
	list-style-position: inside;
}
ul.ul_50{
	width: 100%;
	list-style-type: none !important;
	display: table;
}
#cms .linkslist li{
	padding-bottom: 20px;
	margin: 0px;
}
.list_spacing li,
.squarelist li{
	padding-bottom: 5px;
}
#cms ul.ticklist > li:before{
	content: "\2714";
}
ul.ul_50 > li{
	width: 50%;
	padding-bottom: 5px;
	float: left;
}
ul.ul_50 > li:nth-child(odd){
	padding-right: 20px;
}
#ttec{
	display: none;
}
#ttnl{
	list-style-type: none !important;
}
div#atol > h2,
div#mtoz > h2{
	color: #FFFFFF;
	padding: 5px 10px;
}
div#atol > ul,
div#mtoz > ul{
	padding-top: 10px;
	padding-left: 10px;
}
div#taxdiv > h2,
div#busdiv > h2{
	color: #FFFFFF;
	padding: 5px 10px;
}
div#taxdiv > ul,
div#busdiv > ul{
	padding-left: 10px;
}
div#taxdiv > ul.reslist,
div#busdiv > ul.reslist{
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 25px;
}
div#sitemap > ul > li ul{
	padding-left: 25px;
}
div#sitemap > ul > li ul{
	list-style-type: none;
}
div#sitemap > ul > li ul> li:before{
	content: "\21B3";
}
.semi_bold{
	font-weight: 600;
}
#contact_green{
	padding-top: 5px;
	padding-bottom: 5px;
}
#contact_green p{
	font-size: 15px;
	font-weight: 600;
	color: #0C6C74;
	display: inline-block;
}
div#contact_green > p:first-of-type{
	padding-right: 35px;
}
#contact_green a{
	font-size: 15px;
	font-weight: 600;
	padding-left: 20px;
	background-size: auto;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
#contact_green a:link,
#contact_green a:visited,
#contact_green a:active,
#contact_green a:hover{
	color: #0C6C74;
}
#contact_green a:hover{
	text-decoration: none;
}
#contact_green a.header_email{
	background-position: 6px 7px;
}
#contact_vat{
	padding-top: 5px;
	padding-bottom: 5px;
}
#contact_vat p{
	font-size: 15px;
	font-weight: 600;
	color: #0C6C74;
	text-align: left;
}
#denotes{
	font-size: 13px;
	color: #0C6C74;
	padding-bottom: 10px !important;
	border-bottom: 1px solid #0C6C74;
}
#custom_form{
	width: 100%;
	padding-top: 20px;
	padding-bottom: 50px;
	background-color: #FFFFFF;
	border: none;
}
.col_50{
	width: 50%;
	float: left;
}
div.col_50.l{
	padding-right:20px;
}
div.col_50.r{
	padding-left:20px;
}
div.col_50 > p{
	padding-bottom: 10px !important;
}
div.col_50 > p > label{
	width: 100%;
	font-size: 10px;
	color: #0C6C74;
	text-transform: uppercase;
	display: block;
}
div.col_50 > p > input,
div.col_50 > p > textarea{
	width: 100%;
	border-color: #0C6C74 !important;
}
#msg_con{
	float: right;
}
#message{
	height: 84px;
}
div.col_50 > p > label[for="security"]{
	float: left;
}
div.col_50 > p > img{
	width: 225px;
	height: 40px;
	border: 1px solid #0C6C74;
	float: left;
}
div.col_50 > p > input#security{
	width: 225px !important;
    height: 40px;
    float: right;
}
div.col_50 > p > button{
	width: 100% !important;
    height: 40px;
    font-size: 18px !important;
	color: #0C6C74;
	background-color: #DCE6E7;
  	margin-top: 24px;
    cursor: pointer;
}
#googlemap{
	width: 100%;
	border: none;
}
/*FOOTER*/
footer{
	padding-top: 75px;
	padding-bottom: 20px;
	background-color: #0C6C74;
}
#nl_sign{
	padding-bottom: 75px;
}
#nl_sign h6{
	font-family: 'Marcellus SC', serif;
	font-weight: 400;
	font-size: 22px;
	color: #FFFFFF;
	text-align: center;
	padding-bottom: 25px;
}
#nl_sign #newsletter{
	text-align: center;
	border: none;
}
#newsletter label{
	font-size: 13px;
	font-weight: 600;
	color: #FFFFFF;
}
#newsletter label:first-of-type{
	padding-right: 10px;
}
#newsletter input[type='text'],
#newsletter input[type='email']{
	width: 200px;
}
#newsletter ::-webkit-input-placeholder{
	font-size: 13px;
}
#newsletter ::-moz-placeholder{
	font-size: 13px;
}
#newsletter :-ms-input-placeholder{
	font-size: 13px;
}
#newsletter input:last-of-type{
	padding-left: 5px;
}
#newsbtn{
	font-size: 13px;
	font-weight: 600;
	color: #FFFFFF;
	border: none;
	background-color: transparent;
}
#footer_address{
	font-size: 13px;
	font-weight: 600;
	color: #FFFFFF;
	text-align: center;
	padding-bottom: 25px;
}
#footer_contact{
	font-size: 13px;
	font-weight: 600;
	color: #FFFFFF;
	text-align: center;
	padding-bottom: 75px;
}
div#footer_contact > a{
	padding-left: 20px;
	background-size: auto;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
div#footer_contact > a:link,
div#footer_contact > a:visited,
div#footer_contact > a:active,
div#footer_contact > a:hover{
	color: #FFFFFF;
}
div#footer_contact > a:hover{
	text-decoration: none;
}
div#footer_contact a.header_tel{
	background-image: url('/img/assets/tel_a.png');
}
div#footer_contact a.header_email{
	background-image: url('/img/assets/email_a.png');
}
#footer_copy{
	text-align: center;
}
#footer_copy p{
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	padding-right: 20px;
	display: inline-block;
}
#footer_copy ul{
	list-style-type: none;
	display: inline-table;
}
#footer_copy ul > li{
	display: table-cell;
}
#footer_copy ul > li:after{
	content: "|";
	font-size: 10px;
	color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
}
#footer_copy ul > li:last-child:after{
	content: none;
}
#footer_copy ul > li > a{
	font-size: 10px;
}
#footer_copy ul > li > a:link,
#footer_copy ul > li > a:visited,
#footer_copy ul > li > a:hover,
#footer_copy ul > li > a:active{
	color: #FFFFFF;
}
/*
#newsletter{ border:0; }
#newsletter p{ margin:0 0 5px 0; }
#newsletter label{ float:left; display:block; width:55px;  } 
#newsletter input{ padding:1px 3px; border-width:1px; border-style:solid; } 
#newsletter p#btn{ text-align:right; }
*/
/* how big is your business (dropdown) - deleted if not required */
#howbig select{ width:px; border-style:solid; border-width:1px; }
/* how big is your business (images) - deleted if not required */
#howbig{ height:px; }
#youare li,#youare li a{float:left; display:block; height:px; width:px;  }
#sitesearch a{float:left; display:block;}
#sitesearch button{float:left;}
/* these 2 style are used to make sure the list of non-scrolling news (taxtips or bbc) looks the same as otehr lists on the page */
#home div.homebox ul,#home div.homebox ul li,#home div.homebox ul li a{ margin:0; list-style:none; display:block;  }
#home div.homebox ul li a{ padding-left:20px; background-image:url("/img/tick.gif"); background-position:0 0; background-repeat:no-repeat; }
/* LOGIN BOX*/
.logon-box{
    background:         rgba(255,255,255, 1.0);
    border:             1px solid rgba(224,224,224, 0.8);
    -moz-box-shadow:    1px 1px 10px 1px #ccc;
    -webkit-box-shadow: 1px 1px 10px 1px #ccc;
    box-shadow:         1px 1px 10px 1px #ccc;
    border-radius:      6px;
    max-width:          450px;
    margin:             20px auto;   
}
div.logon-box div.mainlogo.openspace{
    background:         url('/img/iris_openspace_logo.png') center no-repeat;
	background-size: 348px 66px;
    text-indent:        -9999em;
    margin:             25px 0;
    min-height:         66px;
}
div.logon-box div.mainlogo.openbooks{
    background:         url('/img/iris_openbooks_login_logo.png') center no-repeat;
	background-size: 348px 66px;
    text-indent:        -9999em;
    margin:             25px 0;
    min-height:         66px;
}
div.logon-box div.mainlogo.kashflow{
    background:         url('/img/iris_kashflow_logo.png') center no-repeat;
	background-size: 348px 66px;
    text-indent:        -9999em;
    margin:             25px 0;
    min-height:         66px;
}
div.logon-box div.mainlogo.kashflowpayroll{
    background:         url('/img/iris_kashflowpayroll_logo.png') center no-repeat;
	background-size: 348px 66px;
    text-indent:        -9999em;
    margin:             25px 0;
    min-height:         66px;
}
.logon-box form{
    border:             none;
    max-width:          450px;
}
.logon-box form fieldset {
	margin-bottom:  0;
}
.logon-box form label, .logon-box form input{
	float:          left; 
	margin:         10px 0;       
	width:          140px;
}
.logon-box form label{    
	color:          #646464;
	text-align:     right;
	width:          170px;
}
.logon-box form input{
	border:         1px solid rgba(224,224,224, 0.8);
	margin-left:    29px;
	padding:        3px;
}
.logon-box form label[for="Password"]{
	clear:          both;
}
.logon-box form button[type="submit"]{
	display:            block;
	padding:            0 10px;
	border:             none;
	margin:             6px 0 0;
	background-color:   #0C6C74;              
	line-height:        2em;
	color:              #fff;
	cursor:             pointer;
	-webkit-box-shadow: none;
	box-shadow:         none;
	-webkit-appearance: none;
	-webkit-text-shadow: none;
	text-shadow:        none;
	border-radius:      0;
	margin:             0 auto;
	width:              120px;
	transition:         background-color 0.8s ease;
	text-transform:     uppercase;
}
.logon-box form button:hover[type="submit"]{
	background-color:   rgba(73,77,86, 0.6); ;
}
.logon-box form a{
	clear:              both;
	color:              rgba(100,100,100, 1.0); 
	display:            block;
	float:              left;
	text-align:         left;       
	display:            block;
	margin-left:        200px;
	padding:            5px 0;
	transition:         color 0.8s ease;
	font-weight:		normal!important;
}
.logon-box form a:hover{
	color:          #ed1c24; 
}
.form-actions{
    clear:              both;
    padding:            19px 20px 20px;
    margin-top:         20px;
    background-color:   #f5f5f5;
    border-top:         1px solid rgba(224,224,224, 0.8);
}
/* misc */
#contactform {
    margin: 20px 0;
    padding: 15px 30px 15px 30px;
    width: 64%;
}
.reglog {
    margin: 0 0 10px 0;
    padding:20px;
    width: 75%;
}
#loginform label {
    padding: 10px 0;
    width: 30%;
}
.reglog input, .reglog textarea {
    padding: 1px 3px;
    width: 55%;
}
.linkslist li a {
    padding: 5px 5px 5px 20px;
}
.faqq {
	padding:5px 0;
}
#altinfo {
    margin: 0 auto 10px;
    padding: 12px 0 5px;
}
.collist{background:none; width:44%;}
#contactform fieldset {margin-bottom: 20px;}
p.contact-form-title-master{margin:20px 0;}
/*OVERLAY*/
#newsbtn{
	display: none;
}
#overlay_parent{
	width: 100%;
	height: 100vh;
	background-color: rgba(000, 000, 000, 0.9);
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;z-index: 10004;
}
#overlay_child{
	width: 340px;
	font-size: 50px;
	padding: 20px;
	background-color: #FFFFFF;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#overlay_child > *{
	margin-right: 10px;
	float: left;
}
#overlay_child > *:last-child{
	margin-right: 0px;
}
#overlay_child > span{
	line-height: 50px;
}
#incognito{
	color: #f54d0f;
}
#private{
	color: #127FE4;
}
#sandbox{
	width: 50px;
	height: 50px;
	font-size: 40px;
	border-color: #5F5F5F;
}
#verify{
	height: 50px;
	font-size: 20px;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #0C6C74;
}
#verify:hover{
	background-color: #606060;
}
/*RESPONSIVE*/
@media all and (min-width: 0px) and (max-width: 990px){
	body{
		min-width: 320px;
		font-size: 15px;
	}
	.reglog button{
		padding: 10px 30px;
	}
	/*HEADER*/
	header{
		z-index: 10001;
	}
	.aspect{
		width: 100%;
	}
	#logo_parent{
		width: 70%; 
		height: 88px;
		padding-top: 10px;
		padding-left: 10px;
		padding-bottom: 10px;
	}
	#logo_img{
		width: 200px; 
		height: 64px;
		top: 0px;
		transform: translateY(0%);
	}
	#logo_img img{
		width: 200px;
	}
	#search_parent{
		display: none;
	}
	#nav_parent{
		display: none;
	}
	#mob_ham_sea{
		width: 30%;
		height: 88px;
		position: relative;
		float: right;
		display: block;
	}
	#mob_ham_sea .row{
		text-align: right;
		padding-right: 10px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	#mob_hamburger{
		margin-right: 10px;
		cursor: pointer;
	}
	#mob_search{
		position: relative;
		top: -1px;
		cursor: pointer;
	}
	/*MOB_CONTACT*/
	#mob_contact{
		height: 40px;
		background-color: #FFFFFF;
		display: block;
		position: fixed;
		top: 88px;
		left: 0px;
		z-index: 10000;
	}
	#mob_contact.mob_con_ov{
		overflow: hidden;
	}
	#mob_con_as{
		transition-property: top;
		transition-delay: 0s;
		transition-duration: 0.5s;
		transition-timing-function: linear;
		-moz-transition-property: top;
		-moz-transition-delay: 0s;
		-moz-transition-duration: 0.5s;
		-moz-transition-timing-function: linear;
		-webkit-transition-property: top;
		-webkit-transition-delay: 0s;
		-webkit-transition-duration: 0.5s;
		-webkit-transition-timing-function: linear;
		-ms-transition-property: top;
		-ms-transition-delay: 0s;
		-ms-transition-duration: 0.5s;
		-ms-transition-timing-function: linear;
		position: relative;
		top: 0px;
	}
	#mob_con_as .row{
		height: 40px;
		text-align: center;
		display: block;
	}
	#mob_header_contact a{
		font-size: 13px;
		font-weight: 600;
		padding-left: 20px;
		background-size: auto;
		background-repeat: no-repeat;
		background-attachment: scroll;
		display: inline-block;
		position: relative;
		top: 40%;
		transform: translateY(-40%);
		-ms-transform: translateY(-40%);
		}
	#mob_header_contact a:hover{
		text-decoration: none;
	}
	/*Mob_sitesearch*/
	#sitesearch{
		width: calc(100% - 20px);
		height: 30px;
		margin-right: 10px;
	}
	#searchbox{
		width: calc(100% - 30px);
		height: 30px;
		min-height: 30px;
		font-size: 12px;
		padding: 1px 2.5px;
		background-color: #EEEEEE;
	}
	#searchbox::-webkit-input-placeholder{
		color: #5F5F5F;
}
	#searchbox::-moz-placeholder{
		color: #5F5F5F;
	}
	#searchbox:-ms-input-placeholder{
		color: #5F5F5F;
	}
	#ssbtn_parent{
		width: 30px;
		height: 30px;
	}
	#ssbtn{
		top: 7px;
		left: 0px;
	}
	/*Mob_nav*/
	#mob_nav_par{
		position: relative;
	}
	#mob_nav{
		width: calc(100% - 20px);
		height: 40px;
		list-style-type: none;
		display: none;
		position: absolute;
		top: 0px;
		left: 10px;
		z-index: 10001;
	}
	ul#mob_nav.mob_hide_sib > li{
		display: none;
	}
	ul#mob_nav.mob_hide_sib > li:first-child{
		display: block;
	}
	ul#mob_nav > li > a{
		width: 100%;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		text-transform: uppercase;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 10px;
		background-color: #DCE6E7;
		border-bottom: 1px solid #FFFFFF;
		display: block;
	}
	ul#mob_nav > li > a:link,
	ul#mob_nav > li > a:visited,
	ul#mob_nav > li > a:hover,
	ul#mob_nav > li > a:active{
		color: #5F5F5F;
	}
	ul#mob_nav > li > a:hover{
		text-decoration: none;
	}
	#mob_nav_toggle{
		height: 30px;
		padding-left: 20px;
		padding-right: 10px;
		display: none;
		position: absolute;
		top: 2px;
		right: 10px;
		z-index: 10001;
	}
	div#mob_nav_toggle > img{
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		display: block;
	}
	/*MAIN*/
	main{
		margin-top: 118px;
		display: block;
	}
	/*Bg_top*/
	#bg_top{
		padding-bottom: 10px;
	}
	#mob_top_bg{
		display: table;
	}
	div#mob_top_bg > img{
		width: 100%;
	}
	#bg_top span > a{
		padding: 15px 30px;
	}
	section#bg_top > div.row{
		background-image: none;
	}
	#home_bg .row{
		height: auto;
		padding-right: 20px;
		padding-left: 20px;
	}
	#home_bg h1{
		font-size: 20px;
		color: #0C6C74;
		line-height: 30px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#home_bg p{
		font-size: 14px;
		color: #0C6C74;
		line-height: 20px;
		padding-bottom: 20px;
	}
	/*Four_links*/
	#four_links{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#four_links h2{
		display: none;
	}
	.fl_col_25{
		width: 100%;
		padding: 10px 20px;
		display: table;
	}
	#tax_affair,
	#proactive{
		text-align: center;
	}
	#advice{
		padding-right: 20px;
	}
	#business_growth{
		padding-left: 20px;
	}
	div.fl_col_25 > a > span{
		font-size: 15px;
		padding-top: 5px;
	}
	/*Fixed_quote*/
	#fixed_quote{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#fixed_quote .row{
		padding-left: 20px;
		padding-right: 20px;
	}
	section#fixed_quote h3{
		font-size: 18px;
		line-height: 25px;
	}
	section#fixed_quote p {
		font-size: 14px;
		line-height: 20px;
	}
	#fq_a{
		padding-top: 20px;
	}
	div#fq_a > a{
		padding: 15px 30px;
	}
	/*Personal_advice*/
	#personal_advice{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#personal_advice .row{
		padding-left: 20px;
		padding-right: 20px;
	}
	section#personal_advice h3{
		font-size: 18px;
		line-height: 25px;
	}
	section#personal_advice p{
		font-size: 14px;
		line-height: 20px;
	}
	#pa_a{
		padding-top: 20px;
	}
	div#pa_a > a{
		padding: 15px 30px;
	}
	/*Business_size*/
	ul#bs > li.bottom_bg{
		background-position: right center;
	}
	ul#bs > li.bottom_bg2{
		background-position: left top;
	}
	ul#bs > li > div.aspect{
		width: 100%;
		height: 230px;
		background-color: rgba(000, 000, 000, 0.6);
	}
	ul#bs > li > div > h4 {
		width: 100%;
		font-size: 18px;
		line-height: 25px;
		padding-bottom: 20px;
	}
	ul#bs > li > div > p{
		display: none;
	}
	div.bs_a > a{
		padding: 15px 30px;
	}
	.row.bs_a {
		width: 100%;
	}
	/*Tax_updates*/
	#tax_updates{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#tax_updates .row{
		padding-left: 20px;
		padding-right: 20px;
	}
	#tax_updates h5{
		font-size: 18px;
		line-height: 25px;
	}
	#tu_a{
		padding-top: 20px;
	}
	div#tu_a > a{
		padding: 15px 30px;
	}
	/*FOOTER*/
	footer{
		padding-top: 30px;
	}
	footer .row{
		padding-left: 30px;
		padding-right: 30px;
	}
	#nl_sign{
		padding-bottom: 25px;
	}
	#nl_sign h6{
		font-size: 18px;
		line-height: 25px;
		padding-bottom: 20px;
	}
	#nl_sign #newsletter {
		text-align: left;
	}
	#newsletter input[type="text"], 
	#newsletter input[type="email"]{
		width: 100%;
	}
	#newsletter label{
		width: 100%;
		text-align: left;
		padding-bottom: 10px;
		display: block;
	}
	#newsletter label[for="nemail"]{
		padding-top: 10px;
		text-align: center;
	}
	#newsletter input:last-of-type {
		padding-top: 10px;
		padding-left: 0px;
	}
	#footer_address{
		font-size: 12px;
	}
	#footer_contact.row{
		padding-left: 10px;
		padding-right: 10px;
	}
	#footer_contact{
		font-size: 13px;
		padding-bottom: 30px;
	}
	#footer_contact .header_tel{
		padding-right: 5px;
	}
	#footer_copy.row{
		padding-left: 10px;
		padding-right: 10px;
	}
	#footer_copy p{
		width: 100%;
		padding-right: 0px;
		padding-bottom: 20px;
		display: block;
	}
	#footer_copy ul{
		width: 100%;
		display: table;
	}
	#footer_copy ul > li{
		display: inline-block;
	}
	#newsletter input[type='email']{
		margin-bottom: 10px;
	}
	#newsletter input:last-of-type {
		padding: 10px 30px;
	}
	#newsbtn{
		color: #0C6C74;
		background-color: #FFFFFF;
		margin: 0px auto;
		display: none;
	}
	div#about_bg > div> div > span,
	div#our_services_bg > div> div > span,
	div#resources_bg > div> div > span,
	div#news_bg > div> div > span,
	div#vacancies_bg > div> div > span,
	div#client_area_bg > div> div > span,
	div#contact_bg > div> div > span{
		margin-top: 20px;
	}
	#about_bg .row,
	#our_services_bg .row,
	#resources_bg .row,
	#news_bg .row,
	#vacancies_bg .row,
	#client_area_bg .row,
	#contact_bg .row{
		height: auto;
	}
	#cms{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#cms .aspect{
		padding-left: 20px;
		padding-right: 20px;
	}
	#cms p#breadcrumbs {
		padding-bottom: 15px;
	}
	#cms h1{
		font-size: 20px;
		padding-bottom: 15px;
	}
	#cms h2{
		font-size: 18px;
	}
	#cms h3{
		font-size: 15px;
	}
	/*Contact*/
	div#contact_green > p:first-of-type {
		text-align: center;
		padding-right: 0px;
	}
	div#contact_green > p{
		display: block;
	}
	div#contact_green > p > a{
		margin: 0px auto;
		display: table;
	}
	#contact_vat p{
		text-align: center;
	}
	.col_50{
		width: 100%;
	}
	div.col_50.l{
		padding-right: 0px;
	}
	div.col_50.r{
		padding-left: 0px;
	}
	div.col_50 > p{
		padding-bottom: 5px !important;
	}
	div.col_50 > p > img{
		width: 40%;
	}
	div.col_50 > p > input#security{
		width: 55% !important;
	}
	ul.ul_50 > li{
		width: 100%;
	}
	ul.ul_50 > li:nth-child(odd){
		padding-right: 0px;
	}
	.collist{
		width: 100%;
		margin-right: 0px;
	}
	#ttnl li{
		width: 100%;
		margin-right: 0px;
	}
	#registerform.reglog,
	#loginform.reglog,
	#formc fieldset,
	#contactform,
	#custom_form{
		width: 100%;
	}
	#loginform.reglog p{
		width: 100%;
		display: table;
	}
	#loginform.reglog label{
		width: 100%;
		display: block;
	}
	#loginform.reglog input,
	#loginform.reglog textarea{
		width: 100%;
	}
	#loginform.reglog input{
		margin-left: 0px;
	}
	div.logon-box div.mainlogo.openspace {
		background-size: 100%;
	}
	.logon-box form label{
		width: 100%;
		text-align: left;
		text-indent: 25px;
		margin-bottom: 0px;
	}
	.logon-box form input{
		width: 90%;
		margin-left: 20px;
	}
	.logon-box form a {
		margin-left: 25px;
	}
}