/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/

/* Old blue colour * 1eaedb */


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

@media (min-width:500px) {
  .one-third.column {
    width: 46%;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 1rem 2%;
  }
  .contactCon .one-third.column {
    width: 96%;
  }
}
/* For devices larger than 550px */
@media (min-width: 750px) {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 2%; }
  .column:first-child,
  .columns:first-child {
    /*margin-left: 0;*/ }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 31%;
    margin: 1rem 1%;}
  .two-thirds.column              { width: 63.3333333333%; }
   .one-quarter.column             { width: 23%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

  .contactCon .one-third.column {
    width: 31%;
  }
}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }

html, body {
  height:100%;
}

@font-face {
  font-family: PTSans;
  font-weight:normal;
  src: url('fonts/PTSans.ttf'); /* IE9 Compat Modes */
  src: url('fonts/PTSans.ttf?#iefix') format('opentype'), /* IE6-IE8 */
       url('fonts/PTSans.ttf') format('opentype'), /* Super Modern Browsers */
       url('fonts/PTSans.ttf') format('opentype'), /* Pretty Modern Browsers */
       url('fonts/PTSans.ttf')  format('opentype'), /* Safari, Android, iOS */
}

@font-face {
  font-family: PTSansBold;
  font-weight:normal;
  src: url('fonts/PTSansBold.ttf'); /* IE9 Compat Modes */
  src: url('fonts/PTSansBold.ttf?#iefix') format('opentype'), /* IE6-IE8 */
       url('fonts/PTSansBold.ttf') format('opentype'), /* Super Modern Browsers */
       url('fonts/PTSansBold.ttf') format('opentype'), /* Pretty Modern Browsers */
       url('fonts/PTSansBold.ttf')  format('opentype'), /* Safari, Android, iOS */
}

@font-face {
  font-family: PTSerif;
  font-weight:normal;
  src: url('fonts/PTSerif.ttf'); /* IE9 Compat Modes */
  src: url('fonts/PTSerif.ttf?#iefix') format('opentype'), /* IE6-IE8 */
       url('fonts/PTSerif.ttf') format('opentype'), /* Super Modern Browsers */
       url('fonts/PTSerif.ttf') format('opentype'), /* Pretty Modern Browsers */
       url('fonts/PTSerif.ttf')  format('opentype'), /* Safari, Android, iOS */
}

body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "PTSans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #3a3a3a; }

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; 
font-family:'PTSerif'; text-transform:none;}
h1 { font-size: 3.3rem; line-height: 1.2;  }
h2 { font-size: 3.1rem; line-height: 1.25; }
h3 { font-size: 2.8rem; line-height: 1.3;  }
h4 { font-size: 2.1rem; line-height: 1.35; }
h5 { font-size: 1.6rem; line-height: 1.5;  }
h6 { font-size: 1.4rem; line-height: 1.6;  }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 3.6rem; }
  h2 { font-size: 3.2rem; }
  h3 { font-size: 3rem; }
  h4 { font-size: 2.5rem; }
  h5 { font-size: 1.9rem; }
  h6 { font-size: 1.6rem; }
}

h3 {
  margin-top: 2rem;
}

h3:first-child {
  margin-top: 0;
}

p, li {
  margin-top: 0; 
font-size:1.4rem;}


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #0d4c44; text-decoration:underline;}
a:hover {
  color: #1a9283; }
a:visited {
  color: #0d4c44;
}

a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

a[href^=tel] {
text-decoration:inherit;
color: inherit;
}

ul li {
  list-style-type:none;
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"], .btn {
  display: inline-block;
    padding: 0 30px;
    color: #0d4c44;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 1px solid #0d4c44;
    cursor: pointer;
  }

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: white;
  outline: 0; 
  background-color:#0d4c44;}
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #0d4c44;
  border-color: #0d4c44; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #0d4c44;
  border-color: #0d4c44; }

input {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
 
input:focus {
  box-shadow: 0 0 5px rgba(29, 194, 126, 1), inset 0 0 5px rgba(29, 194, 126, 1);
  outline: none;
}


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  margin:0 1rem;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #0d4c44;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
}
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }



/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  /*padding: 12px 15px;*/
  text-align: left;}
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }

table {
  width:100%;
}
table td p {
  padding-bottom: 0;
  margin-bottom: 0;
}
/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
      /*margin-bottom: 1rem;*/
    min-width: 20rem;
    /* width: 20rem !important; */
    max-width: 100%; margin-right:1rem;}
input,
textarea,
select,
fieldset { }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  /*margin-bottom: 2.5rem;*/ }

@media (min-width:750px) {
 button {
  max-width:50rem;
 }
}

.strong {
  font-family:'PTSansBold';
}

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Starting of Creative Animal Coding */

.topBar {
  background:transparent;
  display:block;
  width:100%;
  position: absolute;
  z-index: 10;
  padding-top: 3rem;
}

.nav {
  padding:0.5rem 0 0.5rem 0;
  display:inline-flex;
  width:100%;
  justify-content:space-around;
}

.navReg {
  padding:0.5rem 0 0.5rem 0;
  display:inline-flex;
  width:100%;
  justify-content:flex-start;
  position:fixed;
  z-index:10000;
  padding-left:4rem;
  background-color:white;
  align-items:flex-start;
  height:15rem;
      align-items: flex-start;
}

@media(min-width:500px) {
  .navReg {
    height:auto;
  }
}

.navReg #logo {
  width:100px;
  height:100px;
  background-image: url("../images/companiesLogoSmall.png");
  margin: 0;
}

.nav ul {
  margin:0;
}

.navReg ul {
  margin:0;
  z-index:10000;
  align-items:flex-end;
  display:flex;
}

.nav ul li, .navReg ul li {
  list-style-type:none;
  display:inline-flex;
  padding: 0 0 0 1.8rem;
}

.nav ul li a, .navReg ul li a {
  text-decoration:none;
  color:white;
  font-size:1.2rem;
  text-transform:uppercase;
  font-family:'PTSans';
}

.navReg ul li a {
  color:#3a3a3a;
}

@media (min-width: 1200px) {
    .nav ul li a, .navReg ul li a {
      font-size:1.3rem;
      letter-spacing: .1rem;
    }
    .nav ul li, .navReg ul li {
      padding: 0 0 0 2rem;
    }
}

.nav ul ul, .navReg ul ul {
    z-index: 100;
    background-color: #232323;
    margin-left: -2rem;
    padding: 0;
    position: absolute;
    margin-top: 4.1rem;
    opacity: 0; 
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
    border-top: 0.5rem solid #101010;
}

.nav ul li:hover ul, .navReg ul li:hover ul {
  opacity: 1;
}

.nav li li, .navReg li li {
  display:block;
  padding-left:0;
}

.nav ul ul li a, .navReg ul ul li a {
    color:#c3c3c3;
    text-transform: capitalize;
    font-weight:normal;
    font-family:'PTSans';
}

.nav ul ul li, .navReg ul ul li {
    padding: 0.5em 2rem 0.5rem 2rem;
    border-bottom: 1px solid #2d2d2d; 
}

.nav ul ul li:hover, .navReg ul ul li:hover  {
    background-color:#ececec; 
}

.nav ul ul li:hover a, .navReg ul ul li:hover a  {
    color:#101010; 
}

.nav ul ul li:last-child, .navReg ul ul li:last-child {
    padding: 0.5em 2rem 0.5rem 2rem;
    border-bottom: 0;  
}

.parallax {
    background-image: url("../images/parallax1.jpg");
    min-height: 400px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#mainBanner{
  position:relative;
}

#mainBanner.registry {
  height:375px;
}

#mainBanner.registryFile {
  height:300px;
}

.formsBanner {
    background-image: url(../images/formsBanner2.jpg);
}

.newsBanner {
    background-image: url(../images/contactBanner.jpg);
}

.circularsBanner {
    background-image: url(../images/circularsBanner.jpg);
}

.linksBanner{
    background-image: url(../images/linksBanner.jpg);
}

.registryBanner {
    background-image: url(../images/eregistryBanner.jpg);
}

.contactBanner {
    background-image: url(../images/newsBanner3.jpg);
}

.teamBanner {
    background-image: url(../images/teamBanner.jpg);
}

/* Start Test page */
.testBanner {
    background-image: url(../images/newsBanner3.jpg);
}
/* End Test page */

.homeBanner {  
    height:400px;
    background-image: url(../images/companiesBanner.jpg);
    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    top: 0;
    left: 0;
   /*height: 100vh;*/
    overflow: hidden;
    position: fixed;
}

@media (min-width: 550px) {
  .homeBanner {
    height:850px;

  }
}


.innerBanner {
    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    top: 0;
    left: 0;
    height: 300px;
    overflow: hidden;
    position: fixed;
}

@media (min-width: 750px) {
  .innerBanner {
    height: 500px;
    background-size:inherit;
  }
}

#siteContainer {
    background-color: #ffffff;
    z-index: 11;
    position: relative;
    top: 0;
    margin-top: 500px;
    float: left;
    width: 100%;
}

#homeContainer {
    background-color: #ffffff;
    z-index: 11;
    position: relative;
    top: 0;
    /*margin-top: 100vh;*/
    float: left;
    width: 100%;
}

.intro {
  padding: 8rem 0 8rem 0;
  text-align:center;
}

.sectionBox {
  position:relative;
}

.sectionBox, .linksBox, .staffBox {
  margin-bottom: 2rem;
  padding:2rem;
}

.sectionBox, .staffBox {
      border: 1px solid #e8e7e7;
}

.linksBox div {
  padding: 2rem;
}

.sectionInfo {
  padding: 2rem 1rem;
}

.linksBox div {
  border: 1px solid #e8e7e7;
}
.sectionBox:hover, .staffBox:hover {
 /* border:1px solid #ffffff;*/
 cursor:pointer;
}

.sectionBox:hover img, .staffBox:hover img {
  -webkit-filter: grayscale(0%);
  -webkit-transition: .1s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .1s ease-in-out;
  -o-filter: grayscale(0%);
  -o-transition: .1s ease-in-out;
  filter: grayscale(0%);
}

.sectionBox img, .staffBox img {
  width:100%;
  -webkit-filter: grayscale(100%);
  -webkit-transition: .1s ease-in-out;
  -moz-filter: grayscale(100%);
  -moz-transition: .1s ease-in-out;
  -o-filter: grayscale(100%);
  -o-transition: .1s ease-in-out;
  filter: grayscale(100%);
}



.sectionBox p, .sectionBox h5, .staffBox p, .staffBox h5 {
  text-align:center;
}

.sectionBox h5, .staffBox h5 {
  text-align:center;
  /*margin:2rem 0 1rem 0;*/
}

.staffBox h5 {
      margin: 1rem 0 1rem 0;
}

.linksBox {
  margin-bottom:0;
  padding:1rem;
}

.linksBox  h5 {
  margin-bottom:0;
}

.linksBox ul {
  margin-top:3rem;
}

.linksBox ul li {
  list-style-type:none;
  font-size:1.3rem;
}

.featureHeader {
  text-align:center;
  text-transform:capitalize;
}

.section {
  padding:5rem 0 5rem 0;
}

.footer {
  background-color:#5f5e5e;
  padding:6rem 2rem 3rem 2rem;
  font-size:1.3rem;
}


.footer p, .footer li {
  text-align:center;
  color:white;
  margin:0;
  font-size:1.3rem;
}

@media (min-width: 750px) {
  .footer p, .footer li {
      text-align:left;
  }
}

.copyright p {
 font-size:1.2rem;
 text-align:center;
 color:#b5b5b5
}

.copyright a {
  text-decoration:none;
}

.copyright .ca {
  margin-top:1rem;
}

#logo {
  display:inline-block;
  width:178px;
  background:url(../images/companiesLogoMob.png) 0 no-repeat;
  height:178px;
  margin:0 auto;
}

@media (min-width:750px) {
  #logo {
  margin:0;
  background:url(../images/companiesLogo.png) 0 no-repeat;
   width:200px;
   height:200px;
  }
}

/* Contact Area */ 

#contactForm {
  margin:0 auto;
  width:90%;
}

@media (min-width:750px) {
  #contactForm {
  
  margin-left: 1rem;
}
}

#contactForm td {
  padding:1rem;
}

#contactForm .contactTable tr {
   display:flex;
  flex-direction:column;
}

@media (min-width: 750px) {
  #contactForm .contactTable tr {
    flex-direction:row;
  }

  #contactForm .contactTable td:first-child {
    width:10rem;
  }

  #contactForm .contactTable td:nth-of-type(2) {
    flex-grow:1;
  }
}



#contact {
    margin-right:6rem;
}

#contactform table {
  width:100%;
}

#contactform table td input, #contactform table td textarea, #contactform table td label {
  width:100%;
}

#contactform table {
  border-collapse:collapse;
}

#contactform #send {
  margin-top:2rem;
}

.contactBox {
  text-align:center;
}

@media (min-width: 750px) {
  .contactBox {
    text-align:left;
  }
}

.contactBox h5 {
margin-bottom:0.5rem;
margin-top:2rem;
}

.contactBox h5:first-child {
margin-top:0.5rem;
}



/*Google Maps*/
.map {
  overflow: auto;
  margin: 0 auto;
  text-align: center;
  position: relative;
  padding: 0 0 25px 0;
  height: 525px;
  }
  
#map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 550px !important;
}

.btn {
  display: block;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-weight: normal;
    margin: 0 auto;
    font-size: 1.1rem;
    padding: 0 1rem;
   letter-spacing:1px;
    bottom: 0px;
    cursor:pointer;
    font-family:'PTSans';
    text-transform:uppercase;
    text-decoration:none;
}

.sectionBox:hover .btn {
  color:#ffffff;
  background-color: #0d4c44;
}


.firstPar {
  font-size:1.6rem;
  margin-bottom:4rem;
}

/* Footer Stylings */

.footerList {
  padding:1rem 0;
  text-align: center;
}

@media (min-width:500px) {
  .footerList {
      padding: 2rem 0;
      text-align: center;
  }
}

@media (min-width: 750px) {
  .footerList {
      padding:3rem 0 3rem 3rem;
      text-align:left;
  }
}

.footerList ul {
  list-style-type:none;
  color:white;
}

.footerList li a {
  text-decoration:none;
  color:white;
}

.footerList li a:hover {
  color:#1a9283;
}

.footerList h5 {
  text-align:center;
  color:white;
  text-transform: none;
   font-size: 1.5rem;
}

@media (min-width: 750px) {
  .footerList h5 {
      text-align:left;
  }
}

.footer a {
  color:white;
}

/* Banner Text Stylings */

.bannerText {
    position: absolute;
    top:55rem;
    text-align: center;
    height: auto;
    margin: 0 auto;
    width: 96%;
    z-index: 0;
    padding:2%;
    padding-bottom:3rem;
    display:none;
  }

  .bannerTextMob {
    position: relative;
    text-align: center;
    height: auto;
    margin: 0 auto;
    width: 80%;
    z-index: 0;
    padding: 5rem 10% 3rem;
    background-color: #f7f7f7;
    margin-bottom: 3rem;
  }

  .bannerTextMob p {
    font-size:1.2rem;
  }

@media (min-width: 550px) {
    .bannerTextMob {
    display:none;
  }
  .bannerText {
    display:block;
  }
}

  /* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {
  .bannerText {
    top: 55rem;
  }
}

  .bannerText h1 {
    font-family: 'PTSerif';
    color: white;
    font-size: 3rem;
   /* background-color: rgba(6, 96,158, 0.75);*/
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding: 1rem 0;
    text-transform: none;
    font-weight:100;
  }

 .bannerText h1 {
padding-bottom:3rem;
 }

  .bannerText p {
color:white;
font-size:1.2rem;
padding:0 4rem 0 4rem;
  }

  /* Larger than desktop */
@media (min-width: 1200px) {
  .bannerText p {
    font-size:1.4rem;
    padding:0 20rem 0 20rem;
      }
}

  .bannerText ul {
    list-style-type:none;
    padding-bottom:1rem;
  }

  .bannerText ul li {
    font-size:1.6rem;
    color:white;
  }

  @media (min-width: 1200px) {
   .bannerText ul li {
    font-size:1.8rem;
  }
}

  .homeSections {
    padding:5rem 3rem;
  }

  @media (min-width: 500px) {
   .homeTabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .homeSections {
    padding:5rem 0;
  }
}







/* Table Stylings */

.companiesTable, .registryTable {
  width: 100%;
}

.registryTable .headers td:first-child, .registryTable .entry td:first-child {
  width:auto;
}

.companiesTable .headers, .companiesTable .entry {
    display: flex;
    flex-direction: row;
}

.companiesTable .headers td:first-child, .companiesTable .entry td:first-child {
  padding:0 1rem;
  min-width:8rem;
}

.companiesTable a {
  text-decoration:none;
}


.headers td:nth-child(2), .entry td:nth-child(2) {
  flex-grow:1;
}

.headers p {
  font-family:'PTSansBold';
}

.entry, .headers {
  padding:1rem;
}

.entry div p {
    margin:0;
}

.entry:nth-child(even) {
background-color:#f7f7f7;
}

.registryTable tr:nth-child(even) {
  background-color:#f7f7f7;
}


.staffPage {
 padding-left:3rem;
}

.staffPage h1 {
  margin-bottom:0.5rem;
}


/* Salvator styles */

#grid[data-columns]::before {
        content: '3 .listItem.size-1of3';
      }

      /* Again, you’re free to use and define the classes: */
      .listItem { float: left; }
      .size-1of1 { width: 100%; }
      .size-1of2 { width: 50%; }
      .size-1of3 { width: 33.333%; }

       #grid .listItem {
          position: relative;
          padding-top: 5px;
      }

      .item {
          position: relative;
     }

      @media screen and (max-width: 480px){
        #grid[data-columns]::before {
          content: '1 .listItem.size-1of1';
        }
      }

      @media screen and (min-width: 481px) and (max-width: 768px) {
        #grid[data-columns]::before {
          content: '2 .listItem.size-1of2';
        }
      }
      @media screen and (min-width: 769px) {
        #grid[data-columns]::before {
          content: '3 .listItem.size-1of3';
        }
      }


.facebook, .twitter {
  width:30px;
  height:30px;
  display:inline-block;
  margin-right:0.5rem;

}

.footer .facebook, .footer .twitter {
  width:40px;
  height:40px;
  display: inline-block;
}

@media (min-width:750px) {
  .footer .container {
    display: flex;
    justify-content: center;
  }

  .footerList {
    width: auto!important;
    min-width: 16rem;
  }
}


.facebook {
background:url(../images/fbIcon.png) 0 no-repeat;
}

.twitter {
background:url(../images/twitterIcon.png) 0 no-repeat;
}

.footer .facebook {
 background:url(../images/fbFooter.png) 0 no-repeat;
}

.footer .twitter {
 background:url(../images/twitterFooter.png) 0 no-repeat;
}

.contactCon {
    float: left;
    width: 100%;
    border: 1px solid #e8e7e7;
    padding: 4rem 0 2rem 0;
}

.breadcrumb li {
  display:inline-flex;
}

.breadcrumb li:after { 
    content: " >";
    white-space: pre;
}

.loginBox, .registryBox {
  background-color:#f7f7f7;
  padding:3rem 4rem 2rem 4rem;
  width:auto !important;
  margin:4rem 0;
}

.registryBoxCondensed {
  background-color:#f7f7f7;
  padding:1rem 4rem 1rem 4rem;
  width:auto !important;
  margin:1rem 0;
}

@media(min-width:500px) {
  .loginBox, .registryBox {
    width:30rem !important;
  }
}


.registryBox {
  width:auto !important;
  position:relative;
}

.loginBox h3, .registryBox h3 {
  text-align:center;
}

.loginBox input{
  width:100%;
  height:4rem;
  margin-bottom:1rem;
}

.loginBox label, .registryBox label {
  font-size:1.5rem;
  font-weight:normal;
}

.loginBox button {
  width:100%;
}

.loginBox button:first-of-type {
 margin-top:1rem;
}



.altLogin {
  text-align: center;
    width: 100%;
    font-size: 1.4rem;
    color: #0d4c44;
    display: block;
    cursor:pointer;
}
.loginBox .altLogin {
  margin-top:1rem;
}
.noBtn, input.noBtn {
  border:0;
  min-width:20rem;
}

.noBtn:hover, input.noBtn:hover {
  background:transparent;
  color:#0d4c44;
}


.formBtn {
  margin-top:2rem;
}

.registryTable {
  /*background-color:#f7f7f7;*/
  margin:3rem 0;
}

.registryTable td, .registryBox td {
      padding: 0.5rem;
    /*vertical-align: bottom*/
}

.registryBox td:first-child{
  padding:0.5rem;
 /* min-width:15rem;*/
}

.registryTable table {
  width:100%;
}

.registryTable td, .registryTable th {
padding:0.5rem;
}

/*.registryTable tr:nth-child(odd) {
  background-color:#efefef;
}*/

.regHeaders {
  font-weight:bold;
  background-color:#b5dfec;
}

.purchased {
  margin:0;
}

.registryBox.full {
  width:80rem !important;
}

.registryBox select {
  min-width:20rem;
  width:100%;
}

.registryBox input {
  width:100%;
}


.registryBox .selectPart {
  display:inline-flex;
  flex-direction:row;
  width:49%;
}

.buttonCon {
  width: 100%;
        display: inline-flex;
    justify-content: flex-end;
}

.spreadButtons {
  width: 100%;
        display: inline-flex;
    justify-content: space-between;
    margin-top:2rem;
}

.registryBox label input {
  width:auto;
  float: left;
    /* line-height: 1rem; */
    /* height: 2rem; */
    margin-top: 0.5rem;
    margin-right: 0.5rem;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

#accounts {
  /*width:100%;*/
}

#accounts .dropdown {
  min-width:30rem;
}

#accounts .dropdown select {
  width:100%;
}

#accounts .rightBtn {
  float:right;
}

#accounts th:first-child {
  width:28rem;
}


/* eFiling Popup */

/*eFiling Terms & Conditions PopUp */
#overlay {
/* let there be darkness */
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
    filter:alpha(opacity=90);
    -moz-opacity:.9;
    -khtml-opacity:.9;
    opacity:.9;
    z-index:1000000;
    display:none
}

.contentPOP a {
    text-decoration:none
}

.popup {
/* The PopUp */
    position:relative;
    z-index:1000001;
    display:none;
    bottom:30rem;
}

.contentPOP {
  min-width: 600px;
    width: 600px;
    margin: 0 auto;
    background: #f3f3f3;
    padding: 3rem;
}

.contentPOP p {
    clear:both;
    color:#555;
    text-align:justify;
}

.contentPOP p a {
    color:#d91900;
    font-weight:700
}

.contentPOP .x {
    float:left;
    height:35px;
    left:22px;
    position:relative;
    top:-25px;
    width:34px
}

.contentPOP .x:hover {
    cursor:pointer
}

.invisibutton, input.invisibutton {
    height:1px;
    width:1px;
    display:none;
    vertical-align:text-bottom
}

.userBar {
    width: 60rem;
    position: fixed;
    z-index: 100000;
    margin: 0;
    padding: 0;
    top:-60px;
    right:0;
    padding-right:0.5rem;
    display:flex;
    flex-direction:column;
    justify-content: space-between;
    height: 16rem;
}

@media(min-width:500px) {
  .userBar {
    height:115px;
    justify-content:flex-end;
  }
}

.userBar h2 {
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
  padding-right:1rem;
}

.userBar a {
  text-decoration:none;
}

#WebBasketOverTop {
    padding: 1rem 1% 0 1%;
    width: 98%;
    display: flex;
    align-items:flex-end;
    flex-direction:column;
}

#WebBasketOverTop h2 {
    max-width: 25rem;
    text-align: right;
}

@media(min-width:500px) {
  #WebBasketOverTop h2 {
    max-width: 60rem;
}
}

#WebBasketOverTop .basket {
    width:3rem;
}

#WebBasketOverTop .basket img {
    width:100%;
}

@media(min-width:500px) {
  #WebBasketOverTop .basket {
    width:auto;
  }
}

.shelf #WebBasketOverTop {
    width: 100%;
    height:auto;
}

.topBar.registry {
  margin-top: 9rem;
}

.topBar.registryFile {
   margin-top: 4rem;
}

.text_button {
   border: none !important;
   background-color: transparent !important;
   padding: 0 !important;
   text-transform:none !important;
   font-size:16px !important;
   font-weight:normal !important;
   line-height:26px !important;
}

#WebBasketOverBottom {
      width: 100%;
    display: flex;
    justify-content: flex-end;
}

#WebBasketOverBottom ul li {
  float:left;
}

#WebBasketOverBottom input.text_button {
  font-size:1.3rem !important;
}

/* REGISTRY NAV STYLING */

#primary_nav_wrap
{
  margin-top:15px !important;
  list-style:none !important;
  margin-top:-10px !important;
  /*margin-left:460px !important;*/
  font-weight:normal !important;
  /*padding-right:1rem;*/
  
}

#primary_nav_wrap ul
{
  list-style:none !important;
  position:relative !important;
  float:right !important;
  margin:0;
  padding:0 !important;
  font-weight:normal !important;
}

#primary_nav_wrap ul li
{
  position:relative !important;
  float:left !important;
  list-style:none !important;
  padding: 0.5rem 1rem 0.5rem 0;
  margin-top: 3px;
  font-size:1.3rem;
}

@media(min-width:500px) {
  #primary_nav_wrap ul li
    {
      padding: 0.5rem 1.5rem 0.5rem 0;
    }
}
    

#primary_nav_wrap ul li:first-child
{
      margin-top: 0px;
}

#primary_nav_wrap ul li.current-menu-item
{
  background:#1a1042 !important;
  list-style:none !important;
}

#primary_nav_wrap ul ul
{
  display:none !important;
  position:absolute !important;
  top:100% !important;
  left:0 !important;
  background:#efefef !important;
  padding:0 !important;
  list-style:none !important;
  margin-top:-0.2rem;
  margin-left:-1.5rem;
}

#primary_nav_wrap ul ul li
{
  float:none !important;
  width:190px !important;
  list-style:none !important;
}

#primary_nav_wrap ul ul a
{
  line-height:80% !important;
  padding:10px 15px !important;
  list-style:none !important;
}

#primary_nav_wrap ul ul ul
{
  top:0 !important;
  left:100% !important;
  list-style:none !important;
}

#primary_nav_wrap ul li:hover > ul
{
  display:block !important;
  list-style:none !important;
}

#primary_nav_wrap ul li input:hover 
{
  color:#0d4c44;
}

.bookShelf {
  width:100%;
}

h4.bookShelf {
  margin:0.75rem 0 1rem 0;
}

.underline {
  text-decoration:underline;
}

.theButton {
  margin:0 0 2rem 0;
}

.dotted li {
  list-style-type:circle;
  padding:0.2rem 0;
}

.book {
  margin-bottom:1rem;
  float:left;
}

.dateFields {
  width:75%;
}

.dateFields #accounts input {
  width:100% !important;
}

.right {
  float:right;
}

.cancelBtn, input.cancelBtn {
  width:20rem;
}

button.smallBtn, .smallBtn {
  width:15rem;
  max-width:15rem;
  min-width:15rem;
  float:right;
}

.subButton {
  margin-top:2rem;
}

.searchNavs {

}

.searchNavs button {
width:auto;
display:inline-block;
min-width:0.5rem;
padding:0 0.5rem;
}

.searchNavs form {
  display:inline-block;
}

.searchNavs p {
  display:inline-block;
  padding-right:1rem;
}

.registryBox .inputIcon {
  width:auto;
}

.comName {
  color:#0d4c44;
  text-decoration:underline;
  cursor:pointer;
}

.redoBtn {
  display:inline-flex;
}

.abNext {
  position: absolute;
    right: 3rem;
}

.alert {
  color:#d7182f;
  font-weight:bold;
}

.filingCell {
  width:12rem;
}

.stepBlock {
  margin:2rem 0;
}

.reset {
  margin-top:1rem;
}

.removeSpace p {
  margin:0;
}

.removeSpace td {
  padding:0;
}

.icon {
  width:auto !important;
  /*margin-bottom:1rem;*/
}

.terminate {
  border:1px solid #ca1111;
  color:#ca1111;
}

.terminate:hover {
  background-color:#ca1111;
  color:white;
}

.totalCost {
  float:right;
  position:absolute;
  right:0;
  margin:2rem;
  top:0;
  background-color:#d9dcde;
  padding:2rem;
  height:12rem;
  width:12rem;
  text-align:center;
}

.totalCost .price {
  font-size:2.4rem;
  text-align:center;
}

.totalCost p {
  text-align:center;
}

.totalCost table {
  height:100%;
}

.antispam {
  display:none;
}

.contactTable input, .contactTable button {
width:100%;
/*min-width:18rem;*/
}

@media (min-width: 750px) {
  .contactTable input, .contactTable button {
    /*width:28rem;*/
    /*min-width:18rem;*/
    }
}



.contactTable textarea {
 margin:0;
 width:100%;
 height:auto;
}

#ChangesMadeSection td:first-child {
width:20rem;
}

#ChangesMadeSection td:nth-of-type(2) {
min-width:20rem;
}

.introBlurb {
  min-height: 130px;
}

.registryBox table p {
  margin:0;
}

.noMarginH {
  margin-top:0;
  margin-bottom:0;
}

h3.noMarginH {
  margin-bottom:2rem;
}

.reid {
  min-width:11rem;
}

.counterFrame {
  width:16.5rem;
  display:block;
  height:9rem;
}



.flexCell {
  display:inline-flex;
  align-items:center;
}

#notWanted {
  display:none;
}

.sectionLink {
  position: absolute;
    width: calc(100% - 4rem);
    display: block;
    height: calc(100% - 4rem);
    z-index:10;
}

.buttonCell {
  width:23rem;

}
.buttonCell button {
  width:100%;
  margin:0;
  padding:0;
    min-width:100%;
  max-width:100%;
}

ul iframe {
  width:100%;
}

@media (min-width: 550px) {
  ul iframe {
    width:560px;
  }
}

#scans span coscancount {
  color:white;
  text-decoration:none;
}

#scans span {
  color:white;
  text-decoration:none;
}

.staffHolder {
  display: flex;
    flex-wrap: wrap;
}

#accounts button {
 margin-bottom: 1rem;
}

.searchHolder {
    display: flex;
    flex-direction: column;
}

.searchBox tr {
  display:flex;
  flex-direction:column;
}

.searchBox tr td {
  flex:1;
}

@media(min-width:750px) {
  .searchBox tr {
  display:flex;
  flex-direction:row;
}
}

/* scans counter styling */

.counterFrame #scans {
  font-weight: normal;
  font-size:28px;
  color:#fff;
  background-color:#0d4c44;
  letter-spacing:6px;
  margin-top:2px;
  padding:0.5rem 1.25rem 0.5rem 1rem; 
}

.counterFrame #scans p, .counterFrame  #scans, .counterFrame #scans span div, .counterFrame #scans span, .counterFrame #scans span coscancount {
  color:#fff;
  text-decoration:none;
}

#scans {
  font-weight: normal;
  font-size:28px;
  color:#fff;
  background-color:#0d4c44;
  letter-spacing:6px;
  margin-top:2px;
  padding:0.5rem 1.25rem 0.5rem 1rem; 
}

#scans p, #scans, #scans span div, #scans span, #scans span coscancount {
  color:#fff;
  text-decoration:none;
}

.loginButtons {
  display:flex;
  flex-direction:column;
}

@media(min-width:500px) {
  .loginButtons {
  flex-direction:row;
}
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}


/* Warning message */
#Warning { top:0;margin: 0 auto;height:35px;background-color:#f10909 !important;width:100%;margin-left:20px;font-weight:800 !important;}
#Warning center {color:#ffffff;font-size:22px;}

/* Gray Banner */
.Graybanner { top:0;margin: 0 auto;height:35px;background-color:#868686 !important;width:100%;margin-left:20px;font-weight:800 !important;}
.Graybanner center {color:#ffffff;font-size:22px;}
.Graybanner a {color:#ffffff;font-size:22px;text-decoration: underline}