/* 
    Document   : base
    Created on : 13-Oct-2010, 14:06:52
    Author     : joe.towner
    Description:
        Main stylesheet for CIFAS
*/

@font-face {
    font-family: 'hind_regularregular';
    src: url('../fonts/hind-regular-webfont.eot');
    src: url('../fonts/hind-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hind-regular-webfont.woff2') format('woff2'),
         url('../fonts/hind-regular-webfont.woff') format('woff'),
         url('../fonts/hind-regular-webfont.ttf') format('truetype'),
         url('../fonts/hind-regular-webfont.svg#hind_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hindbold';
    src: url('../fonts/hind-bold-webfont.eot');
    src: url('../fonts/hind-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hind-bold-webfont.woff2') format('woff2'),
         url('../fonts/hind-bold-webfont.woff') format('woff'),
         url('../fonts/hind-bold-webfont.ttf') format('truetype'),
         url('../fonts/hind-bold-webfont.svg#hindbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hindmedium';
    src: url('../fonts/hind-medium-webfont.eot');
    src: url('../fonts/hind-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hind-medium-webfont.woff2') format('woff2'),
         url('../fonts/hind-medium-webfont.woff') format('woff'),
         url('../fonts/hind-medium-webfont.ttf') format('truetype'),
         url('../fonts/hind-medium-webfont.svg#hindmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hindsemibold';
    src: url('../fonts/hind-semibold-webfont.eot');
    src: url('../fonts/hind-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hind-semibold-webfont.woff2') format('woff2'),
         url('../fonts/hind-semibold-webfont.woff') format('woff'),
         url('../fonts/hind-semibold-webfont.ttf') format('truetype'),
         url('../fonts/hind-semibold-webfont.svg#hindsemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hindlight';
    src: url('../fonts/hind-light-webfont.eot');
    src: url('../fonts/hind-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hind-light-webfont.woff2') format('woff2'),
         url('../fonts/hind-light-webfont.woff') format('woff'),
         url('../fonts/hind-light-webfont.ttf') format('truetype'),
         url('../fonts/hind-light-webfont.svg#hindlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_slabregular';
    src: url('../fonts/robotoslab-regular-webfont.eot');
    src: url('../fonts/robotoslab-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotoslab-regular-webfont.woff2') format('woff2'),
         url('../fonts/robotoslab-regular-webfont.woff') format('woff'),
         url('../fonts/robotoslab-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_slablight';
    src: url('../fonts/robotoslab-light-webfont.eot');
    src: url('../fonts/robotoslab-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotoslab-light-webfont.woff2') format('woff2'),
         url('../fonts/robotoslab-light-webfont.woff') format('woff'),
         url('../fonts/robotoslab-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.row-1:after,
.row-1:before, .row-2:after,
.row-2:before, .row-3:after,
.row-3:before, .row-4:after,
.row-4:before, .row-5:after,
.row-5:before, .row-6:after,
.row-6:before, .row-7:after,
.row-7:before, .row-8:after,
.row-8:before {
  display: block;
  content: '';
  clear: both; }

.row-1, .row-2, .row-3, .row-4, .row-5, .row-6, .row-7, .row-8 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.row-1:after,
.row-1:before, .row-2:after,
.row-2:before, .row-3:after,
.row-3:before, .row-4:after,
.row-4:before, .row-5:after,
.row-5:before, .row-6:after,
.row-6:before, .row-7:after,
.row-7:before, .row-8:after,
.row-8:before {
  display: block;
  content: '';
  clear: both; }

.row-1, .row-2, .row-3, .row-4, .row-5, .row-6, .row-7, .row-8 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.col {
  float: left; }

.row-1 > .col {
  width: calc(100% / 1); }

.row-2 > .col {
  width: calc(100% / 2); }

.row-3 > .col {
  width: calc(100% / 3); }

.row-4 > .col {
  width: calc(100% / 4); }

.row-5 > .col {
  width: calc(100% / 5); }

.row-6 > .col {
  width: calc(100% / 6); }

.row-7 > .col {
  width: calc(100% / 7); }

.row-8 > .col {
  width: calc(100% / 8); }

.table {
  border: solid 1px #333;
  margin-bottom: 2.9rem; }
  .table .table-row {
    border-bottom: solid 1px #333; }
    .table .table-row:last-child {
      border: none; }
  .table .col {
    padding: 8px;
    border-right: solid 1px #333; }
    .table .col:last-child {
      border: none; }
  .table.overflow {
    overflow: hidden; }
    .table.overflow .table-row {
      width: 1060px; }

@media only screen and (max-width: 66.25em) {
  .table.overflow {
    overflow: auto; } }

html, textarea {
    background: #FFFFFF;
    font-family: 'hindlight';
    color: #564b4f;
    font-size: 16px;
}
body, div, html {
    margin: 0px;
    padding: 0px;
}
.floatClear {
    clear : both;
    height : 1px;
    margin-bottom : -1px;
    overflow : hidden;
}
textarea, input[type=text], input[type=password], select {
    border: 1px solid #888888;
    font-size: 14px;
    font-family: 'hindlight';
    color: #000000;
}
textarea:focus, input[type=text]:focus, input[type=password]:focus, select:focus {
    border-color: #f6871f;
}
h1 {
    font-size: 38px;
    padding: 17px 3px;
    margin: 0px;
    font-weight: normal;
}
h2 {
    font-family: 'roboto_slablight';
    font-size: 25px;
    font-weight: normal;
    color: #42155c;
    margin: 10px 0;
    border-bottom: 1px solid #cccccc;
}
h3 {
    font-family: 'roboto_slablight';
    font-size: 22px;
    font-weight: normal;
    color: #564b4f;
    line-height: 1.2em;
}
h4 {
    font-size: 18px;
    font-family: 'hindmedium';
    font-weight: normal;
    color: #231f20;
    margin: 0;
    padding: 0;
    line-height: 1.1em;
}
h3, p {
    margin: 7px 0;
}
h1 span.sub, h2 span.sub, h3 span.sub {
    float: right;
    font-size: 0.6em;
}
h1 span.sub {
    line-height: 38px;
}
h2 span.sub {
    line-height: 35px;
}
h3 span.sub {
    line-height: 22px;
}
p {
    line-height: 1.3em;
}

.hide, .hidel {
    opacity: 0;
    font-family: monospace;
    font-size: xx-small;
    display: none;
}
.wrapper {
    width: 1060px;
    margin: 0 auto;
}
.quote_banner {
    /*background: #f6871f;*/
    margin-bottom: 30px;
}
.quote_banner .wrapper {
    background: url(../img/quote.png) no-repeat right top #f6871f;
    color: #FFFFFF;
    width: 778px;
    padding: 0 200px 0 146px;
}
.quote_banner h2 {
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    color: #FFFFFF;
    font-size: 40px;
    display: inline-block;
    width: 46%;
    vertical-align: middle;
    line-height: 1.2em;
    margin: 0.83em 0;
    border: none;
}
.quote_banner .wrapper div {
    font-size: 16px;
    display: inline-block;
    width: 51%;
    padding-left: 3%;
    vertical-align: middle;
    line-height: 1.2em;
}

/*CONTENT*/
#banner {
    padding: 28px 0 10px;
    min-height: 100px;
}
#logo {
    float: left;
    /*margin-top: 6px;*/
}
#logo img {
    width: 175px;
}
#logo2 {
    display: none;
}
#logo2 img {
    display: block;
    margin: 0 auto;
}

#advert img {
    height: 75px;
    vertical-align: middle; 
}

#advert div {
    display:inline-block; 
    line-height: 20px; 
    vertical-align: middle; 
    padding-right: 10px;
}

#banner #social {
    text-align: right;
    min-height: 66px;
}
#facebook, #twitter, #linkedin, #youtube {
    width: 29px;
    height: 28px;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 4px;
}
#facebook {
    background-image: url(../img/facebook.png);
    margin-right: 4px;
}
#twitter {
    background-image: url(../img/twitter.png);
    margin-right: 5px;
}
#linkedin {
    background-image: url(../img/linkedin.png);
    margin-right: 5px;
}
#youtube {
    background-image: url("../img/youtube_logo.png");
    margin-right: 11px;
}
#social a {
    line-height: 28px;
}
#banner form {
    border: 1px solid #d1d4d3;
    display: inline-block;
}
#banner form input {
    border: none;
    float: left;
    line-height: 26px;
    padding: 0 5px;
}
#banner form input[type=image] {
    padding: 0 2px;
}
#banner form input[type=text] {
    width: 232px;
    height: 26px;
}

#carousel {
    width: 1060px;
    margin-bottom: 20px;
    position: relative;
}
#carousel.bg {
    background-position: center center;
    background-repeat: no-repeat;
    height: 480px;
}
#title {
    background: url(../img/title.png) rgba(0,0,0,0.7) no-repeat right center;
}
.bg #title {
    position: absolute;
    bottom: 0;
    width: 100%;
}
#title div {
    padding: 17px 20px;
}
#title h1 {
    color: #f6871f;
    font-family: 'hind_regularregular';
    font-size: 60px;
    padding: 0;
}
#title p {
    line-height: 36px;
    color: #d9d3d6;
    margin: 0;
    font-size: 20px;
    font-family: 'hind_regularregular';
}
h1 span {
    padding-left: 10px;
}
a {
    text-decoration: none;
    color: #ec6806;
}
a:hover {
    text-decoration: underline;
}
#content {
    min-height: 400px;
}
#strBillingCountry {
    width: 300px;
}

/*NAV BAR (RULES ETC.)*/
.nav {
    margin: 10px 0px;
    text-align: center;
}
.nav a, a.linkbutton, .recruitment input[type=submit] {
    display: inline-block;
    padding: 4px;
    margin-right: 10px;
    border: 1px solid #f6871f;
    background: #EEEEEE;
    text-transform: capitalize;
    width: 100px;
    text-align: center;
    color: #f6871f;
    font-size: 12px;
    font-family: Arial,sans-serif;
}
.recruitment input[type=submit] {
    height: 25px;
}
.nav a:hover, a.linkbutton:hover, .recruitment input[type=submit]:hover {
    color: #FFFFFF;
    background: #f6871f;
    text-decoration: none;
    cursor: pointer;
}
.nav a.nolink, .nav a.nolink:hover {
    border: 1px solid #CCCCCC;
    color: #CCCCCC;
    background: #FFFFFF;
}
.nav:first-child {
    margin: 0px 0px 10px 0px;
}
.smallprint {
    font-size: 11px;
    line-height: 1.2;
}
.smallprint p {
    margin: 5px 0px;
}

#rules td {
    vertical-align: top;
    line-height: 1.3em;
}
#rules p:first-child {
    margin-top: 0;
}

/*MEMBERS HOMEPAGE*/
#sma-home-info {
    background:#cccccc; 
    font-size:20px; 
    color:#000000; 
    padding: 20px 20px 20px 20px;
    margin-top: 30px;
    text-align: center;
    font-weight: bold;
}
#sma-home-panels {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: 40px;
    margin-top: 10px;
    margin: 10px -10px;
}
.home-panel {
    padding: 40px 20px;
    /*text-align: center;*/
    flex: 0 0 calc(25% - 20px);
    margin: 10px;
    text-align: center;
    box-sizing: border-box;
}
.home-panel:nth-child(1){
    background: rgb(245, 135, 31);
}
.home-panel:nth-child(2){
    background: rgb(2, 159, 184);
}
.home-panel:nth-child(3){
    background: rgb(57, 187, 156);
}
.home-panel:nth-child(4){
    background: rgb(196, 15, 57);
}
.home-panel:nth-child(1):hover{
    background: rgba(245, 135, 31, 0.9);
}
.home-panel:nth-child(2):hover{
    background: rgba(2, 159, 184, 0.9);
}
.home-panel:nth-child(3):hover{
    background: rgba(57, 187, 156, 0.9);
}
.home-panel:nth-child(4):hover{
    background: rgba(196, 15, 57, 0.9);
}
.home-panel a {
    text-decoration: none; 
}
.home-panel a span {
    text-decoration: none; 
    color: #ffffff; 
    display: block;
}
.home-panel a span:first-child {
    font-size: 22px; 
    font-weight: bold;
}
.home-panel a span:last-child {
    margin-top: 15px;
    font-size: 14px; 
    font-weight: normal;
}

.sma-home-summary-group {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: 40px;
}
.sma-home-summary, .sma-home-summary.col2:first-child {
    /*min-height: 330px;*/
    box-sizing: border-box;
    flex: 0 0 calc(50% - 20px);
    /*width: calc(50% - 20px);*/
    margin-right: 20px;
    background: #472480;
    padding: 0 10px 0 23px;
}
.sma-home-summary:nth-child(2) {
    margin: 0 0 0 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #029fb8;
    padding: 20px 0;
    position: relative;
}
.sma-home-summary a, .sma-home-summary h2, .sma-home-summary h3, .sma-home-summary p {
    color: #FFF;
}
.sma-home-summary h2 {
    border-bottom: none;
    margin-bottom: 30px;
    font-size: 35px;
    line-height: 50px;
    font-weight: bold;
}
.sma-home-summary p {
    font-size: 15px;
}
.sma-home-summary .datePublished {
    font-size: 13px;
}

.sma-home-summary .center-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}
.sma-home-summary .center-center p {
    color: #ffffff;
    font-weight: bold;
}

/*MEMBERS NEWS*/
.newsArticle {
    border-bottom: solid 1px #00b0d3;
    margin: 20px 0;
    padding-bottom: 20px;
}
.newsArticle a h3 {
    color: #f5871f;
}
.datePublished {
    margin: 0 0 20px 0;
}
.readMore {
    background: url("/v3/images/read_more.png") no-repeat top left;
    padding-left: 25px;
    padding-left: 2.5rem;
    color: #14a0ba;
    text-decoration: none;
    margin: 20px 0 0 0;
}
.readMore a {
    color: #00b0d3;
    text-transform: uppercase;
}

/*MEMBER DOWNLOADS*/
ul#dlList {
    list-style-type: none;
}

/*MESSAGES*/
.message, #notice {
    padding: 4px;
    color: #1c6b00;
    border: 1px solid #1c6b00;
    border-top: none;
    background: #BCED91;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -15%;
    text-align: center;
    width: 30%;
    border-radius: 0 0 3px 3px;
}
#error {
    color: #ba0707;
    border-color: #ba0707;
    background: #ffb3b3;
}
#bookings #error {
    padding: 5px;
}
.notice {
	color						: #1c6b00;
	padding						: 5px;
	border						: 1px solid #1c6b00;
	background					: #8fe089;
	float						: none;
}
.label {
    width: 165px;
}
#login {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}
#login form {
    margin: 0 auto;
    width: 380px;
}
#login form input[type=text], #login form input[type=password]{
    width: 100%;
}
.sub_content {
    box-sizing: border-box;
    padding: 14px;
}

/*ERRORS*/
.errorClass {
    width: 222px;
}
.errorClass span {
    float: right;
    margin: 0px;
    padding: 2px 5px;
    font-size: 0.8em;
    border: 1px solid red;
    background: pink;
    width: 210px;
    text-align: left;
}
h3 .errorClass span {
    padding: 2px 5px 3px;
    color: #B22222;
    font-family: Arial,sans-serif;
    border-radius: 5px;
    border: none;
}

/*BUTTONS*/
.button {
    text-decoration: none;
    border: 1px solid #66DD66;
    background: #CCEECC;
    margin-left: 10px;
    padding: 5px;
    margin-top: 2px;
    float:right;
}
.button:hover {
    text-decoration: none;
    border: 1px solid #66CC66;
    background: #CCFFCC;
}
.button img {
    vertical-align: text-top;
    border: none;
}

/*SUPER/SUBSCRIPT*/
.superscript {
    font-size:xx-small;
    vertical-align:top;
}
.subscript {
    font-size:xx-small;
    vertical-align:bottom;
}

/*TABLE STYLE*/
th {
    border-bottom: 1px solid #CCCCCC;
}
.tableStyle tr:hover>td{
    background: #E5F5FB;
}
.tableStyle tr.nostyle:hover>td{
    background: none;
}
#alt_table th {
    color: #FFFFFF;
    text-align: center;
}
#alt_table td {
    text-align: center;
}

.divTh {
    width: 165px;
    display: inline-block;
    padding: 5px;
    vertical-align: top;
}
.divTd {
    width: 80%;
    display: inline-block;
}

/*MEMBER LIST STYLE*/
#member_list_heading .member_list_id {
    border-bottom: 1px solid #DDDDDD;
    font-weight: bold;
}
#member_list_heading .member_list_name {
    border-bottom: 1px solid #DDDDDD;
    font-weight: bold;
}
.member_list_id {
    width: 15%;
    float: left;
}
.member_list_name {
    width: 85%;
    float: left;
}
ul.member_list {
    list-style-type: none;
    padding: 0px;
    margin: 3px 0px;
}
ul.member_list li div {
    padding: 2px 0px;
}
.any {    
    color: transparent;
    font-family: monospace;
    font-size: xx-small;
    margin-left: -5px;
}

/*CHARTS*/
#chart {
    float: left;
    width: 450px;
    height: 300px;
}

.chart_title {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0.4em;
    padding-top: 10px;
}

/*RECRUITMENT*/
#eo ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#eo ul li {
    margin-bottom: 10px;
}
#eo ul ul {
    padding-left: 10px;
}
#eo ul ul li {
    margin-bottom: 0px;
}
#eo h3 {
    margin-bottom: 0px;
    background: #3fb498;
    color: #FFFFFF;
    padding: 2px;
}
#eo h3 .errorClass span {
    border-radius: 0;
    width: 250px;
    font-size: 14px;
    line-height: 21px;
}

/*PRESENTATIONS*/
#presentations {
    border-collapse: collapse;
}
#presentations img {
    width: 180px;
    border: 1px solid #CCCCCC;
}
#presentations td {
    padding: 5px 10px;
}
#presentations tr:nth-child(odd)>td {
    /*background: #EEEEEE;*/
}


/*FOOTER*/
#footer {
/*    background: #260132;*/
    text-align: center;
    color: #FFFFFF;
    font-size: 13px;
    margin-top: 20px;
}
#footer a {
    color: #FFFFFF;
}
#footer .wrapper {
    background: url(../img/footer.png) 12px 0 no-repeat #260132;
    min-height: 100px;
    padding: 30px 0;
}
#footer ul {
    margin: 0px;
    list-style: none;
    padding: 10px 0;
}
#footer ul li {
    display: inline;
    padding: 0px 6px;
}
#jandl {
    font-size: 10px;
    margin-top: 30px;
}

/*SEARCH*/
#searchResults h1 {
    font-size: 22px;
    color: #000000;
    padding: 10px 0px 0px 0px;
}
#searchResults h2 {
    font-size: 18px;
    padding: 10px 0px 0px 0px;
    margin: 0px;
}
#tabContent {
    border: 1px solid #CCCCCC;
    border-top: 4px solid #f6871f;
    padding: 10px;
}
ul#tabs {
    padding: 0px;
    margin: 0px;
    /*height: 20px;*/
}
ul#tabs li {
    display: inline;
    background: #FFFFFF;
    margin-right: 2px;
}
ul#tabs li a {
    line-height: 28px;
    border: 1px solid #CCCCCC;
    border-bottom: 0px;
    display: inline-block;
    padding: 0 5px;
}
ul#tabs li#currentTab, ul#tabs li#currentTab:hover, ul#tabs li#currentTab>a, ul#tabs li#currentTab:hover>a {
    background: #f6871f;
    color: #FFFFFF;
    text-decoration: none;
    border-color: #f6871f;
}
ul#tabs li:hover, ul#tabs li:hover>a {
    background: #ccffff;
    color: #000000;
    text-decoration: none;
}
.selectedPage {
    color: #009dc5;
}

/*SEARCH*/
#social input[type=submit] {
    border: none;
    background: url('../img/search.png') no-repeat center top;
    width: 30px;
    height: 26px;
}
input[type="text"].unfocus {
    color: #aaaaaa;
}

/*buttons*/
input[type=submit], input[type=button] {
    font-family: 'hindlight';
    color: #ffffff;
    font-size: 20px;
    background: #f6871f;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    border: none;
}

input[type=submit]:hover, input[type=button]:hover {
    background: #260132;
    text-decoration: none;
    cursor: pointer;
}

/*PRESS CENTRE*/
#newsFilter {
    float: right;
}
#newsFilter div {
    display: inline-block;
}

/*QUESTIONNAIRE*/
ul.q_list li, ol.q_list li {
    padding: 5px 0;
}
ol.q_list li {
    list-style: none;
}

/*FRAUD PRIFILE*/
#fraud_profile {
}
#fp_stat {
    font-size: 1.2em;
    margin: 25px 0 25px;
    text-align: center;
}
#fp_options {
    text-align: center;
    margin: 15px 0;
}
#fp_options label {
    margin: 0 10px;
}
#fp_desc {
    text-align: center;
    font-style: italic;
    font-size: 1em;
    margin: 15px 0 35px;
}
#fp_continue {
    text-align: center;
}
#fp_result .fp_intro {
    text-align: center;
}

/*LOADING SCREEN*/
#bgshade {
    background: #000000;
    opacity:0.5;
    width:100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 1000;
}
#bgshade span {
    top: 50%;
    left: 50%;
    margin-top: -64px;
    margin-left: -64px;
    position: fixed;
    width: 128px;
    height: 128px;
    display: block;
    background: url(../img/loading.gif) no-repeat center center;
    z-index: 1001;
}

/*ROWS AND COLUMNS*/
.row_col2 {
    width: calc(100% / 2 - 20px);
    display: inline-block;
    vertical-align: top;
}
.row_col2:first-child {
    padding-right: 20px;
}
.row_col4 {
    width: calc(100% / 4 - 20px);
    display: inline-block;
    vertical-align: top;
    padding-right: 17px;
}

/*RESPONSIVE FORM*/
.formStyle .division {
    margin: 50px 0;
    position: relative;
}
.formStyle .division.splitter {
    border-top: 1px dashed #000;
    border-bottom: 1px dashed #000;
    padding: 20px;
    font-size: 24px;
    text-align: center;
    color: #f6871f;
}
.qnum {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background: #16a1ba;
    color: #FFF;
    font-size: 35px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.formStyle .qanda {
    box-sizing: border-box;
    padding: 0 80px;
    position: relative;
    top: 0px;
}
.formStyle .question {
    font-weight: bold;
    font-size: 20px;
    margin: 7px 0;
    display: block;
}
.formStyle .answers {
    padding: 5px 0px;
    font-size: 20px;
}
.formStyle label.radio, .formStyle input[type=text], .formStyle textarea, .formStyle div.radio {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    color: #564b4f;
    padding: 5px 0;
}
.formStyle input[type=text] {
    width: calc(100% - 200px);
}
.formStyle div.radio {
    width: 50px;
    text-align: center;
}
.formStyle div.radio input[type=radio] {
    margin: 0;
    vertical-align: middle;
}
.formStyle label.radio {
    width: calc(100% - 50px);
}
.formStyle textarea {
    height: 100px;
    width: 100%;
    padding: 10px;
    font-size: 20px;
}
.formStyle .errorClass {
    display: block;
    width: auto;
}
.formStyle .errorClass span {
    display: block;
    float: none;
    margin: 3px 0;
    width: auto;
    border: none;
    color: red;
    background: none;
}

/*COLUMNS AND TABLES*/
.row {
    width: 100%;
    clear: both;
}
.profile {
    margin: 25px 0;
    height: 200px;
}
.profile .col2 img, .profile .col2 p {
    display: inline-block;
}
.profile .col2 img {
    margin-right: 15px;
}
.profile .col2 p {
    width: calc(100% - 190px);
    vertical-align: top;
}
.cell_right div p:nth-child(n+2) {
    text-align: right;
}
/*.table {
    border-right: solid 1px #000;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
}
.table:first-child {
    border-left: solid 1px #000;
}
.table:last-child {
    border-right: solid 1px #000;
}
.table p {
    padding: 5px;
    margin: 0;
    border-bottom: solid 1px #000;
}
.table p:first-child {
    font-weight: bold;
}
.table p:last-child {
    border: none;
}*/
.col2, .col270, .col230, .col4, .col7, .col9, .col230l, .col280r, .col220l {
    float: left;
    vertical-align: top;
    box-sizing: border-box;
}
.col2 {
    width: calc(100% / 2 - 20px);
}
.col2:first-child {
    margin-right: 40px;
}
.col270 {
    width: calc(84% - 40px);
    margin-right: 36px;
}
.col230 {
    width: 16%;
}
.col220l {
    width: calc(20% - 25px);
    margin-right: 25px
}
.col280r {
    width: 80%;
}
.col230 img, .col220l img {
    width: 100%;
}
.col4 {
    width: 25%;
}
.col7 {
    width: 14.28%;
}
.col9 {
    width: 11.11%;
}

#mainLogo{
    margin-bottom:50px;
}

@media only screen and ( max-width: 1024px ) {
    .home-panel {
        flex: 0 0 calc(50% - 20px);
    }
}

@media only screen and ( max-width: 850px ) { 
    .profile {
        height: auto;
        margin: 50px 0;
    }
    .profile .col2 {
        margin: 50px 0;
    }
    .profile .col2 img, .profile .col2 p {
        display: block;
        text-align: center;
    }
    .profile .col2 img {
        margin: 0 auto;
        margin-bottom: 25px; 
    }
    .profile .col2 p {
        width: 100%;
    }
/*    .table, .table:last-child, .table:first-child, .table p {
        border: none;
    }
    .table, .table:first-child {
        border-bottom: solid 1px #000;
    }*/
    .col2, .col270, .col230, .col4, .col7, .col9, .col220l, .col280r{ 
        float: none;
        display: block;
        width: 100%;
    }
    .col220l {
        margin: 25px 0 10px;
    }
    .col280r {
        margin-bottom: 10px;
    }
    .col230, .col7, .col9, .col220l, .col280r {
        text-align: center;
    }
    .col230 img, .col220l img {
        width: 50%;
    }
    .col9 {
        padding: 10px 0;
    }
/*    .table {
        width: 50%;
        margin: 0 auto;
    }*/
    .cell_right div p:nth-child(n+2) {
        text-align: center;
    }
    
    .sma-home-summary, .sma-home-summary.col2:first-child {
        flex: 0 0 100%;
    }
    .sma-home-summary:nth-child(2) {
        margin: 20px 0 0 0;
    }
}

@media only screen and ( max-width: 700px ) {
    .home-panel {
        padding: 10px 0;
        flex: 0 0 calc(100% - 20px);
    }
}