/*.sticky-promo {
    position: fixed;
    z-index: 10000;
    width: 100%;
    bottom: 0;
  }*/

.side-nav li {
  margin-bottom: 0;
  padding: 0.2em 0 0.3em;
}

 .side-nav li a:not(.button) {
      display: block;
      color: #008cba;
      margin: 0;
      padding: 0.4em 1em 0.5em;
       }

.one-of-three p, .one-of-three p.small {
  margin-bottom: 1em;
}

  .news-article____ img {
    margin: 1em 0 1em 0;
  }

  .news-article____ {
    border-bottom: 1px solid #DEDEDE;
  }

  .circle-image {
    margin-bottom: 1em;
  }

  .no-float {
    float:none !important;
  }

  h2.title {
    margin-bottom: 0;
    margin-top: 1em;
  }

.sticky-promo h4 {
  color: white;
  font-size: 14px;
}

.responsive {
  width: 100%;
}

ul.off-canvas-list li.special {
margin-top: 1em;
}


ul.off-canvas-list li.special a {
  border-bottom: 0;
}

ul.off-canvas-list li.special a:hover {
  background: none;
}

img.screen-large {
  width: 166px;
  height:auto;
}

#navigation-primary {
  background: white;
  display: none;
}


#navigation-primary li .special-align {
margin-top: -10px;
}

#navigation-primary ul li {
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
}


#navigation-primary ul li.current-page a {
  color:#D69700;
}


#navigation-primary ul li.special {
    padding: 0.5em 0.7em 0.7em;
    border-radius: 4px;
    margin-top: 0;
} 

#navigation-primary ul li.special a {
  color:#fff;
} 


.tab-bar {
  display: block;
  -webkit-backface-visibility: hidden;
    background: #FFFFFF;
    color: #272727;
    height: 2.8125em;
    line-height: 2.8125em;
    position: relative;
}

.tab-bar .menu-icon span::after {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -0.5em;
    left: 0.90625em;
    box-shadow: 0 0px 0 1px #272727, 0 7px 0 1px #272727, 0 14px 0 1px #272727;
    width: 1em;}



#navigation-primary .inline-list {
    padding-top: 1.5em;
    margin-right: 2em;
    margin-bottom: 0;
  }



.side-nav li.current-page a {
  background: #D69700;
  color: #FFFFFF;
}




/* GREEN #029f94 */
/* GREEN HOVER #008E84 */

/* LIGHT GREY #f4f4f4 */
/* LIGHT GREY BORDERS ONLY #ECECEC */

/* GREY #898989 */

/* DARK GREY #3D3D3D */

/*BODY TEXT #4c4c4c*/

/* ==========================================================================
Author's custom styles  -  VHL
========================================================================== */

.animated-4s {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

body {
  font-size: 16px;
font-family: 'Open Sans', sans-serif;
  font-weight: 300;
   max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    background: #DEDEDE;
}


h1,
.h1 {
  color: #fff; /* text color */
font-family: 'Open Sans', sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.3;
}

.index h1,
.index .h1 {
  font-size: 34px;
}


h2,
.h2 {font-family: 'Open Sans', sans-serif;font-size: 22px;font-weight: 700;color: #33314C;margin-bottom: 0.4em;}



h3,
.h3 {
font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #3d3d3d;
  line-height: 1.4;
}

h3.special-number {
font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 700;
  color:#029f94;
  margin-bottom: 1em;
}

h4,
.h4 {
  font-family: 'Open Sans',
  sans-serif;font-size: 13px;
  color: #ABABAB;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;}

h5,
.h5 {
font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1.6
}

h6,
.h6 {
  font-size: 12px;
}

h4, h6 {
  line-height: 1.4;
}



p,ul {
  font-family: 'Noto Serif', serif;
  color: #4c4c4c;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0 0 2em;
}

.one-text-block p.style-as-link {
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
   color:#008cba;
   font-size: 18px;
   margin-bottom: 0;
}

ul {
  font-family: 'Noto Serif', serif;
}

ul li {
 list-style-type: none;
 padding: 0.5em 0;
}

p.small {
  font-size: 14px;
  color:#898989;
}

footer p.small {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color:#fff;
}

footer .first-logo {
  margin-bottom: 1em;
}

p.smallest {
  font-size: 12px;   
}


p a:hover, a:hover {
  text-decoration: none;
}

p a.button:hover, a.button:hover {
  text-decoration: none;
}

a {
  color: #008cba;
  text-decoration: none;
  line-height: inherit;
  font-weight: 600;
}

a:hover, a:focus {
  color:#008E84;
}

ul.body-list {
  list-style-type:none;
  margin-left: 0;
}

ul.body-list li:first-child {
  font-weight: 600;
}


blockquote {
font-family: 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
  border-left: none;
  font-size: 18px;
  color:#ffffff;
  margin-bottom: 1.5em;
  margin-top: 1.2em;
}

hr {
  border: solid #f4f4f4;
  border-width: 1px 0 0;
  clear: both;
  margin: 2em 0;
  height: 0;
}

cite {
  display: block;
  margin:1em 0 0;
  font-style: normal;
}


ul {
  font-weight: 400;
  margin-left: 0;
}




/*Colors */ 

.bg-col-1 {
  background-color: #33314C;
}

.bg-col-2 {
  background-color: #E4EAF5;
}

.bg-col-3 {
  background-color: #008cba;
}

.bg-col-4 {
  background-color: #f4f4f4;
}

.bg-col-5 {
  background-color: #fff;
}

.bg-col-6 {
  background-color: #ABABAB;
}



/*end*/


.add-border-all-light {
  border: 1px solid #ECECEC;
}

.add-border-bottom-light {
  border-bottom: 1px solid #ECECEC;
}

.add-border-top-light {
  border-top: 1px solid #ECECEC;
}

button, .button {
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 1.25em;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  display: inline-block;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 14px;
  padding-left: 20px;
  font-size: 16px;
  color: white;
  letter-spacing: 2px;
  border-radius: 3px;
  transition: background-color 300ms ease-out;
}

.button-small {
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 1.25em;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  display: inline-block;
  padding-top: 10px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
  font-size: 10px;
  color: white;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-radius: 3px;
  transition: background-color 300ms ease-out;
}

.button.width {
  width:100%;
}

.button.alpha {
  color:#fff;
  display:inline-block;
  background-color: #029f94;
  border: 2px solid #029f94;
  box-shadow : 0px 2px 2px rgba(0, 0, 0, 0.3);
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color='#404040') ;
}

.button.alpha:hover {
  color:#fff;
  background-color: #008E84;
  border: 2px solid #008E84;
}

.button.beta {
  color: #029f94;
  border: 2px solid #ffffff;
  background-color: #ffffff;
  box-shadow : 0px 2px 2px rgba(0, 0, 0, 0.3);
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color='#404040') ;
}

.button.beta:hover {
  color: #008E84;
  background-color: #f4f4f4;
}

.button.gamma {
  color: #FFFFFF;
  border: 2px solid #BF8700;
  background-color: #D69700;
}

.button.gamma:hover {
  color:#ffffff;
  border: 2px solid #AF7C02;
  background-color: #BF8700;
}

.button-small.delta, .button.delta {
  color:#898989;
  border: 2px solid #ECECEC;
  background-color: #f4f4f4;
}

.button-small.delta:hover, .button.delta:hover {
  border: 2px solid #898989;
}


.main-content-profile____ a.button-small {
  margin-bottom: 2em;
}


.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}


.left {
  float:left;
}

.right {
  float:right;
}


[class*="column"] + [class*="column"]:last-child {
  float:left;
}


label {
  font-size: 14px;
  color: #4c4c4c;
  cursor: pointer;
  display: block;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0.6em;
  cursor: default;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  box-shadow: 0 0 0;
  border: 1px solid #ECECEC;
  padding: 1.2em 0.8em 1.4em;
  border-radius: 3px;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
  border-color: #029f94;
}

textarea {
  min-height: 140px;
  margin-bottom: 2em;
}


.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.contain-to-grid .top-bar {
  padding-left: 1.2em;
  padding-right: 1.2em;
  height: 78px;
}


.no-container {
  padding-right:0;
  padding-left:0;
  margin-right:auto;
  margin-left:auto;
  width:100%;
}

.columns .columns {
  padding-left: 0;
  padding-right: 0;
}


.no-columns {
  padding-left:0 !important;
  padding-right: 0 !important;
  float: left;
}

.no-left-column {
  padding-left:0 !important;
  padding-right: 0.9375em;
  float: left;
}

.no-right-column {
  padding-left: 0.9375em;
  padding-right: 0 !important;
  float: left;
}

.remove-nested-left {
  padding-left: 0 !important;
}


.remove-nested-right {
  padding-right: 0 !important;
}


.section_padding {
  padding: 1.5em 0 1.5em;
}

.sticky-promo_padding {
  padding: 0.6em 0;
}

/*Using this class creates no padding bottom on Medium-up*/
.section_padding_no_btm {
  padding: 3em 0; 
}

.add-padding,.add_padding {
  padding: 1em;
}



.row {
  width: 100%;
  max-width:100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.row .row {
  width: auto;
  margin-left: -1.5em;
  margin-right: -1.5em;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
}

.index-footer .section_padding {
  padding: 2em 0 1em;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-btm {
  padding-bottom: 0 !important;
}

.no-margin-btm {
  margin-bottom: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-left {
  margin-left: 0 !important;
}

.no-margin-right {
  margin-right: 0 !important;
}


.add-text-shadow h1 {
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.add-box-shadow, .block-of-three .add-box-shadow {
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.15);
}

.block-of-three .add-box-shadow:hover {
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.25);
}

.section_cover {
  display: inline-block;
  background-color: #029f94;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  overflow: hidden;
  position: absolute;
}


.vh-cover {
  height: 460px; 
}

.vh-medium {
  height: 460px;  
}

.vh-small {
  height: 360px;  
}


.height__cover {
  height: 460px;   
}

.height__medium {
  height: 460px;   
}

.height__small {
  height: 360px;   
}

.index {
  margin-top: 45px;
}


.index .section_cover {
  background:url(../img/hero-index-sm.jpg) no-repeat;
  background-size: cover;
  background-color: #3d3d3d;
}

  .personal .section_cover {
    background:url(../img/account-beta-sm.jpg) no-repeat;
    background-size: cover;
    background-color: #3d3d3d;
  }

  .business .section_cover {
    background:url(../img/account-beta-2-sm.jpg) no-repeat;
    background-size: cover;
    background-color: #3d3d3d;
  }

    .company .section_cover {
    background:url(../img/hero-03-sm.jpg) no-repeat;
    background-size: cover;
    background-color: #3d3d3d;
  }

  .why-choose-us .section_cover {
    background:url(../img/hero-04-sm.jpg) no-repeat;
    background-size: cover;
    background-color: #3d3d3d;
  }



.company .section_cover {
  background-size: cover;
  background-color: #898989;
}

.why-choose-us .section_cover {
  background-size: cover;
  background-color: #898989;
}

.vcenter {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 20px;
  max-width: 1000px;
  margin: 0 auto;
  padding-left: 1.9em;
  padding-right: 1.9em;
  text-align: left;
}

.index .vcenter {
  padding-left: 1.25em;
  padding-right: 1.25em;
}

.index .vcenter .vcenter__content h1 {
  margin-bottom: 0.6em;
}

.vcenter__inner {
  display: table;
  width: 100%;
  height: 100%;
}

.vcenter__content {
  display: table-cell;
  vertical-align: middle;
}

.vcenter .vcenter__content h1  {
  padding: 0;
}

.vh-cover .vcenter .vcenter__content p.vcenter__highlight {
  margin: 3.6em 0 0 0;
}

.vh-medium .vcenter .vcenter__content p.vcenter__highlight,
.vh-small .vcenter .vcenter__content p.vcenter__highlight {
  margin: 0 0 1em 0;
}

p.vcenter__highlight {
  color:#E4E4E4;
  font-size:18px;
  text-shadow:0px 1px 1px rgba(0, 0, 0, 0.3);
}

.standard p.vcenter__highlight {
  color: #b3e2e0;
  text-shadow:none;
}


.vcenter .vcenter__content .vcenter__button  {
  display: inline-block;
  float:left;
  width:100%;
  margin-bottom: 0
}

.bg-dark {
  background-color: #3d3d3d;
}

.bg-dark p {
  color:#bababa;
}

.bg-dark p a {
  color:#ffffff;
}

.block-of-three .one-of-three .one-text-block {
  padding: 0.8em 1.4em;
}

.one-text-block span.one-description {
  font-weight: 700;
  margin-bottom: 0.5em;
}


.block-of-three .one-of-three {
  background-color: #ffffff;
  margin-bottom: 2em;
}

.block-of-three .one-of-three img {
  width: 100%;
}

.multiples .block-of-three .one-of-three {
  margin-bottom: 3em;
}

.block-of-four .one-of-four {
  margin-bottom: 3em;
}

.block-of-four .one-of-four h3 {
  font-weight: 300;
}

.block-of-four .one-of-four img {
  margin-bottom: 1em;
}

.avatar {
  width:68px;
  height:68px;
}

img.avatar {
  border-radius: 50%;
}

.main-profile img {
  margin-bottom: 2em;
}

.tabs dd {
  width:50%;
}

dl.tabs dd:first-child {
  padding-left:  22em;
}

dl.tabs dd:last-child {
  padding-right:  22em;
}


.tabs dd > a, .tabs .tab-title > a {
  display: block;
  background-color: #efefef;
  color: #222222;
  padding: 1em 2em;
 font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  text-align: center;
}

.tabs-content {
  margin-bottom: 0;
}

.call-to-panel .panel {
  background-color: #ffffff;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.15);
}

.panel .cutout img {
  margin-top: 46px;
}

.title h5 {
  margin:0.8em;
}


ul.pagination li.current a, ul.pagination li.current button {
  background: #029f94;
}

ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
  background: #008E84;
}


ul.pagination li:hover a, ul.pagination li a:focus, ul.pagination li:hover button, ul.pagination li button:focus {
  background-color: #f4f4f4;
}


.main-forms .forms {
  margin-bottom: 2em;
}

.form-panel h3, .main-forms h3 {
  font-size: 20px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  margin-bottom: 1em;
}

.form-panel .button {
  margin-bottom: 0;
}

.form-panel .form-panel-break {
  margin-top: 2em;
  margin-bottom: 2em;
}

.form-step h2 {
  padding: 0.6em 0;
}


.sign-up___ p, .sign-up___ p a,
.sign-up___ input[type="text"] {
  margin-bottom: 1em;
}


.sign-up___ .sml-section_padding {
  padding: 1em 0 0.2em;
}

.sign-up___ .text p {
  padding-top: 8px;
  color:#ffffff;
}

footer p {
  color:#898989;
}

footer p:first-child {
  margin-bottom: 0.4em;
}

footer hr {
  border: solid #898989;
  border-width: 1px 0 0;
}

.social-icons ul {
  margin-left:0;
  margin-top: 0.6em;
}

.social-icons .one-icon:first-child {
  margin-left:0;
}

.social-icons .one-icon {
  height: 50px;
  width:42px;
  margin-left:1em;
}



footer h3.special-number {
  color:#ffffff;
  margin-bottom: 0;
}

footer .phone-wrapper p {
  margin-bottom: 0;
}


footer .phone-wrapper {
  margin-bottom: 2em;
}


.confirmation input {
  margin-left: 1em;
}



/* ==========================================================================
HEADER
========================================================================== */


/*This class will display title below the top-bar on non-sticky header display*/ 
/* IMPORTANT: margin-top should match header height */ 
.fix-title {
  margin-top: 45px;
}
/*-------*/


.top-bar {
  background-color: #ffffff;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color='#404040');
  position: fixed;
  z-index: 100;
  width: 100%;
  display: block;
  top: 0;
}

.top-bar-section ul.right .login a {
  background: #f4f4f4 !important;
  border-left: 1px solid #ECECEC;
}

.top-bar-section ul.right .login a:hover {
  background: #ECECEC !important;
}


.top-bar-section ul.right .setup a {
  background: #029f94 !important;
  color:#ffffff;
}

.top-bar-section ul.right .setup a, .top-bar-section ul.right .login a {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
}

.top-bar-section ul.right .setup a:hover {
  background: #008E84 !important;
  color:#ffffff !important;
}


.top-bar.expanded .title-area {
  background: #ffffff;
}


.top-bar .name h1 a {
  font-weight: normal;
  color: rgb(10, 10, 10);
  width: 100%;
  display: block;
  padding: 0 15px;
}

.top-bar .name .logo a {
  font-weight: normal;
  color: rgb(10, 10, 10);
  width: 100%;
  display: block;
  padding: 0 15px;
}


.top-bar .name .logo {
  line-height: 45px;
  font-size: 1.0625em;
  margin: 0;
  cursor: auto;
  display: block;
  font-family: 'Noto Serif', serif;
  font-size: 17px;
  height: 45px;
}



.top-bar-section ul li {
  background: #ECECEC;
}


.top-bar-section ul li > a {
  color: #111111;
  padding: 12px 0 12px 0;
  padding-left: 15px;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
}


.top-bar .toggle-topbar.menu-icon a span::after {
  content: "";
  position: absolute;
  display: block;
  height: 0;
  top: 50%;
  margin-top: -8px;
  right: 15px;
  box-shadow: 0 0px 0 1px #111111, 0 7px 0 1px #111111, 0 14px 0 1px #111111;
  width: 28px;
}


.top-bar .toggle-topbar.menu-icon a {
  height: 34px;
  line-heigadd-border-lightt: 33px;
  padding: 0 54px 0 15px;
  color: #111111;
  position: relative;
}


.top-bar .toggle-topbar.menu-icon a span:hover:after {
  box-shadow: 0 0px 0 1px #111111, 0 7px 0 1px #111111, 0 14px 0 1px #111111;
}

.top-bar-section li:not(.has-form) a:not(.button) {
  padding: 0 12px;
  line-height: 45px;
  background: #ffffff;
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
  background-color: #f4f4f4;
  background: #f4f4f4;
  color:#111111;
}


.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
  color: #111111;
  background: #ECECEC;
}

.top-bar-section li.active:not(.has-form) a:not(.button) {
  background: #008E84;
  color:#ffffff;
}

.top-bar-section .has-dropdown > a:after {
  border-color: transparent transparent transparent #111111;
}

.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
  color: #111111;
  background: #ECECEC;
}


.top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
  padding-bottom: 1em;
  padding-top: 1em;
  margin: 0;
}

.top-bar-section ul li > a.button {
  font-size: 12px;
  background-color: #029f94;
  border: 2px solid;
  border-color:#029f94;
  color: white;
  height: 40px;
  padding: 10px;
  box-shadow: 0 0 0;
  text-transform: uppercase;
  height: 40px;
  padding: 10px;
  border-radius: 0;
}

.top-bar-section ul li:hover:not(.has-form) > a {
  background-color: #029f94;
  background: #029f94;
  color: white;
}

.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
  background-color: #008E84;
}


.half-and-half____ img {
  margin-bottom: 1em;
}


.top-bar.expanded {
  border-bottom: 1px solid #ECECEC;
}


.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-weight: normal;
  margin-bottom: 0;
  position: relative;
  padding: 0.6em 1.5em 0.6em 1.5em;
  font-size: 0.8125em;
  transition: opacity 300ms ease-out;
  background-color: #008cba;
  border-color: #008cba;
  color: white;
}

.alert-box .close {
  font-size: 2em;
  padding: 9px 6px 4px;
  line-height: 0;
  position: absolute;
  top: 72%;
  margin-top: -0.6875em;
  right: 0.25em;
  color: #FFFFFF;
  opacity: 1;
}



/* ==========================================================================
HEADER END
========================================================================== */




/* ==========================================================================
MAP CSS
========================================================================== */


.map img {
  margin-bottom: 3em;
}


/* ==========================================================================
MAP CSS END
========================================================================== */




/*        Media queries     */


@media (min-width:760px) {

.shop .block-of-three .one-of-three {
    margin-bottom: 2em;
  }

  .half-and-half____ img, .latest-news____ img {
    margin-bottom: 1em;
  }

  body {
    font-size: 18px;
  }

  h1,
  .h1 {
    font-size: 36px;
  }

  h2,
.h2 {
  font-size: 24px;
}


  h3,
  .h3 {
    font-size: 18px;

  }

  h2, h3, h4, h5, h6 {
    line-height: 1.4;
  }

  .index h1,
  .h1 {
    font-size: 56px;
  }

  blockquote {
    font-size: 22px;
  }

  p.vcenter__highlight {
    font-size:21px;
  }


  .columns {
    padding-left: 0.8em;
    padding-right: 0.8em;
  }

  .no-left-column {
    padding-left:0 !important;
    padding-right: 1.2em;
    float: left;
  }

  .no-right-column {
    padding-left: 1.2em;
    padding-right: 0 !important;
    float: left;
  }

  .container {
    width: 730px;
  }


  .vcenter .vcenter__content .vcenter__button  {
    margin: 0 1%;
    float:none;
    width:auto;
  }

  .vcenter {

    padding-left: 6em;
    padding-right: 6em;
    text-align: center;
  }

  .vcenter .vcenter__content h1  {
    padding: 0 0.5em;
    margin-bottom: 0.2em;
  }


  .top-bar-section .has-dropdown > a:after {
    border-color: #111111 transparent transparent transparent;
  }

  .vh-cover {
    height: 800px; 
  }

  .vh-medium {
    height: 500px;  
  }

  .vh-small {
    height: 500px;  
  }


  .height__cover {
    height: 800px;   
  }

  .height__medium {
    height: 500px;   
  }

  .height__small {
    height: 500px;   
  }

  .fix-title {
    z-index: 99;
    width: 100%;
    display: block;
    position: fixed;
    top: 45px;
    margin-top: 0;
  }


  .position-header {
    margin-top:80px;
  }

  .top-bar-section li.hover > a:not(.button) {
    color: #111111;
  }



}



@media (min-width:960px) {

    .half-and-half____ img {
    margin-bottom: 0;
  }


img.screen-large {
  width: 220px;
}

  #navigation-primary {
  display: block;
}

.tab-bar {
  display: none;
}

    .index .section_cover {
    background:url(../img/hero-index.png) no-repeat;
    background-size: cover;
    background-color: #3d3d3d;
  }


  .personal .section_cover {
    background:url(../img/account-beta.jpg) no-repeat;
    background-size: cover;
    background-color: #3d3d3d;
  }

  .business .section_cover {
    background:url(../img/account-beta-2.jpg) no-repeat;
    background-size: cover;
    background-color: #3d3d3d;
  }

  .company .section_cover {
    background:url(../img/hero-03.jpg) no-repeat;
    background-size: cover;
    background-color: #3d3d3d;
  }

  .why-choose-us .section_cover {
    background:url(../img/hero-04.jpg) no-repeat;
    background-size: cover;
    background-color: #3d3d3d;
  }
  


  .container {
    width: 940px;
  }


  .columns {
    padding-left: 1.2em;
    padding-right: 1.2em;
  }

  .no-left-column {
    padding-left:0 !important;
    padding-right: 1.5em;
    float: left;
  }

  .no-right-column {
    padding-left: 1.5em;
    padding-right: 0 !important;
    float: left;
  }

  .vh-cover {
    height: 460px;
    height: 80vh;    
  }

  .vh-medium {
    height:360px;
    height: 53vh;
  }

  .vh-small {
    height: 174px;
    height: 34vh; 
  }


  .height__cover {
    height: 460px;
    height: 80%;    
  }

  .height__medium {
    height:360px;
    height: 53%;
  }

  .height__small {
    height: 200px;
    height: 34%; 
  }


  .add-padding {
    padding:1.4em 1.6em;
  }

  .top-bar-section li:not(.has-form) a:not(.button) {
    text-align: left;
  }

  .block-of-three .one-of-three {
    background-color: #ffffff;
  }


  .block-of-four .one-of-four {
    margin-bottom: 0;
  }

  .sign-up___ p, .sign-up___ p a,
  .sign-up___ input[type="text"] {
    margin-bottom: 0;
  }

  .top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 15px;
  }

  .section_padding_no_btm {
    padding: 3em 0 0; 
  }

  .form-panel .form-panel-break {
    margin-top: 0;
    margin-bottom: 3em;
  }

  /*class to override padding so that image displays at bottom of panel */
  .form-panel .add-padding {
    padding-bottom: 0;
  }

  select {
    width:140px;
    margin-right: 1em;
    border-radius: 3px;
  }


.social-icons .one-icon {
  height: 40px;
  width:32px;
  margin-left:1em;
  opacity: 0.8;
}

  footer .social-icons .one-icon:hover {
  opacity:1;
}



}


@media (min-width:960px) and (max-width:1199px)  {

  .main-content____ .large-8 {
    width:80%;
  }

  .news .news-content____ .large-8 {
    width: 66.66667%;
  }

}


@media (min-width:1200px) {

  .container {
    width: 1170px;
  }

    .columns {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  h1,
  .h1 {
    font-size: 42px;
  }



}