/* ---------------------------------------------------------------------- */
/*  update for each event (colors)
/* ---------------------------------------------------------------------- */

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

a {
    /*navigation styles */
    text-decoration: none;
    color: #933;
}

a:hover {
    /*navigation styles */
    color: #222;
}

button,
.button,
input[type="submit"] {
    background: #98253e;
}

button:hover,
.button:hover,
input[type="submit"]:hover {
    background: #4175ac;
}

ul, ol {
    list-style: none;
}

/* ---------------------------------------------------------------------- */
/*  Base styles
/* ---------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
    font-family: 'WebFont', helvetica, sans-serif;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin-top: 10px;
}

section h2, section h3, section h4, section h5 {
    color: #98253e;
}

li {
    line-height: 22px;
}

.header {
    position: relative;
    background: url('../images/bg.jpg') no-repeat center;
    height: 335px;
}

.hr {
    width: 100%;
    height: 10px;
    border-top: 4px solid #4175ac;
    border-bottom: 2px dotted #4175ac;
    margin-bottom: 15px;
}

.cap {
    margin-top: 35px;
}

.cap h2 {
    color: #fff;
    background: rgba(61, 118, 171, 0.6);
    margin: 0;
    padding: 5px 10px;
    display: inline-block;
    line-height: 35px;
}

.cap p {
    color: #fff;
    background: rgba(157, 32, 62, 0.6);
    display: inline-block;
    padding: 5px 10px;
}

.subtitle {
    text-align: center;
    text-transform: uppercase;
    line-height: 35px;
    margin: 20px 0;
}

.subtitle span {
    color: #98253e;
}

.output {
    margin: 10px 0;
}

/* ---------------------------------------------------------------------- */
/*  Buttons
/* ---------------------------------------------------------------------- */

button,
.button,
input[type="submit"] {
    font-family: 'Droid Sans';
    font-size: 20px;
    font-weight: 900;
    border-width: 0px;
    /*
        -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    */
}

/* ---------------------------------------------------------------------- */
/*  Space Blocks
/* ---------------------------------------------------------------------- */

.clear:before, .clear:after {
    clear: both;
    content: " ";
    display: table;
}

/* ---------------------------------------------------------------------- */
/*  Icon Font
/* ---------------------------------------------------------------------- */

@font-face {
    font-family: 'Web';
    src: url('fonts/websymbols-regular-webfont.eot');
    src: url('fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/websymbols-regular-webfont.woff') format('woff'),
    url('fonts/websymbols-regular-webfont.ttf') format('truetype'),
    url('fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
}

/* sectiopns hack */

.quarter {
}

.section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a {
    color: #fff;
    border-bottom: 5px solid #666;
    -moz-box-shadow: inset 0 0 30px #000000;
    -webkit-box-shadow: inset 0 0 30px #000000;
    box-shadow: inset 0 0 30px s #000000;
    background: #333;
}

.section-container.auto > section > .title a, .section-container.auto > .section > .title a {
    color: #666;
    padding: 0.9375em;
    display: inline-block;
    color: #fff;
    font-size: 0.875em;
    white-space: nowrap;
    border-bottom: 5px solid #97263e;
    background: #f2f2f2;
}

.hidden {
    display: none;
}

span.error {
    background: #98253e !important;
}

.alert-box {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.alert-box.warning {
    background-color: #990000;
    border-color: #660000;
    color: white;
}

.alert-box.success {
    background-color: #43ac6a !important;
    border-color: #3c9a5e !important;
    color: white;
}

.phone {
    width: 27% !important;
    float: left;
    margin-right: 2% !important;
}

form li span {
    color: #900;
}

ul.pull-right li {
    line-height: 44px;
}

ul.pull-left {
    margin-top: 9px;
}

#nav-tertiary li {
    margin-left: 17px;
}

#nav-tertiary .logged-in:after {
    top: 9px;
}

#nav-shortcut ul.bar-dropdown ul {
    margin: 0;
}

#nav-shortcut a {
    padding: 21px 0 21px;
}


/* updated styling starts here */

#nav-shortcut a {
  padding: 15px 0 6px 10px;
  outline: none;
}

.intro-section { padding: 50px 15px; }

.intro-section p {
  width: 100%;
  max-width: 640px;
  color: #000;
  font-family: 'ExchangeBook';
  font-size: 16px;
  line-height: 21px;
}

.intro-section p:last-child { padding: 0; }

.menu-background {
  height: 48px;
  position: absolute;
  width: 100%;
  right: 0;
  left: 0;
  background: #eee;
}

.icon-dropdown-small {
  position: relative;
  top: 14px;
}

.search .toggle { outline: none; }

#floating-nav-login .tools .search.active a i {
  width: 15px;
  height: 13px;
  margin-left: 4px;
  background: url(../../assets/images/ham_close_black.png) no-repeat;
  background-position: initial;
  background-size: contain;
}

.header {
  height: auto;
  padding: 60px 0;
  margin-bottom: 0;
  background: none;
  background-color: #c13a7c;
}

.hr,
.cap,
.subtitle { display: none; }

.header .row {
  width: 100%;
  max-width: initial;
}

.row {
  box-sizing: border-box;
  width: 100%;
  padding: 0 15px;
  max-width: 1440px;
  margin: 0 auto;
}

.content .row { padding: 0; }

.header .row h2 {
  box-sizing: border-box;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 8px;
  color: #000;
  font-family: 'RetinaCondensed';
  font-size: 55px;
  line-height: 49px;
  text-transform: uppercase;
}

.row .section-container section { padding-top: 70px !important; /* Applied important to override inline styling */ }

.section-container.auto > section.active > .title a,
.section-container.auto > .section.active > .title a {
  box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  border-color: #c23a7d;
  background: none;
  color: #000;
  font-weight: bold;
}

.section-container.auto > section > .title a,
.section-container.auto > .section > .title a {
  width: auto;
  border: 0;
  background: none;
  color: #000;
  outline: none;
}

.section-container.auto > section.active > .title,
.section-container.auto > section > .title,
.section-container.auto > .section > .title {
  background: transparent;
  border: 0;
}

.section-container.auto > section > .title:hover,
.section-container.auto > .section > .title:hover {
  background: transparent;
}

.section-container.tabs > section > .content { border: 0; }

.large-8 { padding-left: 0; }

.large-8.columns h4,
.large-8.columns h5,
.row .more-info strong {
  margin-bottom: 8px;
  color: #000;
  font-family: 'Retina';
  font-size: 18px;
  font-weight: 900;
  line-height: 1.17;
  text-transform: capitalize;
}

.large-8.columns p,
.large-8.columns ul li,
.large-8.columns p a,
.large-8.columns ul li a {
  color: #000;
  font-family: 'ExchangeBook';
  font-size: 16px;
  line-height: 1.31;
  text-align: left;
}

.large-8.columns p a,
.large-8.columns ul li a,
.row .more-info a { text-decoration: underline; }

.large-8.columns ul { margin-left: 0; }

.large-8.columns ul li { margin-bottom: 5px; }

.row .more-info,
.row .more-info a {
  color: #000;
  font-family: 'ExchangeBook';
  font-size: 16px;
  line-height: 1.31;
}

.large-4 {
  padding-top: 15px;
  background: #d8003d;
}

.large-4 .panel { padding: 1.25em 0; }

.large-4 p,
.large-4 form > p,
.large-4 > p a {
  color: #000;
  font-family: 'Outsiders';
  font-size: 12px;
}

#email_id {
  height: auto;
  padding: 10px 5px 8px;
  color: #808080;
  font-family: 'Outsiders';
}

.large-4 .title {
  color: #000;
  font-family: 'Retina';
  font-size: 18px;
  font-weight: 900;
  line-height: 1.17;
}

.pricing-table .title,
.pricing-table .cta-button,
.pricing-table .price {
  text-align: left;
  padding: 0;
}

.panel,
.pricing-table .title,
.pricing-table .price,
.pricing-table .cta-button,
.pricing-table {
  border: 0;
  background: none;
}

.pricing-table .price {
  color: #000;
  font-family: 'Retina';
  font-size: 16px;
}

.pricing-table li { margin-bottom: 12px; }

.large-4 .button {
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  background: #000;
  color: #fff;
  font-family: 'Outsiders';
  font-size: 12px;
}

#page-header .aa-menu-container ul .hp-logo { bottom: -17px; }

#page-header .aa-menu-container.s-nav-menu #nav-secondary a i.burger {
  height: 15px;
}

#page-header .aa-menu-container.s-nav-menu #nav-secondary a:hover i.burger { height: 16px; }

.logo-condensed a { height: 70px !important; /* Applied important to override existing important*/ }

::-webkit-input-placeholder {
  color: #808080;
  font-family: 'Outsiders';
  font-size: 12px;
}

:-moz-placeholder {
  color: #808080;
  font-family: 'Outsiders';
  font-size: 12px;
}

:-ms-input-placeholder {
  color: #808080;
  font-family: 'Outsiders';
  font-size: 12px;
}

::-moz-placeholder {
  color: #808080;
  font-family: 'Outsiders';
  font-size: 12px;
}


@media (min-width: 767px) and (max-width: 768px) {
  .menu-background {
    height: 50px;
    top: 0;
  }

  .row { position: relative; }
}

@media (max-width: 767px) {

  header { margin-bottom: 70px; }

  .large-4 { padding-top: 30px; }

  .large-4 .panel { padding: 0 0 1.25em; }

  .row { position: relative; }

  .menu-background {
    height: 61px;
    top: -51px;
  }

  .intro-section p:last-child { padding-bottom: 40px; }

  .header .row h2 {
    padding-left: 23px;
    font-size: 36px;
    line-height: 36px;
  }

  [data-section=''][data-section-small-style] > section > [data-section-title], [data-section=''][data-section-small-style] > section > .title,
  .section-container.auto[data-section-small-style] > section > [data-section-title], .section-container.auto[data-section-small-style] > section > .title {
    width: 100px !important;
    top: -40px;
  }

  [data-section=''][data-section-small-style] > section,
  .section-container.auto[data-section-small-style] > section {
    padding-top: 10px !important; /* Applied important to override existing important styling */
  }

  .section-container.tabs > section > .first-menu { left: 15px; }

  .section-container.tabs > section > .second-menu { left: 36%; }

  .section-container.tabs > section > .third-menu {
    right: 15px;
    left: initial;
  }

  .row { padding: 0; }

  .large-8.columns { padding: 0 15px; }

  .more-info { padding: 0 15px 39px; }
}

/* updated styling ends here */