.yxt-SearchBar-title{
     display: none;
}
.yxt-SearchBar-label {
     display: none;
}
 .navmenu ul.topLinks li {
    margin: 0;
    z-index: 99;
}
div.search{
    background-color: #ffffff;
    border-radius: 0px 0px 5px 5px;
}
li.navnewmenu-search {
    padding: 8px 12px 0 0 !important;
}

.js-yext-autocomplete-option{
    z-index: 99;
    display: block !important;
    padding: 5px 5px !important;
    clear: both;
    margin: 2px 05px !important;
    font-size: 14px !important;
    border-bottom: 1px solid #ccc !important;
}
.yxt-SearchBar-button{
    display: none;
}
.js-yxt-SearchBar-clear {
    display: none;
}
.yxt-SearchBar-input{
    margin: 0px !important;
    padding: 5px 10px !important;
    border-color: rgba(0, 0, 0, 0.3) !important;
    margin-top:0px !important;
    width:auto !important;
    background-image: url(../../../content/dam/first-financial-bank/icons/search-icon-png-21.png);
    background-size: auto 70%;
    background-position: right 5px;
    background-repeat: no-repeat;
    transition:none;
    padding-right: 25px !important;
    text-transform: none !important;
}
.search-bar-container .yxt-SearchBar-autocomplete{
    width: 220px !important;
}
.yxt-AutoComplete-option--promptHeader{
    font-weight: bold !important;
    padding-left: 10px !important;
}

.homesearch{
    padding:10px !important;
    text-align:center !important;;
 }
input.js-yext-query::placeholder{
    color:black;
}
input:focus::-webkit-input-placeholder {
    color: transparent !important;
 }
input:focus {
    outline:none !important;
}
.yxt-AutoComplete-option--item {
    cursor: pointer;
    font-weight: 400;
    font-style: normal;
}
.search-bar-container-2 .js-yext-query{
      background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 100px !important;
    width: 35% !important;
    margin: auto !important;
    padding: 10px 50px !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #3b454f;
    line-height: 23px !important;
    background-repeat: no-repeat;
    background-size: auto 60% !important;
    background-position: 10px 10px !important;

}
.search-bar-container-2 .js-yext-query{
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(44, 8,34, 74.3);
}
@media (max-width: 768px) {
    .search-bar-container-2 .js-yext-query {
        width: 100% !important;
    }
}
@media (width: 823px) {
    .search-bar-container-2 .js-yext-query {
        width: 42% !important;
    }
}
@media (width: 812px) {
    .search-bar-container-2 .js-yext-query {
        width: 42% !important;
    }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
   .search-bar-container-2 .js-yext-query {
        width:48% !important;
   }
}
@media screen and (device-aspect-ratio: 40/71) {
    .search-bar-container-2 .js-yext-query {
        font-size: 14px !important;
    }
}
@media (max-width: 768px) {
    .search-bar-container-2 .yxt-SearchBar-autocomplete {
        width: 92% !important;
    	margin-left: 16px !important;
    }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
   .search-bar-container-2 .yxt-SearchBar-autocomplete {
     width: 43% !important;
     margin-left: 209px !important;
   }
}
@media (width: 320px) {
  .search-bar-container-2 .yxt-SearchBar-autocomplete {
        width: 270px !important;
    	margin-left: 16px !important;
    }
}
@media (width: 1024px) {
  .search-bar-container-2 .yxt-SearchBar-autocomplete {
        width: 325px !important;
    	margin-left: 340px !important;
    }
}
@media (width: 1366px) {
  .search-bar-container-2 .yxt-SearchBar-autocomplete {
        width: 440px !important;
    	margin-left: 455px !important;
    }
}

 @media (width: 411px) {
  .search-bar-container-2 .yxt-SearchBar-autocomplete {
        width: 360px !important;

    }
}
 @media (width: 375px) {
  .search-bar-container-2 .yxt-SearchBar-autocomplete {
        width: 325px !important;

    }
}
  @media (width: 414px) {
  .search-bar-container-2 .yxt-SearchBar-autocomplete {
        width: 365px !important;

    }
}
 @media (width: 812px) {
  .search-bar-container-2 .yxt-SearchBar-autocomplete {
        width: 325px !important;
        margin-left: 235px !important;

    }
}
 @media (width: 736px) {
  .search-bar-container-2 .yxt-SearchBar-autocomplete {
        width: 690px !important;

    }
}
  @media (width: 667px) {
  .search-bar-container-2 .yxt-SearchBar-autocomplete {
        width: 620px !important;

    }
}
   @media (width: 568px) {
  .search-bar-container-2 .yxt-SearchBar-autocomplete {
        width: 520px !important;

    }
}
   @media (width: 823px) {
  .search-bar-container-2 .yxt-SearchBar-autocomplete {
        width: 316px !important;
        margin-left: 245px !important;

    }
}
    @media (width: 731px) {
  .search-bar-container-2 .yxt-SearchBar-autocomplete {
        width: 685px !important;


    }
}
     @media (width: 640px) {
  .search-bar-container-2 .yxt-SearchBar-autocomplete {
        width: 595px !important;


    }
}
   @media (width: 360px) {
  .search-bar-container-2 .yxt-SearchBar-autocomplete {
        width: 315px !important;


    }
}
.search-bar-container-2 .yxt-AutoComplete-option{
    z-index: 99;
    display: block !important;
    padding: 5px 5px !important;
    clear: both;
    margin: 2px 05px !important;
    font-size: 14px !important;
    border-bottom: 1px solid #ccc !important;
}
.search-bar-container-2 .yxt-SearchBar-autocomplete {
    /*width: 1175px !important;
    background-color: transparent !important;
    margin-left: 31%;*/
    z-index: 99;
    text-align: left;

}

 .search-bar-container-2 .yxt-SearchBar-container{
    border-radius: 1.5rem;

 }
 .search-bar-container-2 .yxt-SearchBar-autocomplete{
    width: 33%;
    margin-left: 33%;
    background-color: #ffffff;
    /*padding-top: 1px;*/
    border-radius: 10px;
    position: absolute;
  }
.yxt-AutoComplete-results{
    padding: 0px;
    padding-top: 0px;
}
button, textarea {
    appearance: none;
}
abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, button, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, mark, menu, nav, object, ol, output, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, var, video {
    border: 0;
    border-radius: 0;
    font-stretch: inherit;
    font-style: inherit;
    font-variant-caps: inherit;
    font-variant-east-asian: inherit;
    font-variant-ligatures: inherit;
    font-variant-numeric: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-decoration: none;
    vertical-align: baseline;
}
svg {
    max-height: 100%;
    max-width: 100%;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('images/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('fonts/slick.eot');
    src: url('fonts/slick.eot?#iefix') format('embedded-opentype'), url('fonts/slick.woff') format('woff'), url('fonts/slick.ttf') format('truetype'), url('fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/*
 *  Remodal - v0.6.4
 *  Flat, responsive, lightweight, easy customizable modal window plugin with declarative state notation and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
@import url(//fonts.googleapis.com/css?family=Exo+2:700,400&subset=latin,cyrillic);

/* ==========================================================================
   Remodal necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
    overflow: hidden;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
    visibility: hidden;
}

/* Necessary styles of the overlay */

.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;

    display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;
    overflow: auto;

    text-align: center;

    -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
    display: inline-block;

    height: 100%;
    margin-left: -0.05em;

    content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
    -webkit-transform: translateZ(0px);
}

/* Necessary styles of the modal dialog */

.remodal {
    position: relative;

    display: inline-block;
}

/* Anti-zoom. Font-size should be >= 16px. */

.remodal select,
.remodal textarea,
.remodal input,
.remodal select:focus,
.remodal textarea:focus,
.remodal input:focus {
    font-size: 16px;
}

/* ==========================================================================
   Remodal default theme
   ========================================================================== */

/* Default theme font */

.remodal,
.remodal * {
    font-family: "Exo 2", sans-serif;
}

/* Background for effects */

.remodal-bg {
    -webkit-transition: -webkit-filter 0.2s ease-out;
    -moz-transition: -moz-filter 0.2s ease-out;
    -o-transition: -o-filter 0.2s ease-out;
    transition: filter 0.2s ease-out;
}

body.remodal-is-active .remodal-bg {
    -webkit-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;

    opacity: 0;
    background: rgba(33, 36, 46, 0.95);
}

body.remodal-is-active .remodal-overlay {
    opacity: 1;
}

/* Default theme styles of the modal dialog */

.remodal {
    font-size: 16px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-height: 100%;
    padding: 35px;

    -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
    -moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out;
    -o-transition: -o-transform 0.2s ease-out, opacity 0.2s ease-out;
    transition: transform 0.2s ease-out, opacity 0.2s ease-out;
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;
    color: #182a3c;
    background: #f4f4f4;
    background-clip: padding-box;
}

body.remodal-is-active .remodal {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

    opacity: 1;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
    vertical-align: middle;
}

/* Close button */

.remodal-close {
    position: absolute;
    top: 5px;
    left: 5px;

    width: 28px;
    height: 28px;

    -webkit-transition: background 0.2s ease-out;
    -moz-transition: background 0.2s ease-out;
    -o-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
    text-decoration: none;

    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.remodal-close:after {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    font-size: 28px;
    line-height: 28px;

    display: block;

    content: "×";
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    text-decoration: none;

    color: #3e5368;
}

.remodal-close:hover,
.remodal-close:active {
    background: #3e5368;
}

.remodal-close:hover.remodal-close:after,
.remodal-close:active.remodal-close:after {
    color: #f4f4f4;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
    font-size: 10pt;

    display: inline-block;

    width: 120px;
    margin: 0 0 5px 0;
    padding: 9px 0;

    cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    text-align: center;
    text-decoration: none;

    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-clip: padding-box;
}

.remodal-confirm {
    color: #16a085;
    border: 2px solid #16a085;
    background: #f4f4f4;
}

.remodal-confirm:hover,
.remodal-confirm:active {
    color: #f4f4f4;
    background: #16a085;
}

.remodal-cancel {
    color: #c0392b;
    border: 2px solid #c0392b;
    background: #f4f4f4;
}

.remodal-cancel:hover,
.remodal-cancel:active {
    color: #f4f4f4;
    background: #c0392b;
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
    .remodal {
        max-width: 700px;
        min-height: 0;
        margin: 20px auto;

        -webkit-border-radius: 6px;
        border-radius: 6px;
    }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F021242E, endColorstr=#F021242E);
}

.lt-ie9 .remodal {
    width: 700px;
    min-height: 0;
    margin: 20px auto;
}

.lt-ie9 .remodal-close:after {
    margin: auto;

    text-align: center;
}

.lt-ie9 .remodal-close:hover,
.lt-ie9 .remodal-close:active {
    background: transparent;
}

.lt-ie9 .remodal-close:hover.remodal-close:after,
.lt-ie9 .remodal-close:active.remodal-close:after {
    color: #3e5368;
}

/*!
Video.js Default Styles (http://videojs.com)
Version 4.12.9
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurrences of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
.vjs-default-skin {
  color: #cccccc;
}
/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
  font-family: 'VideoJS';
  src: url('fonts/vjs.eot');
  src: url('fonts/vjs.eot?#iefix') format('embedded-opentype'), url('fonts/vjs.woff') format('woff'), url('fonts/vjs.ttf') format('truetype'), url('fonts/vjs.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
.vjs-default-skin .vjs-slider {
  /* Replace browser focus highlight with handle highlight */
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  /* background-color-with-alpha */
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.9);
}
.vjs-default-skin .vjs-slider:focus {
  /* box-shadow */
  -webkit-box-shadow: 0 0 2em #ffffff;
  -moz-box-shadow: 0 0 2em #ffffff;
  box-shadow: 0 0 2em #ffffff;
}
.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0em 0em 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  /* Rotate the square icon to make a diamond */
  /* transform */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.vjs-default-skin .vjs-control-bar {
  /* Start hidden */
  display: none;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: 0;
  /* Use left/right to stretch to 100% width of player div */
  left: 0;
  right: 0;
  /* Height includes any margin you want above or below control items */
  height: 3.0em;
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
}
/* Show the control bar only once the video has started playing */
.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  /* Visibility needed to make sure things hide in older browsers too. */

  visibility: visible;
  opacity: 1;
  /* transition */
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
/* Hide the control bar when the video is playing and the user is inactive  */
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  /* transition */
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none;
}
.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none;
}
/* The control bar shouldn't show after an error */
.vjs-default-skin.vjs-error .vjs-control-bar {
  display: none;
}
/* Don't hide the control bar if it's audio */
.vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}
/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
  - "\9" IE8 hack didn't work for this
  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}
/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3.0em;
  width: 4em;
}
/* Font button icons */
.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0em 0em 1em #ffffff;
}
.vjs-default-skin .vjs-control:focus {
  /*  outline: 0; */
  /* keyboard-only users cannot see the focus on several of the UI elements when
  this is set to 0 */

}
/* Hide control text visually, but have it available for screenreaders */
.vjs-default-skin .vjs-control-text {
  /* hide-visually */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer;
}
.vjs-default-skin .vjs-play-control:before {
  content: "\e001";
}
.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002";
}
/* Playback toggle
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 4em;
  left: -2em;
  list-style: none;
}
/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005";
}
.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
}
.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0;
}
.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  /* assuming volume starts at 1.0 */

  width: 100%;
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
  /* Assumes volume starts at 1.0. If you change the size of the
     handle relative to the volume bar, you'll need to update this value
     too. */

  left: 4.5em;
}
.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em;
}
/* The volume menu button is like menu buttons (captions/subtitles) but works
    a little differently. It needs to be possible to tab to the volume slider
    without hitting space bar on the menu button. To do this we're not using
    display:none to hide the slider menu by default, and instead setting the
    width and height to zero. */
.vjs-default-skin .vjs-volume-menu-button .vjs-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  height: 0;
  width: 0;
}
.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing {
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */

}
.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content {
  height: 2.9em;
  width: 10em;
}
/* Progress
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  /* Set above the rest of the controls. */
  top: -1em;
  /* Shrink the bar slower than it grows. */
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;
  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */

  /* transition */
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  height: 100%;
}
/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* updated by javascript during playback */

  width: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprisingly works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */

  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-default-skin .vjs-load-progress {
  background: #646464 /* IE8- Fallback */;
  background: rgba(255, 255, 255, 0.2);
}
/* there are child elements of the load progress bar that represent the
   specific time ranges that have been buffered */
.vjs-default-skin .vjs-load-progress div {
  background: #787878 /* IE8- Fallback */;
  background: rgba(255, 255, 255, 0.1);
}
.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%;
}
.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em /* Minor adjustment */;
}
/* Live Mode
--------------------------------------------------------------------------------
*/
.vjs-default-skin.vjs-live .vjs-time-controls,
.vjs-default-skin.vjs-live .vjs-time-divider,
.vjs-default-skin.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-default-skin.vjs-live .vjs-live-display {
  display: block;
}
/* Live Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-live-display {
  display: none;
  font-size: 1em;
  line-height: 3em;
}
/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em;
}
.vjs-default-skin .vjs-current-time {
  float: left;
}
.vjs-default-skin .vjs-duration {
  float: left;
}
/* Remaining time is in the HTML, but not included in default design */
.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left;
}
.vjs-time-divider {
  float: left;
  line-height: 3em;
}
/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000";
}
/* Switch to the exit icon when the player is in fullscreen */
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b";
}
/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.vjs-default-skin .vjs-big-play-button {
  left: 0.5em;
  top: 0.5em;
  font-size: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 4em;
  height: 2.6em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  border: 0.1em solid #3b4249;
  /* border-radius */
  -webkit-border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  border-radius: 0.8em;
  /* box-shadow */
  -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
/* Optionally center */
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  margin-left: -2.1em;
  /* Center it vertically */
  top: 50%;
  margin-top: -1.4000000000000001em;
}
/* Hide if controls are disabled */
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none;
}
/* Hide when video starts playing */
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none;
}
/* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}
.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  /* IE8 needs a non-glow hover state */
  background-color: #505050;
  background-color: rgba(50, 50, 50, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 3em #ffffff;
  -moz-box-shadow: 0 0 3em #ffffff;
  box-shadow: 0 0 3em #ffffff;
  /* transition */
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */

  line-height: 2.6em;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center /* Needed for IE8 */;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-error .vjs-big-play-button {
  display: none;
}
/* Error Display
--------------------------------------------------------------------------------
*/
.vjs-error-display {
  display: none;
}
.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.vjs-error .vjs-error-display:before {
  content: 'X';
  font-family: Arial;
  font-size: 4em;
  color: #666666;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */

  line-height: 1;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center /* Needed for IE8 */;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5em;
  width: 100%;
}
.vjs-error-display div {
  position: absolute;
  bottom: 1em;
  right: 0;
  left: 0;
  font-size: 1.4em;
  text-align: center;
  padding: 3px;
  background: #000000;
  background: rgba(0, 0, 0, 0.5);
}
.vjs-error-display a,
.vjs-error-display a:visited {
  color: #F4A460;
}
/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  /* Should be hidden by default */
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75;
}
/* Show the spinner when waiting for data and seeking to a new time */
.vjs-waiting .vjs-loading-spinner,
.vjs-seeking .vjs-loading-spinner {
  display: block;
  /* only animate when showing because it can be processor heavy */
  /* animation */
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}
/* Errors are unrecoverable without user interaction so hide the spinner */
.vjs-error .vjs-loading-spinner {
  display: none;
  /* ensure animation doesn't continue while hidden */
  /* animation */
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
}
.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e01e";
  font-family: VideoJS;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
}
.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */

  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000000;
  /* Same width top as ul bottom */

  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */

}
/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */

  max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */

  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  /* box-shadow */
  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}
.vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu,
.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing {
  display: block;
}
/* prevent menus from opening while scrubbing (FF, IE) */
.vjs-default-skin.vjs-scrubbing .vjs-menu-button:hover .vjs-control-content .vjs-menu {
  display: none;
}
.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c";
}
/* Captions Button */
.vjs-default-skin .vjs-captions-button:before {
  content: "\e008";
}
/* Chapters Button */
.vjs-default-skin .vjs-chapters-button:before {
  content: "\e00c";
}
.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 24em;
  left: -12em;
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */

  font-size: 10px;
  /* Allow poster to be vertically aligned. */

  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/

  /* Provide some basic defaults for fonts */

  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */

  font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */

  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute;
}
/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto;
}
.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}
/* Hide the poster after the video has started playing */
.video-js.vjs-has-started .vjs-poster {
  display: none;
}
/* Don't hide the poster if we're playing audio */
.video-js.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}
/* Hide the poster when controls are disabled because it's clickable
    and the native poster can take over */
.video-js.vjs-controls-disabled .vjs-poster {
  display: none;
}
/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none;
}
/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 3em;
  right: 0;
  pointer-events: none;
}
/* Captions Settings Dialog */
.vjs-caption-settings {
  position: relative;
  top: 1em;
  background-color: #000;
  opacity: 0.75;
  color: #FFF;
  margin: 0 auto;
  padding: 0.5em;
  height: 15em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 40em;
}
.vjs-caption-settings .vjs-tracksettings {
  top: 0;
  bottom: 2em;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto;
}
.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
  float: left;
}
.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
  clear: both;
}
.vjs-caption-settings .vjs-tracksettings-controls {
  position: absolute;
  bottom: 1em;
  right: 1em;
}
.vjs-caption-settings .vjs-tracksetting {
  margin: 5px;
  padding: 3px;
  min-height: 40px;
}
.vjs-caption-settings .vjs-tracksetting label {
  display: block;
  width: 100px;
  margin-bottom: 5px;
}
.vjs-caption-settings .vjs-tracksetting span {
  display: inline;
  margin-left: 5px;
}
.vjs-caption-settings .vjs-tracksetting > div {
  margin-bottom: 5px;
  min-height: 20px;
}
.vjs-caption-settings .vjs-tracksetting > div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 0;
}
.vjs-caption-settings label > input {
  margin-right: 10px;
}
.vjs-caption-settings input[type="button"] {
  width: 40px;
  height: 40px;
}
/* Hide disabled or unsupported controls */
.vjs-hidden {
  display: none !important;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
    The .video-js classname on the video tag also isn't considered.
    This optional paragraph inside the video tag can provide a message to users
    about what's required to play video. */
.vjs-no-js {
  padding: 2em;
  color: #ccc;
  background-color: #333;
  font-size: 1.8em;
  font-family: Arial, sans-serif;
  text-align: center;
  width: 30em;
  height: 15em;
  margin: 0 auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #F4A460;
}
/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */

/* column control layouts */
.cq-colctrl-cols {width: 100%; float: left; }

.cq-colctrl-default { width: 100%;}

/* layout 0 : 50% 50% ( grid6 + grid6 ) */
.cq-colctrl-lt0 { }
.cq-colctrl-lt0-c0 { width: 50%; float: left;}
.cq-colctrl-lt0-c1 { width: 50%; float: left;}

/* layout 1 : 33% 33% 33%( grid4 + grid4 + grid4 ) */
.cq-colctrl-lt1 { }
.cq-colctrl-lt1-c0 { width: 33%; float: left; }
.cq-colctrl-lt1-c1 { width: 33%; float: left; }
.cq-colctrl-lt1-c2 { width: 33%; float: left; }

@media (max-width: 480px) {

	/* layout 0 : 50% 50% ( grid6 + grid6 ) */
	div.cq-colctrl-lt0 { }
	div.cq-colctrl-lt0-c0 { width: 100%; float: left;}
	div.cq-colctrl-lt0-c1 { width: 100%; float: left;}

	/* layout 1 : 33% 33% 33%( grid4 + grid4 + grid4 ) */
	div.cq-colctrl-lt1 { }
	div.cq-colctrl-lt1-c0 { width: 100%; float: left; }
	div.cq-colctrl-lt1-c1 { width: 100%; float: left; }
	div.cq-colctrl-lt1-c2 { width: 100%; float: left; }


}
/* Site font colors */
.new-yellow{
    color: #FFC845 !important;
}
.contrast-yellow{
	color: #FFB500 !important;
}
.new-blue{
    color: #0072CE !important;
}
.contrast-blue{
    color: #004C97 !important;
}
.midland{
    color: #FBD872 !important;
}
.skyline{
    color: #A4C8E1 !important;
}
.riverfront{
    color: #6CACE4 !important;
}
.flatiron{
    color: #636b70 !important;
}
.thrid-street{
    color: #B2B4B2 !important;
}
.cardinal{
    color: #DC4405 !important;
}
.steel{
    color: #221C35 !important;
}
.queen-city{
    color: #8E3A80 !important;
}
.blue-grass{
    color: #34B78F !important;
}

/* Site back-ground colors */

.new-yellow-bg{
    background-color: #FFC845 !important;
}
.contrast-yellow-bg{
    background-color: #FFB500 !important;
}
.new-blue-bg{
    background-color: #0072CE !important;
}
.contrast-blue-bg{
    background-color: #004C97 !important;
}
.midland-bg{
    background-color: #FBD872 !important;
}
.skyline-bg{
    background-color: #A4C8E1 !important;
}
.riverfront-bg{
    background-color: #6CACE4 !important;
}
.flatiron-bg{
    background-color: #636b70 !important;
}
.thrid-street-bg{
    background-color: #B2B4B2 !important;
}
.cardinal-bg{
    background-color: #DC4405 !important;
}
.steel-bg{
    background-color: #221C35 !important;
}
.queen-city-bg{
    background-color: #8E3A80 !important;
}
.blue-grass-bg{
    background-color: #34B78F !important;
}

@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
	font-family: sans-serif;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

/**
 * Remove default margin.
 */
body {
	margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article, aside, details, figcaption, figure, footer, header, hgroup,
	main, menu, nav, section, summary {
	display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video {
	display: inline-block;
	/* 1 */
	vertical-align: baseline;
	/* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not ([controls] ) {
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden], template {
	display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
	outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b, strong {
	font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
	font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
	background: #ff0;
	color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
	border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not (:root ) {
	overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
	margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
	box-sizing: content-box;
	height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
	overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button, input, optgroup, select, textarea {
	color: inherit;
	/* 1 */
	font: inherit;
	/* 2 */
	margin: 0;
	/* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
	overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button, select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"]
	{
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] {
	cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
	line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button
	{
	height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	/* 2 */
	box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration
	{
	-webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
	border: 0;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
	overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
	font-weight: bold;
}

/*styling for fieldset
*/
.decision-engine-item .decision-engine-item-form .decision-engine-item-checkbox .checkbox-wrapper fieldset{ 
    border-width: 0px;
}
.decision-engine-item .checkbox-wrapper fieldset{
	border-width: 0px;
}
.decision-engine-item .radio-wrapper fieldset{
	border-width: 0px;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

td, th {
	padding: 0;
}

/**
 * [returns setting from the settings $map 
 * @param  {[type]} $key [pass the setting that you want to return its value]
 * @return {[type]}      [returns the setting value]
 */
/**
 * [em description]
 * @param  {[type]} $pixels   [pixels number]
 * @param  {[type]} $context: $browser-context [description]
 * @return {[type]}           [description]
 */
/*mixing is from http://codepen.io/erindotio/pen/BLFqe*/
/* Base colors
	reference names from http://chir.ag/projects/name-that-color/
*/
/* Base Font*/
/* 0, 640px */
/* 641px, 1024px */
/* 1025px, 1440px */
/* 1441px, 1920px */
/* 1921px */
body {
	width: 100%;
	*zoom: 1;
}

body:before, body:after {
	content: "";
	display: table;
}

body:after {
	clear: both;
}

/*
  Simple Grid
  Learn More - http://dallasbass.com/simple-grid-a-lightweight-responsive-css-grid/
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - dallasbass.com
*/
*, *:after, *:before {
	box-sizing: border-box;
}

body {
	margin: 0px;
}

[class*='col-'] {
	float: left;
}

.grid {
	width: 100%;
	max-width: 1140px;
	min-width: 755px;
	margin: 0 auto;
	overflow: hidden;
}

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

.grid-pad {
	padding-top: 20px;
	padding-left: 20px;
	/* grid-space to left */
	padding-right: 0px;
	/* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}

.push-right {
	float: right;
}

/* Content Columns */
.col-1-1 {
	width: 100%;
}

.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%;
}

/* Layout Columns */
.col-11-12 {
	width: 91.66%;
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%;
}

/* Pushing blocks */
.push-2-3, .push-8-12 {
	margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
	margin-left: 50%;
}

.push-1-3, .push-4-12 {
	margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
	margin-left: 25%;
}

.push-1-5 {
	margin-left: 20%;
}

.push-1-6, .push-2-12 {
	margin-left: 16.667%;
}

.push-1-7 {
	margin-left: 14.28%;
}

.push-1-8 {
	margin-left: 12.5%;
}

.push-1-9 {
	margin-left: 11.1%;
}

.push-1-10 {
	margin-left: 10%;
}

.push-1-11 {
	margin-left: 9.09%;
}

.push-1-12 {
	margin-left: 8.33%;
}

@media handheld , only screen and (max-width: 767px) {
	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 20px;
		/* grid-space to left */
		padding-right: 10px;
		/* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
	}
	[class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0;
		margin-bottom: 0;
		padding-left: 0px;
		padding-right: 0px;
		/* column-space */
	}

	/* Mobile Layout */
	[class*='mobile-col-'] {
		float: left;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0;
		padding-left: 0px;
		padding-right: 0;
		/* column-space */
		padding-bottom: 0px;
	}
	.mobile-col-1-1 {
		width: 100%;
	}
	.mobile-col-2-3, .mobile-col-8-12 {
		width: 66.66%;
	}
	.mobile-col-1-2, .mobile-col-6-12 {
		width: 50%;
	}
	.mobile-col-1-3, .mobile-col-4-12 {
		width: 33.33%;
	}
	.mobile-col-1-4, .mobile-col-3-12 {
		width: 25%;
	}
	.mobile-col-1-5 {
		width: 20%;
	}
	.mobile-col-1-6, .mobile-col-2-12 {
		width: 16.667%;
	}
	.mobile-col-1-7 {
		width: 14.28%;
	}
	.mobile-col-1-8 {
		width: 12.5%;
	}
	.mobile-col-1-9 {
		width: 11.1%;
	}
	.mobile-col-1-10 {
		width: 10%;
	}
	.mobile-col-1-11 {
		width: 9.09%;
	}
	.mobile-col-1-12 {
		width: 8.33%;
	}

	/* Layout Columns */
	.mobile-col-11-12 {
		width: 91.66%;
	}
	.mobile-col-10-12 {
		width: 83.333%;
	}
	.mobile-col-9-12 {
		width: 75%;
	}
	.mobile-col-5-12 {
		width: 41.66%;
	}
	.mobile-col-7-12 {
		width: 58.33%;
	}
	.hide-on-mobile {
		display: none !important;
		width: 0;
		height: 0;
	}
}

@font-face {
    font-family: 'nunitoblack';
    src: url('fonts/Nunito-Black.ttf')
    format("truetype");
}

@font-face {
    font-family: 'nunitobold';
    src: url('fonts/Nunito-Bold.ttf')
    format("truetype");
}

@font-face {
    font-family: 'nunitoitalic';
    src: url('fonts/Nunito-Italic.ttf')
    format("truetype");
}

@font-face {
    font-family: 'nunitoregular';
    src: url('fonts/Nunito-Regular.ttf')
    format("truetype");
}

@font-face {
    font-family: 'nunitoextrabold';
    src: url('fonts/Nunito-ExtraBold.ttf')
    format("truetype");
}

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

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

.font-josefin-sansregular {
	font-family: 'josefin_sansregular' !important;
}

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

.font-abeezeeregular {
	font-family: 'abeezeeregular' !important;
}

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

.font-amblelight {
	font-family: 'amblelight' !important;
}

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

.font-colaboratelightregular {
	font-family: 'colaboratelightregular' !important;
}

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

.font-sinkin_sans400_regular {
	font-family: 'sinkin_sans400_regular' !important;
}

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

.font-sinkin_sans200_x_light {
	font-family: 'sinkin_sans200_x_light' !important;
}

/* Nunito Fonts */
.font-nunito {
	font-family: nunitoregular !important;
}

.font-nunito-black{
    font-family: nunitoblack !important;
}

.font-nunito-bold{
    font-family: nunitobold !important;
}

.font-nunito-extrabold{
    font-family: nunitoextrabold !important;
}

.font-nunito-italic{
    font-family: nunitoitalic !important;
}

/* Nunito Fonts */

*, *:before, *:after {
	box-sizing: border-box;
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	color: #000;
	position: relative;
	font-size: 16px;
	background-color: #eaeced;
	font-family: 'Open Sans', sans-serif;
	
}

@media screen and (max-width: 321px) {
	body {
		width: 320px;
	}
}

a {
	text-decoration: none;
	color: #427ed2;
}

a:hover {
	text-decoration: underline;
}

.longhand {
	font-family: "longhandregular" !important;
}

@media screen and (max-width: 768px) {
	.hideOnMobile {
		display: none !important;
	}
}

.hideOnDesktop {
	display: none !important;
}

@media screen and (max-width: 768px) {
	.hideOnDesktop {
		display: block !important;
	}
}

.backgroundColor-yellow {
	background-color: #FFE57F !important;
}

.backgroundColor-altYellow {
	background-color: #F9E08C !important;
}

.backgroundColor-grey {
	background-color: #787878 !important;
}

.backgroundColor-black {
	background-color: #000 !important;
}

.backgroundColor-blue {
	background-color: #3a75ca !important;
}

.backgroundColor-White {
	background-color: #fff !important;
}

.backgroundColor-offWhite {
	background-color: #eaeced !important;
}

.backgroundColor-black-opaque {
	background-color: #000 !important;
	background-color: rgba(0, 0, 0, 0.5) !important;
}

.backgroundColor-offWhite2 {
	background-color: #fafafa !important;
}

.font-color-black {
	color: #000 !important;
}
.font-color-white, .font-color-white h1 {
	color: #fff !important;
}

.font-color-grey, .font-color-grey h1, h1.font-color-grey {
	color: #787878 !important;
}

.font-color-dark-grey, .font-color-dark-grey h1 {
	color: #475660 !important;
}

.font-color-strong-blue, .font-color-strong-blue h1 {
	color: #007cc2 !important;
}

.font-color-light-grey, .font-color-light-grey h1 {
	color: #959595 !important;
}

.font-color-ffb-blue, .font-color-ffb-blue h1, h1.font-color-ffb-blue {
    color: #0082c6 !important;
}

.font-color-ffb-yellow, .font-color-ffb-yellow h1, h1.font-color-ffb-yellow {
    color: #ffe694 !important;
}

.font-color-ffb-light-dark, .font-color-ffb-light-dark h1, h1.font-color-ffb-light-dark {
    color: #e6e6e6 !important;
}

.font-color-lighter-grey {
	color: #636363 !important;
}

.font-color-blue {
	color: #3a75ca !important;
}

.large-heading {
	font-size: 90px !important;
}

.medium-heading {
	font-size: 45px !important;
}

.small-heading {
	font-size: 30px !important;
}

.bold {
	font-weight: 800 !important;
}

.bold-lighter {
	font-weight: 700 !important;
}

.bold-normal {
	font-weight: normal !important;
}

.bold-semibold {
	font-weight: 600 !important;
}

.section-fullwidth {
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100% !important;
}

.section-nopadding {
	padding: 0px !important;
}

.small-text {
	font-size: 12px !important;
}

.regular-text {
	font-size: 14px !important;
}

.medium-text {
	font-size: 16px !important;
}

.large-text {
	font-size: 18px !important;
}

.slarge-text {
	font-size: 20px !important;
}

.xlarge-text {
	font-size: 24px !important;
}

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

.italic-text {
	font-style: italic !important;
}

.vertical-center {
	display: block;
	margin: 0 auto;
}

.rounded-corners-10 {
	border-radius: 10px;
}

.padding-top-5 {
	padding-top: 5px !important;
}

.padding-bottom-5 {
	padding-bottom: 5px !important;
}

.padding-top-bottom-5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.padding-left-5 {
	padding-left: 5px !important;
}

.padding-right-5 {
	padding-right: 5px !important;
}

.padding-left-right-5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.margin-top-5 {
	margin-top: 5px !important;
}

.margin-bottom-5 {
	margin-bottom: 5px !important;
}

.margin-top-bottom-5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.margin-left-5 {
	margin-left: 5px !important;
}

.margin-right-5 {
	margin-right: 5px !important;
}

.margin-left-right-5 {
	margin-left: 5px !important;
	margin-right: 5px !important;
}

.padding-top-10 {
	padding-top: 10px !important;
}

.padding-bottom-10 {
	padding-bottom: 10px !important;
}

.padding-top-bottom-10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.padding-left-10 {
	padding-left: 10px !important;
}

.padding-right-10 {
	padding-right: 10px !important;
}

.padding-left-right-10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.margin-top-10 {
	margin-top: 10px !important;
}

.margin-bottom-10 {
	margin-bottom: 10px !important;
}

.margin-top-bottom-10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.margin-left-10 {
	margin-left: 10px !important;
}

.margin-right-10 {
	margin-right: 10px !important;
}

.margin-left-right-10 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.padding-top-15 {
	padding-top: 15px !important;
}

.padding-bottom-15 {
	padding-bottom: 15px !important;
}

.padding-top-bottom-15 {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.padding-left-15 {
	padding-left: 15px !important;
}

.padding-right-15 {
	padding-right: 15px !important;
}

.padding-left-right-15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.margin-top-15 {
	margin-top: 15px !important;
}

.margin-bottom-15 {
	margin-bottom: 15px !important;
}

.margin-top-bottom-15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

.margin-left-15 {
	margin-left: 15px !important;
}

.margin-right-15 {
	margin-right: 15px !important;
}

.margin-left-right-15 {
	margin-left: 15px !important;
	margin-right: 15px !important;
}

.padding-top-20 {
	padding-top: 20px !important;
}

.padding-bottom-20 {
	padding-bottom: 20px !important;
}

.padding-top-bottom-20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.padding-left-20 {
	padding-left: 20px !important;
}

.padding-right-20 {
	padding-right: 20px !important;
}

.padding-left-right-20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.margin-top-20 {
	margin-top: 20px !important;
}

.margin-bottom-20 {
	margin-bottom: 20px !important;
}

.margin-top-bottom-20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.margin-left-20 {
	margin-left: 20px !important;
}

.margin-right-20 {
	margin-right: 20px !important;
}

.margin-left-right-20 {
	margin-left: 20px !important;
	margin-right: 20px !important;
}

.padding-top-25 {
	padding-top: 25px !important;
}

.padding-bottom-25 {
	padding-bottom: 25px !important;
}

.padding-top-bottom-25 {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}

.padding-left-25 {
	padding-left: 25px !important;
}

.padding-right-25 {
	padding-right: 25px !important;
}

.padding-left-right-25 {
	padding-left: 25px !important;
	padding-right: 25px !important;
}

.margin-top-25 {
	margin-top: 25px !important;
}

.margin-bottom-25 {
	margin-bottom: 25px !important;
}

.margin-top-bottom-25 {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}

.margin-left-25 {
	margin-left: 25px !important;
}

.margin-right-25 {
	margin-right: 25px !important;
}

.margin-left-right-25 {
	margin-left: 25px !important;
	margin-right: 25px !important;
}

.padding-top-30 {
	padding-top: 30px !important;
}

.padding-bottom-30 {
	padding-bottom: 30px !important;
}

.padding-top-bottom-30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.padding-left-30 {
	padding-left: 30px !important;
}

.padding-right-30 {
	padding-right: 30px !important;
}

.padding-left-right-30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.margin-top-30 {
	margin-top: 30px !important;
}

.margin-bottom-30 {
	margin-bottom: 30px !important;
}

.margin-top-bottom-30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.margin-left-30 {
	margin-left: 30px !important;
}

.margin-right-30 {
	margin-right: 30px !important;
}

.margin-left-right-30 {
	margin-left: 30px !important;
	margin-right: 30px !important;
}

.padding-top-35 {
	padding-top: 35px !important;
}

.padding-bottom-35 {
	padding-bottom: 35px !important;
}

.padding-top-bottom-35 {
	padding-top: 35px !important;
	padding-bottom: 35px !important;
}

.padding-left-35 {
	padding-left: 35px !important;
}

.padding-right-35 {
	padding-right: 35px !important;
}

.padding-left-right-35 {
	padding-left: 35px !important;
	padding-right: 35px !important;
}

.margin-top-35 {
	margin-top: 35px !important;
}

.margin-bottom-35 {
	margin-bottom: 35px !important;
}

.margin-top-bottom-35 {
	margin-top: 35px !important;
	margin-bottom: 35px !important;
}

.margin-left-35 {
	margin-left: 35px !important;
}

.margin-right-35 {
	margin-right: 35px !important;
}

.margin-left-right-35 {
	margin-left: 35px !important;
	margin-right: 35px !important;
}

.padding-top-40 {
	padding-top: 40px !important;
}

.padding-bottom-40 {
	padding-bottom: 40px !important;
}

.padding-top-bottom-40 {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

.padding-left-40 {
	padding-left: 40px !important;
}

.padding-right-40 {
	padding-right: 40px !important;
}

.padding-left-right-40 {
	padding-left: 40px !important;
	padding-right: 40px !important;
}

.margin-top-40 {
	margin-top: 40px !important;
}

.margin-bottom-40 {
	margin-bottom: 40px !important;
}

.margin-top-bottom-40 {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}

.margin-left-40 {
	margin-left: 40px !important;
}

.margin-right-40 {
	margin-right: 40px !important;
}

.margin-left-right-40 {
	margin-left: 40px !important;
	margin-right: 40px !important;
}

.padding-top-45 {
	padding-top: 45px !important;
}

.padding-bottom-45 {
	padding-bottom: 45px !important;
}

.padding-top-bottom-45 {
	padding-top: 45px !important;
	padding-bottom: 45px !important;
}

.padding-left-45 {
	padding-left: 45px !important;
}

.padding-right-45 {
	padding-right: 45px !important;
}

.padding-left-right-45 {
	padding-left: 45px !important;
	padding-right: 45px !important;
}

.margin-top-45 {
	margin-top: 45px !important;
}

.margin-bottom-45 {
	margin-bottom: 45px !important;
}

.margin-top-bottom-45 {
	margin-top: 45px !important;
	margin-bottom: 45px !important;
}

.margin-left-45 {
	margin-left: 45px !important;
}

.margin-right-45 {
	margin-right: 45px !important;
}

.margin-left-right-45 {
	margin-left: 45px !important;
	margin-right: 45px !important;
}

.padding-top-50 {
	padding-top: 50px !important;
}

.padding-bottom-50 {
	padding-bottom: 50px !important;
}

.padding-top-bottom-50 {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

.padding-left-50 {
	padding-left: 50px !important;
}

.padding-right-50 {
	padding-right: 50px !important;
}

.padding-left-right-50 {
	padding-left: 50px !important;
	padding-right: 50px !important;
}

.margin-top-50 {
	margin-top: 50px !important;
}

.margin-bottom-50 {
	margin-bottom: 50px !important;
}

.margin-top-bottom-50 {
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}

.margin-left-50 {
	margin-left: 50px !important;
}

.margin-right-50 {
	margin-right: 50px !important;
}

.margin-left-right-50 {
	margin-left: 50px !important;
	margin-right: 50px !important;
}

/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
	font-family: 'FontAwesome';
	src:
		url("fonts/fontawesome-webfont.eot?v=4.3.0");
	src:
		url("fonts/fontawesome-webfont.eot?#iefix&v=4.3.0")
		format("embedded-opentype"),
		url("fonts/fontawesome-webfont.woff2?v=4.3.0")
		format("woff2"),
		url("fonts/fontawesome-webfont.woff?v=4.3.0")
		format("woff"),
		url("fonts/fontawesome-webfont.ttf?v=4.3.0")
		format("truetype"),
		url("fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular")
		format("svg");
	font-weight: normal;
	font-style: normal;
}

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
	font-size: 1.33333em;
	line-height: 0.75em;
	vertical-align: -15%;
}

.fa-2x {
	font-size: 2em;
}

.fa-3x {
	font-size: 3em;
}

.fa-4x {
	font-size: 4em;
}

.fa-5x {
	font-size: 5em;
}

.fa-fw {
	width: 1.28571em;
	text-align: center;
}

.fa-ul {
	padding-left: 0;
	margin-left: 2.14286em;
	list-style-type: none;
}

.fa-ul>li {
	position: relative;
}

.fa-li {
	position: absolute;
	left: -2.14286em;
	width: 2.14286em;
	top: 0.14286em;
	text-align: center;
}

.fa-li.fa-lg {
	left: -1.85714em;
}

.fa-border {
	padding: .2em .25em .15em;
	border: solid 0.08em #eee;
	border-radius: .1em;
}

.pull-right {
	float: right;
}

.pull-left {
	float: left;
}

.fa.pull-left {
	margin-right: .3em;
}

.fa.pull-right {
	margin-left: .3em;
}

.fa-spin {
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}

.fa-pulse {
	-webkit-animation: fa-spin 1s infinite steps(8);
	animation: fa-spin 1s infinite steps(8);
}

@
-webkit-keyframes fa-spin { 0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

100%
{
-webkit-transform
:
 
rotate
(359deg);

    
transform
:
 
rotate
(359deg);
 
}
}
@
keyframes fa-spin { 0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

100%
{
-webkit-transform
:
 
rotate
(359deg);

    
transform
:
 
rotate
(359deg);
 
}
}
.fa-rotate-90 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.fa-rotate-180 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.fa-rotate-270 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.fa-flip-horizontal {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.fa-flip-vertical {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1);
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal,
	:root .fa-flip-vertical {
	-webkit-filter: none;
	filter: none;
}

.fa-stack {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}

.fa-stack-1x {
	line-height: inherit;
}

.fa-stack-2x {
	font-size: 2em;
}

.fa-inverse {
	color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
	content: "";
}

.fa-music:before {
	content: "";
}

.fa-search:before {
	content: "";
}

.fa-envelope-o:before {
	content: "";
}

.fa-heart:before {
	content: "";
}

.fa-star:before {
	content: "";
}

.fa-star-o:before {
	content: "";
}

.fa-user:before {
	content: "";
}

.fa-film:before {
	content: "";
}

.fa-th-large:before {
	content: "";
}

.fa-th:before {
	content: "";
}

.fa-th-list:before {
	content: "";
}

.fa-check:before {
	content: "";
}

.fa-remove:before, .fa-close:before, .fa-times:before {
	content: "";
}

.fa-search-plus:before {
	content: "";
}

.fa-search-minus:before {
	content: "";
}

.fa-power-off:before {
	content: "";
}

.fa-signal:before {
	content: "";
}

.fa-gear:before, .fa-cog:before {
	content: "";
}

.fa-trash-o:before {
	content: "";
}

.fa-home:before {
	content: "";
}

.fa-file-o:before {
	content: "";
}

.fa-clock-o:before {
	content: "";
}

.fa-road:before {
	content: "";
}

.fa-download:before {
	content: "";
}

.fa-arrow-circle-o-down:before {
	content: "";
}

.fa-arrow-circle-o-up:before {
	content: "";
}

.fa-inbox:before {
	content: "";
}

.fa-play-circle-o:before {
	content: "";
}

.fa-rotate-right:before, .fa-repeat:before {
	content: "";
}

.fa-refresh:before {
	content: "";
}

.fa-list-alt:before {
	content: "";
}

.fa-lock:before {
	content: "";
}

.fa-flag:before {
	content: "";
}

.fa-headphones:before {
	content: "";
}

.fa-volume-off:before {
	content: "";
}

.fa-volume-down:before {
	content: "";
}

.fa-volume-up:before {
	content: "";
}

.fa-qrcode:before {
	content: "";
}

.fa-barcode:before {
	content: "";
}

.fa-tag:before {
	content: "";
}

.fa-tags:before {
	content: "";
}

.fa-book:before {
	content: "";
}

.fa-bookmark:before {
	content: "";
}

.fa-print:before {
	content: "";
}

.fa-camera:before {
	content: "";
}

.fa-font:before {
	content: "";
}

.fa-bold:before {
	content: "";
}

.fa-italic:before {
	content: "";
}

.fa-text-height:before {
	content: "";
}

.fa-text-width:before {
	content: "";
}

.fa-align-left:before {
	content: "";
}

.fa-align-center:before {
	content: "";
}

.fa-align-right:before {
	content: "";
}

.fa-align-justify:before {
	content: "";
}

.fa-list:before {
	content: "";
}

.fa-dedent:before, .fa-outdent:before {
	content: "";
}

.fa-indent:before {
	content: "";
}

.fa-video-camera:before {
	content: "";
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
	content: "";
}

.fa-pencil:before {
	content: "";
}

.fa-map-marker:before {
	content: "";
}

.fa-adjust:before {
	content: "";
}

.fa-tint:before {
	content: "";
}

.fa-edit:before, .fa-pencil-square-o:before {
	content: "";
}

.fa-share-square-o:before {
	content: "";
}

.fa-check-square-o:before {
	content: "";
}

.fa-arrows:before {
	content: "";
}

.fa-step-backward:before {
	content: "";
}

.fa-fast-backward:before {
	content: "";
}

.fa-backward:before {
	content: "";
}

.fa-play:before {
	content: "";
}

.fa-pause:before {
	content: "";
}

.fa-stop:before {
	content: "";
}

.fa-forward:before {
	content: "";
}

.fa-fast-forward:before {
	content: "";
}

.fa-step-forward:before {
	content: "";
}

.fa-eject:before {
	content: "";
}

.fa-chevron-left:before {
	content: "";
}

.fa-chevron-right:before {
	content: "";
}

.fa-plus-circle:before {
	content: "";
}

.fa-minus-circle:before {
	content: "";
}

.fa-times-circle:before {
	content: "";
}

.fa-check-circle:before {
	content: "";
}

.fa-question-circle:before {
	content: "";
}

.fa-info-circle:before {
	content: "";
}

.fa-crosshairs:before {
	content: "";
}

.fa-times-circle-o:before {
	content: "";
}

.fa-check-circle-o:before {
	content: "";
}

.fa-ban:before {
	content: "";
}

.fa-arrow-left:before {
	content: "";
}

.fa-arrow-right:before {
	content: "";
}

.fa-arrow-up:before {
	content: "";
}

.fa-arrow-down:before {
	content: "";
}

.fa-mail-forward:before, .fa-share:before {
	content: "";
}

.fa-expand:before {
	content: "";
}

.fa-compress:before {
	content: "";
}

.fa-plus:before {
	content: "";
}

.fa-minus:before {
	content: "";
}

.fa-asterisk:before {
	content: "";
}

.fa-exclamation-circle:before {
	content: "";
}

.fa-gift:before {
	content: "";
}

.fa-leaf:before {
	content: "";
}

.fa-fire:before {
	content: "";
}

.fa-eye:before {
	content: "";
}

.fa-eye-slash:before {
	content: "";
}

.fa-warning:before, .fa-exclamation-triangle:before {
	content: "";
}

.fa-plane:before {
	content: "";
}

.fa-calendar:before {
	content: "";
}

.fa-random:before {
	content: "";
}

.fa-comment:before {
	content: "";
}

.fa-magnet:before {
	content: "";
}

.fa-chevron-up:before {
	content: "";
}

.fa-chevron-down:before {
	content: "";
}

.fa-retweet:before {
	content: "";
}

.fa-shopping-cart:before {
	content: "";
}

.fa-folder:before {
	content: "";
}

.fa-folder-open:before {
	content: "";
}

.fa-arrows-v:before {
	content: "";
}

.fa-arrows-h:before {
	content: "";
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
	content: "";
}

.fa-twitter-square:before {
	content: "";
}

.fa-facebook-square:before {
	content: "";
}

.fa-camera-retro:before {
	content: "";
}

.fa-key:before {
	content: "";
}

.fa-gears:before, .fa-cogs:before {
	content: "";
}

.fa-comments:before {
	content: "";
}

.fa-thumbs-o-up:before {
	content: "";
}

.fa-thumbs-o-down:before {
	content: "";
}

.fa-star-half:before {
	content: "";
}

.fa-heart-o:before {
	content: "";
}

.fa-sign-out:before {
	content: "";
}

.fa-linkedin-square:before {
	content: "";
}

.fa-thumb-tack:before {
	content: "";
}

.fa-external-link:before {
	content: "";
}

.fa-sign-in:before {
	content: "";
}

.fa-trophy:before {
	content: "";
}

.fa-github-square:before {
	content: "";
}

.fa-upload:before {
	content: "";
}

.fa-lemon-o:before {
	content: "";
}

.fa-phone:before {
	content: "";
}

.fa-square-o:before {
	content: "";
}

.fa-bookmark-o:before {
	content: "";
}

.fa-phone-square:before {
	content: "";
}

.fa-twitter:before {
	content: "";
}

.fa-facebook-f:before, .fa-facebook:before {
	content: "";
}

.fa-github:before {
	content: "";
}

.fa-unlock:before {
	content: "";
}

.fa-credit-card:before {
	content: "";
}

.fa-rss:before {
	content: "";
}

.fa-hdd-o:before {
	content: "";
}

.fa-bullhorn:before {
	content: "";
}

.fa-bell:before {
	content: "";
}

.fa-certificate:before {
	content: "";
}

.fa-hand-o-right:before {
	content: "";
}

.fa-hand-o-left:before {
	content: "";
}

.fa-hand-o-up:before {
	content: "";
}

.fa-hand-o-down:before {
	content: "";
}

.fa-arrow-circle-left:before {
	content: "";
}

.fa-arrow-circle-right:before {
	content: "";
}

.fa-arrow-circle-up:before {
	content: "";
}

.fa-arrow-circle-down:before {
	content: "";
}

.fa-globe:before {
	content: "";
}

.fa-wrench:before {
	content: "";
}

.fa-tasks:before {
	content: "";
}

.fa-filter:before {
	content: "";
}

.fa-briefcase:before {
	content: "";
}

.fa-arrows-alt:before {
	content: "";
}

.fa-group:before, .fa-users:before {
	content: "";
}

.fa-chain:before, .fa-link:before {
	content: "";
}

.fa-cloud:before {
	content: "";
}

.fa-flask:before {
	content: "";
}

.fa-cut:before, .fa-scissors:before {
	content: "";
}

.fa-copy:before, .fa-files-o:before {
	content: "";
}

.fa-paperclip:before {
	content: "";
}

.fa-save:before, .fa-floppy-o:before {
	content: "";
}

.fa-square:before {
	content: "";
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
	content: "";
}

.fa-list-ul:before {
	content: "";
}

.fa-list-ol:before {
	content: "";
}

.fa-strikethrough:before {
	content: "";
}

.fa-underline:before {
	content: "";
}

.fa-table:before {
	content: "";
}

.fa-magic:before {
	content: "";
}

.fa-truck:before {
	content: "";
}

.fa-pinterest:before {
	content: "";
}

.fa-pinterest-square:before {
	content: "";
}

.fa-google-plus-square:before {
	content: "";
}

.fa-google-plus:before {
	content: "";
}

.fa-money:before {
	content: "";
}

.fa-caret-down:before {
	content: "";
}

.fa-caret-up:before {
	content: "";
}

.fa-caret-left:before {
	content: "";
}

.fa-caret-right:before {
	content: "";
}

.fa-columns:before {
	content: "";
}

.fa-unsorted:before, .fa-sort:before {
	content: "";
}

.fa-sort-down:before, .fa-sort-desc:before {
	content: "";
}

.fa-sort-up:before, .fa-sort-asc:before {
	content: "";
}

.fa-envelope:before {
	content: "";
}

.fa-linkedin:before {
	content: "";
}

.fa-rotate-left:before, .fa-undo:before {
	content: "";
}

.fa-legal:before, .fa-gavel:before {
	content: "";
}

.fa-dashboard:before, .fa-tachometer:before {
	content: "";
}

.fa-comment-o:before {
	content: "";
}

.fa-comments-o:before {
	content: "";
}

.fa-flash:before, .fa-bolt:before {
	content: "";
}

.fa-sitemap:before {
	content: "";
}

.fa-umbrella:before {
	content: "";
}

.fa-paste:before, .fa-clipboard:before {
	content: "";
}

.fa-lightbulb-o:before {
	content: "";
}

.fa-exchange:before {
	content: "";
}

.fa-cloud-download:before {
	content: "";
}

.fa-cloud-upload:before {
	content: "";
}

.fa-user-md:before {
	content: "";
}

.fa-stethoscope:before {
	content: "";
}

.fa-suitcase:before {
	content: "";
}

.fa-bell-o:before {
	content: "";
}

.fa-coffee:before {
	content: "";
}

.fa-cutlery:before {
	content: "";
}

.fa-file-text-o:before {
	content: "";
}

.fa-building-o:before {
	content: "";
}

.fa-hospital-o:before {
	content: "";
}

.fa-ambulance:before {
	content: "";
}

.fa-medkit:before {
	content: "";
}

.fa-fighter-jet:before {
	content: "";
}

.fa-beer:before {
	content: "";
}

.fa-h-square:before {
	content: "";
}

.fa-plus-square:before {
	content: "";
}

.fa-angle-double-left:before {
	content: "";
}

.fa-angle-double-right:before {
	content: "";
}

.fa-angle-double-up:before {
	content: "";
}

.fa-angle-double-down:before {
	content: "";
}

.fa-angle-left:before {
	content: "";
}

.fa-angle-right:before {
	content: "";
}

.fa-angle-up:before {
	content: "";
}

.fa-angle-down:before {
	content: "";
}

.fa-desktop:before {
	content: "";
}

.fa-laptop:before {
	content: "";
}

.fa-tablet:before {
	content: "";
}

.fa-mobile-phone:before, .fa-mobile:before {
	content: "";
}

.fa-circle-o:before {
	content: "";
}

.fa-quote-left:before {
	content: "";
}

.fa-quote-right:before {
	content: "";
}

.fa-spinner:before {
	content: "";
}

.fa-circle:before {
	content: "";
}

.fa-mail-reply:before, .fa-reply:before {
	content: "";
}

.fa-github-alt:before {
	content: "";
}

.fa-folder-o:before {
	content: "";
}

.fa-folder-open-o:before {
	content: "";
}

.fa-smile-o:before {
	content: "";
}

.fa-frown-o:before {
	content: "";
}

.fa-meh-o:before {
	content: "";
}

.fa-gamepad:before {
	content: "";
}

.fa-keyboard-o:before {
	content: "";
}

.fa-flag-o:before {
	content: "";
}

.fa-flag-checkered:before {
	content: "";
}

.fa-terminal:before {
	content: "";
}

.fa-code:before {
	content: "";
}

.fa-mail-reply-all:before, .fa-reply-all:before {
	content: "";
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before
	{
	content: "";
}

.fa-location-arrow:before {
	content: "";
}

.fa-crop:before {
	content: "";
}

.fa-code-fork:before {
	content: "";
}

.fa-unlink:before, .fa-chain-broken:before {
	content: "";
}

.fa-question:before {
	content: "";
}

.fa-info:before {
	content: "";
}

.fa-exclamation:before {
	content: "";
}

.fa-superscript:before {
	content: "";
}

.fa-subscript:before {
	content: "";
}

.fa-eraser:before {
	content: "";
}

.fa-puzzle-piece:before {
	content: "";
}

.fa-microphone:before {
	content: "";
}

.fa-microphone-slash:before {
	content: "";
}

.fa-shield:before {
	content: "";
}

.fa-calendar-o:before {
	content: "";
}

.fa-fire-extinguisher:before {
	content: "";
}

.fa-rocket:before {
	content: "";
}

.fa-maxcdn:before {
	content: "";
}

.fa-chevron-circle-left:before {
	content: "";
}

.fa-chevron-circle-right:before {
	content: "";
}

.fa-chevron-circle-up:before {
	content: "";
}

.fa-chevron-circle-down:before {
	content: "";
}

.fa-html5:before {
	content: "";
}

.fa-css3:before {
	content: "";
}

.fa-anchor:before {
	content: "";
}

.fa-unlock-alt:before {
	content: "";
}

.fa-bullseye:before {
	content: "";
}

.fa-ellipsis-h:before {
	content: "";
}

.fa-ellipsis-v:before {
	content: "";
}

.fa-rss-square:before {
	content: "";
}

.fa-play-circle:before {
	content: "";
}

.fa-ticket:before {
	content: "";
}

.fa-minus-square:before {
	content: "";
}

.fa-minus-square-o:before {
	content: "";
}

.fa-level-up:before {
	content: "";
}

.fa-level-down:before {
	content: "";
}

.fa-check-square:before {
	content: "";
}

.fa-pencil-square:before {
	content: "";
}

.fa-external-link-square:before {
	content: "";
}

.fa-share-square:before {
	content: "";
}

.fa-compass:before {
	content: "";
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
	content: "";
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
	content: "";
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
	content: "";
}

.fa-euro:before, .fa-eur:before {
	content: "";
}

.fa-gbp:before {
	content: "";
}

.fa-dollar:before, .fa-usd:before {
	content: "";
}

.fa-rupee:before, .fa-inr:before {
	content: "";
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
	content: "";
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
	content: "";
}

.fa-won:before, .fa-krw:before {
	content: "";
}

.fa-bitcoin:before, .fa-btc:before {
	content: "";
}

.fa-file:before {
	content: "";
}

.fa-file-text:before {
	content: "";
}

.fa-sort-alpha-asc:before {
	content: "";
}

.fa-sort-alpha-desc:before {
	content: "";
}

.fa-sort-amount-asc:before {
	content: "";
}

.fa-sort-amount-desc:before {
	content: "";
}

.fa-sort-numeric-asc:before {
	content: "";
}

.fa-sort-numeric-desc:before {
	content: "";
}

.fa-thumbs-up:before {
	content: "";
}

.fa-thumbs-down:before {
	content: "";
}

.fa-youtube-square:before {
	content: "";
}

.fa-youtube:before {
	content: "";
}

.fa-xing:before {
	content: "";
}

.fa-xing-square:before {
	content: "";
}

.fa-youtube-play:before {
	content: "";
}

.fa-dropbox:before {
	content: "";
}

.fa-stack-overflow:before {
	content: "";
}

.fa-instagram:before {
	content: "";
}

.fa-flickr:before {
	content: "";
}

.fa-adn:before {
	content: "";
}

.fa-bitbucket:before {
	content: "";
}

.fa-bitbucket-square:before {
	content: "";
}

.fa-tumblr:before {
	content: "";
}

.fa-tumblr-square:before {
	content: "";
}

.fa-long-arrow-down:before {
	content: "";
}

.fa-long-arrow-up:before {
	content: "";
}

.fa-long-arrow-left:before {
	content: "";
}

.fa-long-arrow-right:before {
	content: "";
}

.fa-apple:before {
	content: "";
}

.fa-windows:before {
	content: "";
}

.fa-android:before {
	content: "";
}

.fa-linux:before {
	content: "";
}

.fa-dribbble:before {
	content: "";
}

.fa-skype:before {
	content: "";
}

.fa-foursquare:before {
	content: "";
}

.fa-trello:before {
	content: "";
}

.fa-female:before {
	content: "";
}

.fa-male:before {
	content: "";
}

.fa-gittip:before, .fa-gratipay:before {
	content: "";
}

.fa-sun-o:before {
	content: "";
}

.fa-moon-o:before {
	content: "";
}

.fa-archive:before {
	content: "";
}

.fa-bug:before {
	content: "";
}

.fa-vk:before {
	content: "";
}

.fa-weibo:before {
	content: "";
}

.fa-renren:before {
	content: "";
}

.fa-pagelines:before {
	content: "";
}

.fa-stack-exchange:before {
	content: "";
}

.fa-arrow-circle-o-right:before {
	content: "";
}

.fa-arrow-circle-o-left:before {
	content: "";
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
	content: "";
}

.fa-dot-circle-o:before {
	content: "";
}

.fa-wheelchair:before {
	content: "";
}

.fa-vimeo-square:before {
	content: "";
}

.fa-turkish-lira:before, .fa-try:before {
	content: "";
}

.fa-plus-square-o:before {
	content: "";
}

.fa-space-shuttle:before {
	content: "";
}

.fa-slack:before {
	content: "";
}

.fa-envelope-square:before {
	content: "";
}

.fa-wordpress:before {
	content: "";
}

.fa-openid:before {
	content: "";
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
	content: "";
}

.fa-mortar-board:before, .fa-graduation-cap:before {
	content: "";
}

.fa-yahoo:before {
	content: "";
}

.fa-google:before {
	content: "";
}

.fa-reddit:before {
	content: "";
}

.fa-reddit-square:before {
	content: "";
}

.fa-stumbleupon-circle:before {
	content: "";
}

.fa-stumbleupon:before {
	content: "";
}

.fa-delicious:before {
	content: "";
}

.fa-digg:before {
	content: "";
}

.fa-pied-piper:before {
	content: "";
}

.fa-pied-piper-alt:before {
	content: "";
}

.fa-drupal:before {
	content: "";
}

.fa-joomla:before {
	content: "";
}

.fa-language:before {
	content: "";
}

.fa-fax:before {
	content: "";
}

.fa-building:before {
	content: "";
}

.fa-child:before {
	content: "";
}

.fa-paw:before {
	content: "";
}

.fa-spoon:before {
	content: "";
}

.fa-cube:before {
	content: "";
}

.fa-cubes:before {
	content: "";
}

.fa-behance:before {
	content: "";
}

.fa-behance-square:before {
	content: "";
}

.fa-steam:before {
	content: "";
}

.fa-steam-square:before {
	content: "";
}

.fa-recycle:before {
	content: "";
}

.fa-automobile:before, .fa-car:before {
	content: "";
}

.fa-cab:before, .fa-taxi:before {
	content: "";
}

.fa-tree:before {
	content: "";
}

.fa-spotify:before {
	content: "";
}

.fa-deviantart:before {
	content: "";
}

.fa-soundcloud:before {
	content: "";
}

.fa-database:before {
	content: "";
}

.fa-file-pdf-o:before {
	content: "";
}

.fa-file-word-o:before {
	content: "";
}

.fa-file-excel-o:before {
	content: "";
}

.fa-file-powerpoint-o:before {
	content: "";
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before
	{
	content: "";
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
	content: "";
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
	content: "";
}

.fa-file-movie-o:before, .fa-file-video-o:before {
	content: "";
}

.fa-file-code-o:before {
	content: "";
}

.fa-vine:before {
	content: "";
}

.fa-codepen:before {
	content: "";
}

.fa-jsfiddle:before {
	content: "";
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before,
	.fa-support:before, .fa-life-ring:before {
	content: "";
}

.fa-circle-o-notch:before {
	content: "";
}

.fa-ra:before, .fa-rebel:before {
	content: "";
}

.fa-ge:before, .fa-empire:before {
	content: "";
}

.fa-git-square:before {
	content: "";
}

.fa-git:before {
	content: "";
}

.fa-hacker-news:before {
	content: "";
}

.fa-tencent-weibo:before {
	content: "";
}

.fa-qq:before {
	content: "";
}

.fa-wechat:before, .fa-weixin:before {
	content: "";
}

.fa-send:before, .fa-paper-plane:before {
	content: "";
}

.fa-send-o:before, .fa-paper-plane-o:before {
	content: "";
}

.fa-history:before {
	content: "";
}

.fa-genderless:before, .fa-circle-thin:before {
	content: "";
}

.fa-header:before {
	content: "";
}

.fa-paragraph:before {
	content: "";
}

.fa-sliders:before {
	content: "";
}

.fa-share-alt:before {
	content: "";
}

.fa-share-alt-square:before {
	content: "";
}

.fa-bomb:before {
	content: "";
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
	content: "";
}

.fa-tty:before {
	content: "";
}

.fa-binoculars:before {
	content: "";
}

.fa-plug:before {
	content: "";
}

.fa-slideshare:before {
	content: "";
}

.fa-twitch:before {
	content: "";
}

.fa-yelp:before {
	content: "";
}

.fa-newspaper-o:before {
	content: "";
}

.fa-wifi:before {
	content: "";
}

.fa-calculator:before {
	content: "";
}

.fa-paypal:before {
	content: "";
}

.fa-google-wallet:before {
	content: "";
}

.fa-cc-visa:before {
	content: "";
}

.fa-cc-mastercard:before {
	content: "";
}

.fa-cc-discover:before {
	content: "";
}

.fa-cc-amex:before {
	content: "";
}

.fa-cc-paypal:before {
	content: "";
}

.fa-cc-stripe:before {
	content: "";
}

.fa-bell-slash:before {
	content: "";
}

.fa-bell-slash-o:before {
	content: "";
}

.fa-trash:before {
	content: "";
}

.fa-copyright:before {
	content: "";
}

.fa-at:before {
	content: "";
}

.fa-eyedropper:before {
	content: "";
}

.fa-paint-brush:before {
	content: "";
}

.fa-birthday-cake:before {
	content: "";
}

.fa-area-chart:before {
	content: "";
}

.fa-pie-chart:before {
	content: "";
}

.fa-line-chart:before {
	content: "";
}

.fa-lastfm:before {
	content: "";
}

.fa-lastfm-square:before {
	content: "";
}

.fa-toggle-off:before {
	content: "";
}

.fa-toggle-on:before {
	content: "";
}

.fa-bicycle:before {
	content: "";
}

.fa-bus:before {
	content: "";
}

.fa-ioxhost:before {
	content: "";
}

.fa-angellist:before {
	content: "";
}

.fa-cc:before {
	content: "";
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
	content: "";
}

.fa-meanpath:before {
	content: "";
}

.fa-buysellads:before {
	content: "";
}

.fa-connectdevelop:before {
	content: "";
}

.fa-dashcube:before {
	content: "";
}

.fa-forumbee:before {
	content: "";
}

.fa-leanpub:before {
	content: "";
}

.fa-sellsy:before {
	content: "";
}

.fa-shirtsinbulk:before {
	content: "";
}

.fa-simplybuilt:before {
	content: "";
}

.fa-skyatlas:before {
	content: "";
}

.fa-cart-plus:before {
	content: "";
}

.fa-cart-arrow-down:before {
	content: "";
}

.fa-diamond:before {
	content: "";
}

.fa-ship:before {
	content: "";
}

.fa-user-secret:before {
	content: "";
}

.fa-motorcycle:before {
	content: "";
}

.fa-street-view:before {
	content: "";
}

.fa-heartbeat:before {
	content: "";
}

.fa-venus:before {
	content: "";
}

.fa-mars:before {
	content: "";
}

.fa-mercury:before {
	content: "";
}

.fa-transgender:before {
	content: "";
}

.fa-transgender-alt:before {
	content: "";
}

.fa-venus-double:before {
	content: "";
}

.fa-mars-double:before {
	content: "";
}

.fa-venus-mars:before {
	content: "";
}

.fa-mars-stroke:before {
	content: "";
}

.fa-mars-stroke-v:before {
	content: "";
}

.fa-mars-stroke-h:before {
	content: "";
}

.fa-neuter:before {
	content: "";
}

.fa-facebook-official:before {
	content: "";
}

.fa-pinterest-p:before {
	content: "";
}

.fa-whatsapp:before {
	content: "";
}

.fa-server:before {
	content: "";
}

.fa-user-plus:before {
	content: "";
}

.fa-user-times:before {
	content: "";
}

.fa-hotel:before, .fa-bed:before {
	content: "";
}

.fa-viacoin:before {
	content: "";
}

.fa-train:before {
	content: "";
}

.fa-subway:before {
	content: "";
}

.fa-medium:before {
	content: "";
}

/* Styles from Simple Text */
.sociallinks .social-media .fa {
        position: static !important;
}


/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
Buttons - Styleguide 1
*/
/*
Button

Basic button style.

Markup:
<button class=".btn {$modifiers}">Click Me</button>
<a href="" class=".btn {$modifiers}">Click Me</a>
.btn - default styles
.btn-solid - Primary Button
.btn-ghost - Ghost Button
	.btn-ghost-dark - Ghost Button Dark version
	.btn-ghost-light - Ghost Button white version
.btn-lg - Large Button
.btn-disabled - Disabled button
.btn-primary.btn-lg - Combining Large and Primary Button
.btn-small - Small button
.btn-md - medium button
.btn-lg - large button



Styleguide 1.1
*/
.btn {
	font-size: 14px;
	line-height: 1;
	position: relative;
	display: inline-block;
	margin: 5px 10px;
	padding: 12px 25px;
	color: black;
	-moz-user-select: none;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	text-transform: uppercase;
	border: none;
	border-radius: 10px;
	background-color: #fff;
	background-image: none;
	transition: background-color .3s ease 0s;
	overflow: hidden;
	text-decoration: none;
}
@media screen and (max-width: 411px) {
	.btn {
		margin: 5px 0;
	}
}

.btn:hover {
	text-decoration: none;
}

.btn span {
	display: inline !important;
	vertical-align: middle;
}

.btn-centered {
	margin: 10px auto;
	display: block;
	max-width: 100%;
	text-align: center;
}

@media screen and (min-width: 411px) {
	.btn-right-align {
		float: right;
		clear: both;
	}
}

@media screen and (max-width: 411px) {
	.btn-right-align {
		margin: 10px auto;
		display: block;
		max-width: 240px;
		text-align: center;
	}
}

@media screen and (min-width: 411px) {
	.btn-left-align {
		float: float;
		clear: all;
	}
}

@media screen and (max-width: 411px) {
	.btn-left-align {
		margin: 10px auto;
		display: block;
		max-width: 240px;
		text-align: center;
	}
}

.btn-solid {
	color: #fff;
	background-color: #3a75ca;
}

.btn-solid:hover {
	background-color: #2c5ea5;
}

.btn-ghost {
	color: #fff;
	border: 1px solid #fff;
}

.btn-ghost:hover {
	transition: .2s ease;
	color: #3a75ca;
	background-color: #fff;
}

.btn-ghost-dark {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.5);
}

.btn-ghost-light {
	color: #3a75ca;
	border-color: #3a75ca;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.5);
}

.btn-ghost-hover-dark:hover {
	background-color: #3a75ca;
	color: #fff;
}

.btn-left-padding {
	padding-left: 60px;
}

.btn-sm {
	width: 10% !important;
}

.btn-md {
	width: 20% !important;
}

.btn-lg {
	width: 236px !important;
}

.btn-xlg {
	width: 365px !important;
}

@media screen and (max-width: 411px) {
	.btn-xlg {
		width: 100%;
		padding-left: 64px;
	}
}

.btn-group {
	position: relative;
	color: #464646;
	overflow: hidden;
	background-color: #fff;
	background-color: #fff;
}

.btn-group:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 100%;
	content: '';
	text-align: left;
	text-indent: 55px;
	background-image:
		url("images/arrow-up-right.png");
	background-repeat: no-repeat;
	background-position: center;
}

@media screen and (max-width: 510px) {
	.btn-group {
		width: 100%;
		margin: 5px 0;
	}
	.btn-group.btn-centered {
		margin: 5px auto;
	}
}

.btn-group-primary:before {
	background-color: #dd4f05;
}

.btn-group-secondary:before {
	background-color: #3a75ca;
}

.btn-video .icon {
	margin-left: 15px;
	margin-right: 0;
}

/*This is a starter template for the remodal css*/
.remodal {
	color: #636363;
	padding: 0;
	overflow: hidden;
	border: 1px solid #3a75ca;
	font-size: 12px;
	/*the header*/
	/* Dialog buttons */
	/* Close button */
	/* confirm cancel button */
}

.remodal a {
	color: #3a75ca;
}

.remodal a:hover {
	text-decoration: none;
}

.remodal * {
	font-family: 'Open Sans', sans-serif;
}

.remodal-overlay {
	overflow-y: auto;
}

.remodal-content {
	text-align: left;
	padding: 20px;
	font-size: 14px;
}

.remodal-header, .remodal-footer {
	font-size: 14px;
	padding: 15px 20px;
	text-align: left;
}

.remodal-header {
	margin: 0;
	background-color: #3a75ca;
	color: #fff;
	font-weight: normal;
}

.remodal-close {
	right: 10px;
	top: 10px;
	left: auto;
}

.remodal-close:after {
	font-family: 'Open Sans', sans-serif;
	color: #fff;
}

.remodal-confirm, .remodal-cancel {
	border: none;
	background: none;
	width: auto;
	display: inline;
	padding: 0;
	text-align: left;
	text-decoration: underline;
}

.remodal-more-info {
	font-color: red;
}

@media only screen and (max-width: 530px) {
	.loan-officer-modal {
		width: 100%;
	}
}

.loan-officer-modal form {
	display: block;
	text-align: center;
}

.loan-officer-modal form input {
	width: auto;
	margin: 10px 0;
	padding: 7px 20px;
	resize: none;
	color: #959595;
	border: 1px solid;
	/*Removes border*/
	border-radius: 5px;
	background-color: #fff;
	-webkit-appearance: none;
	/*Removes default chrome and safari style*/
	-moz-appearance: none;
	/* Removes Default Firefox style*/
	vertical-align: middle;
}

.loan-officer-modal h4 {
	padding: 0 20px;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
}

.loan-officer-modal .remodal-name-search {
	display: none;
}

.loan-officer-modal .remodal-results {
	overflow: hidden;
}

.loan-officer-modal .remodal-footer span {
	display: inline-block;
	padding: 0 21px;
	margin-left: 21px;
	border-left: 1px solid #636363;
}

@media only screen and (max-width: 530px) {
	.loan-officer-modal .remodal-footer span {
		display: block;
		border: none;
		margin: 0;
		padding: 6px 0;
	}
}

.loan-officer-modal .remodal-content-results {
	display: none;
}

.loan-officer-modal .remodal-go-back, .loan-officer-modal .remodal-more-info
	{
	padding-bottom: 15px;
}

.loan-officer-modal .remodal-go-back {
	float: left;
}

.loan-officer-modal .remodal-more-info {
	float: right;
	text-align: right;
}

.results {
	display: table;
	text-align: left;
	width: 50%;
	float: left;
	padding: 20px;
	/* reset so all p dont have margins . Yes this is bad.*/
}

@media only screen and (max-width: 530px) {
	.results {
		width: 100%;
	}
}

.results p {
	margin: 0;
}

.results-image, .results-body {
	display: table-cell;
	vertical-align: middle;
}

.results--top .results-image, .results--top
  .results-body {
	vertical-align: top;
}

.results-image {
	overflow: hidden;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.results-image>img {
	display: block;
	height: 140px;
	max-width: none;
}

.results-body {
	width: 100%;
	padding-left: 10px;
}

.results-detail .results {
	width: 100%;
}

.results-detail p {
	padding: 0 20px;
	text-align: left;
}

.results-detail .results-body p {
	padding: 0;
}

/*Home page carousel*/
#carousel-fullwidth {
	height: 320px;
}

#carousel-fullwidth .slick-list {
	height: 320px;
}

#carousel-fullwidth.slick-slider {
	margin: 60px 0 0 0;
}

#carousel-fullwidth .slick-track {
	height: 320px;
	margin: 0 0;
	padding: 35px 0;
	background-color: rgba(0, 0, 0, 0.5);
	background-image: #000;
}

.lt-ie9 #carousel-fullwidth .slick-track {
	background-image:
		url(images/ieopacity.png);
}

#carousel-fullwidth .carousel-item {
	position: relative;
	z-index: 1;
	margin: 19px 10px;
	padding: 0 10px;
	text-align: center;
}

#carousel-fullwidth .carousel-item .carousel-image {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	height: 181px;
	cursor: pointer;
	transition: all .5s ease-in-out;
	color: #fff;
	border-radius: 10px;
}

#carousel-fullwidth .carousel-item .carousel-image img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.lt-ie9 #carousel-fullwidth .carousel-item .carousel-image img {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

#carousel-fullwidth .carousel-item p {
	font-size: 18px;
	z-index: 2;
	display: block;
	transition: all .5s ease;
	text-align: center;
	opacity: 1;
	color: #fff;
	margin: 4px 0;
	text-transform: capitalize;
}

#carousel-fullwidth .carousel-item img {
	z-index: 1;
	display: block;
	transition: all .3s ease 0s;
}

@media screen and (max-width: 768px) {
	#carousel-fullwidth .carousel-item img {
		height: 100%;
	}
}

@media screen and (max-width: 767px) {
	#carousel-fullwidth .carousel-item img {
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 509px) {
	#carousel-fullwidth .carousel-item img {
		width: auto;
		height: 100%;
	}
}

#carousel-fullwidth .carousel-item.slick-center {
	z-index: 5;
}

#carousel-fullwidth .carousel-item.slick-center .carousel-image {
	-webkit-transform: scale(1.2);
	/* Safari */
	-ms-transform: scale(1.2);
	/* IE 9 */
	transform: scale(1.2);
	border: 6px solid #fff;
	box-shadow: 0 0 14px #000;
}

#carousel-fullwidth .carousel-item.slick-center p {
	opacity: 0;
}

#carousel-fullwidth-content {
	position: relative;
	z-index: 10;
	top: -61px;
	text-align: center;
}

#carousel-fullwidth-content.slick-slider {
	margin: 0;
}

#carousel-fullwidth-content .slick-slide {
	padding: 20px 0;
}

#carousel-fullwidth-content .tool-tip {
	position: relative;
	max-width: 800px;
	margin: 0 auto;
	padding: 38px 50px;
	font-size: 32px;
	font-style: italic;
	color: #363636;
	border-radius: 10px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.5);
	line-height: 1.2;
}

#carousel-fullwidth-content .tool-tip:after, #carousel-fullwidth-content .tool-tip:before
	{
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	z-index: 10;
	pointer-events: none;
	border: solid transparent;
}

#carousel-fullwidth-content .tool-tip:after {
	border-width: 9px;
	top: -18px;
	border-bottom-color: rgba(255, 255, 255, 0.5);
	left: 50%;
	margin-left: -9px;
}

#carousel-fullwidth-content .tool-tip:before {
	border-width: 10px;
	top: -20px;
	border-bottom-color: none;
	left: 50%;
	margin-left: -10px;
}

#carousel-fullwidth-content .btn {
	margin-top: 50px;
}

.cards {
	overflow: hidden;
	margin-top: 50px;
	text-align: center;
}

@media screen and (max-width: 960px) {
	.cards {
		width: 100%;
	}
}

.cards .card {
	display: inline-block;
	vertical-align: top;
	width: 214px;
	margin: 0 3px;
}

.cards .card-image {
	font-size: 21px;
	position: relative;
	overflow: hidden;
	width: 214px;
	height: 214px;
	text-align: center;
	border-radius: 10px;
	zoom: 1;
}

.cards .card-image:before {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 214px;
	height: 214px;
	content: "";
	zoom: 1;
	background-color: rgba(0, 0, 0, 0.3);
}

.lt-ie9 .cards .card-image:before {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	background-color: #000;
}

.cards .card-image img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

.cards .card-image span {
	position: absolute;
	z-index: 3;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	padding: 16px;
	text-transform: uppercase;
	color: #fff;
}

.cards .card p {
	font-size: 12px;
	margin-top: 25px;
}

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

@media screen and (max-width: 960px) {
	.text-cards {
		width: 100%;
	}
}

.text-cards-card {
	display: inline-block;
	vertical-align: top;
	width: 33%;
	padding: 0 30px;
	border-left: 1px solid #d6d6d6;
	text-align: left;
}

.text-cards-card h4 {
	font-size: 18px;
	color: #475660;
	margin-top: 7px;
}

.text-cards-card p {
	text-align: left;
	padding-bottom: 40px;
	font-size: 12px;
	color: #636363;
}

.text-cards-card:first-child {
	border: none;
}

@media screen and (max-width: 902px) {
	.text-cards-card {
		width: 100%;
		border: none;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 400px) {
	.text-cards-card {
		padding: 0;
	}
}

.text-cards .slick-track {
	cursor: -webkit-grab;
	cursor: grab;
}

.text-cards .slick-track:active {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

.text-cards .slick-dots li button:before {
	color: #E1E1E1;
	font-size: 12px;
	opacity: 1;
}

.text-cards .slick-dots li.slick-active button:before {
	color: #3a75ca;
}

.two-columns {
	overflow: hidden;
	margin: 0 auto;
}

.two-columns .column {
	display: inline;
	float: left;
	width: 47.91667%;
	margin: 0 1.04167%;
	color: #636363;
	transition: all .5s ease-in-out;
}

.two-columns .column a {
	color: #427ed2;
}

@media screen and (max-width: 961px) {
	.two-columns .column {
		padding: 0 40px;
	}
}

@media screen and (max-width: 768px) {
	.two-columns .column {
		display: block;
		float: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
}

.two-columns .column h2 {
	font-size: 30px;
	color: #475660;
	font-weight: normal;
	line-height: 1.1;
	font-weight: 600;
}

.two-columns .column p {
	font-size: 14px;
}

.two-columns-contact-info h2 {
	line-height: 1.1;
}

.two-columns-contact-info .column-right {
	padding-left: 80px;
}

@media screen and (max-width: 768px) {
	.two-columns-contact-info .column-right {
		padding: 0;
	}
}

.two-columns-hour-social .column-left {
	padding-right: 90px;
	border-right: 1px solid #fff;
}

@media screen and (max-width: 768px) {
	.two-columns-hour-social .column-left {
		padding: 0;
	}
}

.two-columns-hour-social .column-right {
	padding-left: 58px;
}

@media screen and (max-width: 768px) {
	.two-columns-hour-social .column-right {
		padding: 0;
	}
}

.two-columns-investor .column-left {
	border-right: 1px solid #d6d6d6;
	padding: 0 70px 0 30px;
}

@media screen and (max-width: 768px) {
	.two-columns-investor .column-left {
		border-bottom: 1px solid #d6d6d6;
		border-right: none;
		padding: 0 0 45px;
	}
}

.two-columns-investor .column-right {
	padding: 22px 0 0 45px;
}

@media screen and (max-width: 768px) {
	.two-columns-investor .column-right {
		padding: 20px 0 0 0;
	}
}

.two-columns-investor .column em {
	font-size: 12px;
	font-style: italic;
	text-align: center;
}

@media screen and (min-width: 768px) {
	.two-columns-investor .column em {
		text-align: left;
	}
}

.two-columns-investor .column em span {
	display: block;
}

@media screen and (min-width: 768px) {
	.two-columns-investor .column em span {
		display: inline;
	}
}

.stock-values {
	font-size: 18px;
	margin: 0;
	padding: 35px 0;
	overflow: auto;
}

@media screen and (min-width: 768px) {
	.stock-values {
		padding: 30px 0 25px;
	}
}

.stock-values dt {
	clear: both;
	float: left;
}

.stock-values dd {
	float: right;
}

.stock-values .stock-value-lg {
	font-size: 24px;
	margin: 0 0 30px;
}

@media screen and (min-width: 768px) {
	.stock-values .stock-value-lg {
		font-size: 36px;
	}
}

.arrowed-list {
	margin: 0;
	padding: 0;
}

.arrowed-list li {
	list-style-type: none;
	margin: 20px 0;
	padding: 0 0 0 30px;
	position: relative;
}

.arrowed-list li:before {
	background:
		url("images/spritesheet/spritesheet-b1447105612067.png")
		no-repeat -74px -46px;
	content: " ";
	display: inline-block;
	height: 15px;
	left: 0;
	margin: 0 15px 0 0;
	position: absolute;
	top: 3px;
	width: 15px;
}

.arrowed-list a {
	text-decoration: underline;
}

.arrowed-list a:hover {
	text-decoration: none;
}

.text-detail-small {
	display: table;
	text-align: center;
	vertical-align: top;
	border-spacing: 9px 23px;
	margin: 0 auto;
}

@media screen and (max-width: 902px) {
	.text-detail-small {
		display: block;
	}
}
 @media screen and (max-width: 768px) {
	.text-detail-small {
		display: flex;
	}
}
@media screen and (width: 768px) {
   .small-text {
    font-size: 8px !important;
	}
   .margin-bottom-50{
    margin-left: 35px !important;
    margin-right: 35px !important;
	}
}

.text-detail-small-item {
	display: table-cell;
	vertical-align: top;
	/*height: 100%;*/
	width: 214px;
	padding: 19px;
	margin-bottom: 20px; text-align : left;
	border-radius: 10px;
	transition: all .5s ease-in-out;
	text-align: left;
}

@media screen and (max-width: 902px) {
	.text-detail-small-item {
		display: inline-block;
	}
}

.text-detail-small-item h2 {
	font-size: 20px;
	line-height: 1;
	margin-top: 0;
	margin-bottom: 20px;
}

.text-detail-small-item p {
	margin-top: 0;
	margin-bottom: 20px;
}

.text-detail-small-item a {
	line-height: 1.23;
	text-decoration: underline;
	display: inline-block;
}

.text-detail-small-item a:hover {
	text-decoration: none;
}

.text-detail-small-item.slick-slide {
	opacity: 0.7;
}

.text-detail-small-item.slick-center {
	-webkit-transform: scale(1.04);
	/* Safari */
	-ms-transform: scale(1.04);
	/* IE 9 */
	transform: scale(1.04);
	opacity: 1;
	margin: 10px 5px;
}

.text-detail-small .slick-dots li button:before {
	color: #427ed2;
	font-size: 12px;
	opacity: 1;
}

.text-detail-small .slick-dots li.slick-active button:before {
	color: #d7d7d7;
}

.text-detail-staked {
	width: 960px;
	margin: 0 auto;
	border-radius: 10px;
	text-align: center;
	vertical-align: top;
}

@media screen and (max-width: 960px) {
	.text-detail-staked {
		width: 100%;
		border-radius: 0;
	}
}

.text-detail-staked-item {
	display: inline-block;
	vertical-align: top;
	padding: 10px;
	text-align: left;
	border-radius: 10px;
	transition: all .5s ease-in-out;
}

/*.text-detail-staked-item .ffb .large-4-column{
    position: relative;
}*/

.text-detail-staked-item h2 {
	font-size: 20px;
	line-height: 1;
	font-weight: normal;
}

.text-detail-staked-item p {
	margin-top: 0;
	margin-bottom: 13px;
}

.text-detail-staked-item a {
	line-height: 1.2;
	display: inline-block;
	color: #a6cbff !important;
	text-decoration: underline;
}

.text-detail-staked-item a:hover {
	text-decoration: none;
}

.text-detail-staked .slick-dots li button:before {
	color: #fff;
	font-size: 12px;
	opacity: 1;
}

.text-detail-staked .slick-dots li.slick-active button:before {
	color: #787878;
}

.text-detail-image-dark {
	width: 960px;
	margin: 0 auto;
	border-radius: 10px;
	text-align: center;
	vertical-align: top;
}

@media screen and (max-width: 960px) {
	.text-detail-image-dark {
		width: 100%;
		border-radius: 0;
	}
}

.text-detail-image-dark-item {
	display: inline-block;
	vertical-align: top;
	width: 214px;
	margin: 50px 30px 50px 30px;
	padding: 19px;
	text-align: center;
	border-radius: 10px;
	transition: all .5s ease-in-out;
}

.text-detail-image-dark-item img {
	display: block;
	margin: 0 auto 30px;
}

.text-detail-image-dark-item h2 {
	font-size: 20px;
	line-height: 1;
	font-weight: normal;
	margin-top: 16px;
	margin-bottom: 16px;
}

.text-detail-image-dark-item p {
	margin-top: 0;
	margin-bottom: 14px;
	font-weight: 300;
}

.text-detail-image-dark-item a {
	line-height: 1.2;
	display: inline-block;
}

.text-detail-image-dark .slick-dots {
	bottom: 22px;
}

.text-detail-image-dark .slick-dots li button:before {
	color: #fff;
	font-size: 12px;
	opacity: 1;
}

.text-detail-image-dark .slick-dots li.slick-active button:before {
	color: #787878;
}

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

.text-checkmark-list ul {
	list-style: none outside none;
	display: inline-block;
	margin: 0 auto;
	padding: 0;
}

.text-checkmark-list ul li {
	position: relative;
	padding: 0 0 0 35px;
	font-size: 24px;
	text-align: left;
	margin: 20px 0;
}

@media screen and (max-width: 768px) {
	.text-checkmark-list ul li {
		font-size: 18px;
	}
}

.text-checkmark-list ul li:before {
	display: block;
	content: "";
	position: absolute;
	width: 24px;
	height: 19px;
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: -95px -50px;
	width: 24px;
	height: 19px;
	top: 4px;
	left: 0;
	color: #b0d47c;
}

.text-checkmark-list-dark {
	width: 960px;
	margin: 0 auto 5px auto;
	border-radius: 10px;
	padding: 20px 0;
	text-align: center;
}

@media screen and (max-width: 960px) {
	.text-checkmark-list-dark {
		width: 100%;
		border-radius: 0;
	}
}

.text-checkmark-list-dark .list-item {
	display: inline-block;
	border-left: 1px solid #d6d6d6;
	padding: 0 24px;
	width: 214px;
	vertical-align: top;
}

.text-checkmark-list-dark .list-item:first-child {
	border: none;
}

@media screen and (max-width: 960px) {
	.text-checkmark-list-dark .list-item {
		margin-bottom: 70px;
	}
}

.text-checkmark-list-dark .list-item h2 {
	font-size: 20px;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 16px;
	margin-top: 50px;
	text-align: left;
}

.text-checkmark-list-dark .list-item p {
	font-size: 13px;
	text-align: left;
	display: block;
	margin: 15px auto 0 auto;
}

@media screen and (max-width: 960px) {
	.text-checkmark-list-dark .list-item p {
		width: 214px;
		padding: 0 24px 0 0;
	}
}

.text-checkmark-list-dark .list-item ul {
	list-style: none outside none;
	display: inline-block;
	margin: 0 auto;
	padding: 0;
}

.text-checkmark-list-dark .list-item ul li {
	position: relative;
	padding: 0 0 0 20px;
	margin: 15px 0;
	font-size: 13px;
	text-align: left;
	transition: all .5s ease-in-out;
}

.text-checkmark-list-dark .list-item ul li:before {
	display: block;
	content: "";
	position: absolute;
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: -125px -70px;
	width: 13px;
	height: 11px;
	top: 4px;
	left: 0;
	color: #b0d47c;
}

.text-checkmark-list-dark .slick-slide {
	border: none;
}

.text-checkmark-list-dark .slick-dots {
	bottom: 22px;
}

.text-checkmark-list-dark .slick-dots li button:before {
	color: #fff;
	font-size: 12px;
	opacity: 1;
}

.text-checkmark-list-dark .slick-dots li.slick-active button:before {
	color: #0082C6;
}

.hand-drawn-image-title {
	text-align: center;
}

.hand-drawn-image-title-item {
	display: inline-table;
	padding: 0 30px;
	font-size: 15px;
	transition: all .3s ease 0s;
}

.hand-drawn-image-title-item img {
	transition: all .3s ease 0s;
}

.hand-drawn-image-title-item p {
    color: rgb(0, 124, 194);
}

@media only screen and (min-width: 320px) and (max-width: 420px) and (orientation: portrait) {
    .imagelist.section {
        width: 100%;
    }
    .hand-drawn-image-title-item {
        vertical-align: top;
    }
    .hand-drawn-image-title {
        display: inline-block;
    }
}

@media screen and (max-width: 514px) {
	.hand-drawn-image-title-item {
		width: 137px;
	}
	.hand-drawn-image-title-item img {
		width: 100px;
	}
}

.protection-image-title {
	text-align: center;
}

.protection-image-title-wrapper {
	display: inline-block;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}

.protection-image-title-item {
	display: inline-block;
	padding: 50px 35px;
	font-size: 15px;
	transition: all .3s ease 0s;
}

.protection-image-title-item img {
	transition: all .3s ease 0s;
}

@media screen and (max-width: 514px) {
	.protection-image-title-item {
		width: 137px;
		padding: 20px 35px;
	}
}

/**
 * Flag object.
 * http://csswizardry.com/2013/05/the-flag-object/
 * Very similar to the media object, only the flag object allows for vertical alignment.
 * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
 */
.flag {
	display: table;
	width: 100%;
	/* reset so all p dont have margins . Yes this is bad.*/
}

.flag p {
	margin: 0;
}

.flag-image, .flag-body {
	display: table-cell;
	vertical-align: middle;
}

.flag--top .flag-image, .flag--top
  .flag-body {
	vertical-align: top;
}

.flag--bottom .flag-image, .flag--bottom
  .flag-body {
	vertical-align: bottom;
}

.flag-image {
	padding-right: 10px;
}

.flag-image>img {
	display: block;
	max-width: none;
}

.flag--rev .flag-image {
	padding-right: 0;
	padding-left: 10px;
}

.flag-body {
	width: 100%;
}

/*
Footer

Styleguide 1
*/
/*
Footer

Basic button style.

Markup:  <div class="footer"><footer>
	<!-- Footer content -->
  </footer></div>

.footer - footer style


Styleguide 1.1
*/
.footer {
	background-color: #FFC845;
	max-width: 100%;
	margin: 0 auto;
}

.footer-content {
	margin: 0 auto;
	padding: 46px 0;
}

.footer-social {
	display: block;
	margin: 0 auto;
	width: 960px;
	text-align: center;
}

@media screen and (max-width: 960px) {
	.footer-social {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.footer-social img {
		display: block;
		margin: 0 auto 10px;
	}
}

.footer-social div.social-media {
	display: inline;
}

.footer-social a, .footer-social .social-media a {
	color: #000;
	text-decoration: none;
	font-size: 25px;
	margin: 0 11px;
	vertical-align: middle;
	display: inline-block;
}

@media screen and (max-width: 768px) {
	.footer-social {
		text-align: center;
	}
}

@media screen and (max-width: 768px) {
	.footer-social .footer-logo {
		display: block;
	}
}

.footer-bottom {
	font-size: 12px;
	width: 100%;
	padding: 22px 0 17px 0;
	padding-bottom: 27px;
	text-align: center;
	color: #fff;
	background-color: #787878;
}

.footer-bottom .footer-bottom-nav {
	margin-right: 10px;
}

.footer-bottom a {
	display: inline-block;
	padding: 0 8px;
	text-decoration: none;
	color: inherit;
	border-right: 1px solid #555555;
	line-height: 0.9;
}

.footer-bottom a:hover {
	text-decoration: underline;
}

.footer-bottom a:last-child {
	border: none;
}

/*
Header

Styleguide 1
*/
/*
Header

Basic button style.

Markup: <div class="header {$modifiers}"><header></header></div>

.Header-primary - Primary Header


Styleguide 1.1
*/
.header {
	max-width: 100%;
	margin: 0 auto;
}

.section-content input, .section-content textarea, .section-content select
	{
	width: 100px;
	/*Width of select dropdown to give space for arrow image*/
	width: 100%;
	margin: 10px 0;
	padding: 10px 20px;
	resize: none;
	color: #959595;
	border: 1px solid;
	/*Removes border*/
	border-radius: 5px;
	background-color: #fff;
	-webkit-appearance: none;
	/*Removes default chrome and safari style*/
	-moz-appearance: none;
	/* Removes Default Firefox style*/
}

.section-content input:focus, .section-content select:focus,
	.section-content textarea:focus, .section-content button:focus,
	.section-content input:active, .section-content select:active,
	.section-content textarea:active, .section-content button:active,
	.section-content *:focus, .section-content *:active {
	outline: none;
	-webkit-tap-highlight-color: transparent !important;
	-webkit-tap-highlight-color: transparent;
	-webkit-focus-ring-color: transparent !important;
}

.missingbutton {
	background-color: #fff;
    background-repeat: no-repeat;
    background-image: url(../../../content/dam/first-financial-bank/icons/search-icon-png-21.png);
    background-size: 15px;
	margin-top: 1px !important;
    position: absolute;
    right: 29px;
    top: 14px;
    height: 15px;
    width: 18px;
}

button.missingbutton:focus {
	outline: 0;
}

.section-form {
	width: 768px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	.section-form {
		width: 100%;
	}
}

.section-form-wrapper {
	overflow: hidden;
}

.section-form .contact-form-wrapper {
	display: block;
	float: left;
	width: 50%;
	padding: 0 10px;
}

@media screen and (max-width: 768px) {
	.section-form .contact-form-wrapper {
		float: none;
		width: 100%;
	}
}

.section-form input[type="text"], .section-form input[type="tel"],
	.section-form input[type="email"], .section-form textarea,
	.section-form select {
	width: 100px;
	/*Width of select dropdown to give space for arrow image*/
	width: 100%;
	margin: 10px 0;
	padding: 10px 20px;
	resize: none;
	color: #959595;
	border: 1px solid;
	/*Removes border*/
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #fff;
	-webkit-appearance: none;
	/*Removes default chrome and safari style*/
	-moz-appearance: none;
	/* Removes Default Firefox style*/
}

.section-form .cheackbox-wrapper {
	color: #fff;
	font-size: 14px;
	padding: 0 13px;
	vertical-align: middle;
	overflow: hidden;
	position: relative;
	text-align: left;
}

.section-form .cheackbox-wrapper label {
	vertical-align: middle;
	display: inline-block;
	margin-right: 13px;
	position: relative;
	z-index: 2;
	padding-left: 45px;
}

.lt-ie9 .section-form .cheackbox-wrapper label {
	float: left;
}

.section-form .cheackbox-wrapper label:before {
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	background-color: #fff;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius: 5px;
	color: #fff;
	border: 1px solid #959595;
	z-index: 1;
}

.lt-ie9 .section-form .cheackbox-wrapper label:before {
	display: none;
}

.section-form .cheackbox-wrapper input[type="checkbox"] {
	display: none;
	margin: 0;
	padding: 0;
}

.lt-ie9 .section-form .cheackbox-wrapper input[type="checkbox"] {
	display: block;
	position: absolute;
	top: 15px;
	left: 15px;
}

.section-form .cheackbox-wrapper input[type="checkbox"]:checked+label:before
	{
	content: "\2713";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	font-size: 15px;
	color: green;
	text-align: center;
	line-height: 15px;
}

.section-form .textarea-wrapper {
	padding: 0 10px;
}

.section-form .state-select {
	float: left;
	width: 100px;
	/*Width of select dropdown to give space for arrow image*/
	width: 48%;
	text-indent: .01px;
	/* Removes default arrow from firefox*/
	text-overflow: '';
	/*Removes default arrow from firefox*/
	/*My custom style for fonts*/
	background-image:
		url(images/angle-down.png);
	background-repeat: no-repeat;
	background-position: 90% center;
	background-color: #fff;
	margin: 10px 0;
	padding: 10px 20px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	overflow: hidden;
	border: 1px solid #959595;
}

@media screen and (max-width: 768px) {
	.section-form .state-select {
		width: 100%;
	}
}

.section-form .state-select select {
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 0;
	width: 140%;
	outline: none;
}

.lt-ie9 .section-form .state-select select {
	background-image: none;
}

.section-form input[type="text"].zip-input {
	float: right;
	width: 47%;
	margin-left: 10px;
}

@media screen and (max-width: 768px) {
	.section-form input[type="text"].zip-input {
		float: none;
		width: 100%;
		margin-left: auto;
	}
}

.section-form .cheackbox-wrapper {
	color: #787878;
	font-size: 14px;
	padding: 13px 0;
	vertical-align: middle;
	overflow: hidden;
	position: relative;
}

.section-form .cheackbox-wrapper label {
	vertical-align: middle;
	display: inline-block;
	margin-right: 13px;
	position: relative;
	z-index: 2;
	padding-left: 45px;
}

.lt-ie9 .section-form .cheackbox-wrapper label {
	float: left;
}

.section-form .cheackbox-wrapper label:before {
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	background-color: #fff;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius: 5px;
	color: #787878;
	z-index: 1;
	vertical-align: middle;
}

.lt-ie9 .section-form .cheackbox-wrapper label:before {
	display: none;
}

.section-form .cheackbox-wrapper input[type="checkbox"] {
	display: none;
	margin: 0;
	padding: 0;
}

.lt-ie9 .section-form .cheackbox-wrapper input[type="checkbox"] {
	display: block;
	position: absolute;
	top: 15px;
	left: 15px;
}

.section-form .cheackbox-wrapper input[type="checkbox"]:checked+label:before
	{
	content: "\2713";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	font-size: 28px;
	color: green;
	text-align: center;
	line-height: 28px;
}

/*default look for the form thanks div*/
.thanks-form-submit {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.ajaxsubmit {
	background-color: #000 !important;
	background-color: rgba(0, 0, 0, 0.5) !important;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 20;
	border-radius: 10px;
}

.ajaxsubmit img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*error valisation*/
.error.message {
	color: red;
	padding: 4px 10px;
	font-size: 12px;
	background-color: #FFE57F;
	line-height: 0.9;
	position: relative;
}

label.error.message.msg-style {
    position: absolute;
    z-index: 5;
}

.error.message:after, .error.message:before {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	z-index: 10;
	pointer-events: none;
	border: solid transparent;
}

.error.message:after {
	border-width: 4px;
	top: -8px;
	border-bottom-color: #FFE57F;
	left: 0;
	margin-left: 16px;
}

.error.message:before {
	border-width: 5px;
	top: -10px;
	border-bottom-color: #FFE57F;
	left: 0;
	margin-left: 15px;
}

/*
Header

Styleguide 1
*/
/*
Header

Basic button style.

Markup: <div class="header {$modifiers}"><header></header></div>

.Header-primary - Primary Header


Styleguide 1.1
*/
.header {
	max-width: 100%;
	margin: 0 auto;
}

.hero {
	position: relative;
	overflow: hidden;
	max-width: 100%;
	height: 432px;
	margin: 0 auto;
	transition: border .3s ease 0s;
	text-align: center;
	color: #fff;
	background-color: #000;
	/*override normal hero
    this is for the home page landing hero
*/
}

.narrow-hero.hero {
	height: 225px;
}

.hero .hero-content {
	width: 800px;
	height: 350;
	height: auto;
	max-height: 350px;
	z-index: 2;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
/*  Add for decreasing the height of the video hero container. Revisit FF-304.
.hero.videohero.hero-landing {
    height: 383px;
}
*/
.narrow-hero .hero-content {
	max-height: 150px;
}

.lt-ie9 .hero .hero-content {
	right: 0;
	bottom: 0;
	left: 0;
	margin: -100px auto;
}

@media screen and (max-width: 798px) {
	.lt-ie9 .hero .hero-content {
		position: relative;
		margin: auto;
	}
}

@media screen and (max-width: 798px) {
	.hero .hero-content {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		height: auto;
		min-height: initial;
		max-height: initial;
		padding: 46px 20px;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.hero img {
	width: 100%;
	min-width: 1200px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media screen and (min-width: 1200px) {
	.lt-ie9 .hero img {
		width: 100%;
	}
}

@media screen and (max-width: 1200px) {
	.lt-ie9 .hero img {
		width: auto;
	}
}

.lt-ie9 .hero img {
	width: auto;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.lt-ie9 .hero {
	background-position: center;
	background-size:  contain;
}

@media screen and (max-width: 798px) {
	.hero {
		height: auto;
		min-height: initial;
	}
	.hero img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.lt-ie9 .hero img {
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
}

.hero h1 {
	font-size: 48px;
	line-height: .9;
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 10px;
	transition: all .3s ease 0s;
	/*ie fixes*/
}

.narrow-hero h1 {
	padding: 10px;
}


.lt-ie9 .hero h1 {
	left: 0;
	margin-top: -100px;
}

@media screen and (max-width: 798px) {
	.hero h1 {
		font-size: 32px;
	}
}

.hero p {
	font-size: 18px;
	font-weight: 300;
	font-style: italic;
}

@media screen and (max-width: 798px) {
	.hero p {
		font-size: 14px;
	}
}

.hero span {
	display: block;
}

.hero-landing .hero-content {
	padding: 6% 0;
	position: relative;
	left: initial;
	top: initial;
	max-height: initial;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	margin: 0 auto;
}

.lt-ie9 .hero-landing .hero-content {
	margin: auto;
	position: relative;
	top: initial;
	left: initial;
	bottom: initial;
	right: initial;
}

@media screen and (max-width: 798px) {
	.hero-landing .hero-content {
		padding: 60px 20px;
	}
}

.hero-landing .hero-content h1 {
	font-size: 60px;
}

@media screen and (max-width: 798px) {
	.hero-landing .hero-content h1 {
		font-size: 32px;
	}
}

.lt-ie9 .hero-landing .hero-content h1 {
	margin-top: 0;
}

.hero-landing .hero-content p {
	font-size: 23px;
}

@media screen and (max-width: 798px) {
	.hero-landing .hero-content p {
		font-size: 14px;
	}
}

.hero .video-wrapper {
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.hero .video-wrapper:before {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
	content: '';
	background-image:
		url("images/linepattern.png");
}

.hero .video-wrapper.nobg:before {
	background-image: none;
}

@media only screen and (min-width: 48em) {
	.nav {
		width: 100%;
		background-color: #fff;
	}
	.nav ul {
		font-size: 12px;
		line-height: .95;
		max-width: 1200px;
		height: 45px;
		margin: 0 auto;
		padding: 0;
		list-style: none outside none;
		text-align: right;
		position: relative;
		z-index: 10;
	}
	.nav li {
		font-size: 14px;
		line-height: inherit;
		position: relative;
		display: inline-block;
		overflow: hidden;
		margin: 0;
		padding: 16px 10px;
		transition: all .8s ease 0s;
		letter-spacing: .05em;
		color: #435b64;
		border: none;
		border-color: #ffe98c;
		background-color: inherit;
	}
	.nav li:before {
		position: absolute;
		z-index: 2;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 5px;
		content: '';
		transition: all .3s ease 0s;
		-webkit-transform: translate(0%, 5px);
		/* Safari */
		-ms-transform: translate(0%, 5px);
		/* IE 9 */
		transform: translate(0%, 5px);
		background-color: #df9a48;
	}
	.lt-ie9 .nav li:before {
		bottom: -5px;
	}
	.nav li.blue:before {
		background-color: #3a75ca;
	}
	.nav li.green:before {
		background-color: #b0d47c;
	}
	.nav li:hover:before, .nav li.active:before {
		-webkit-transform: translate(0%, 0px);
		/* Safari */
		-ms-transform: translate(0%, 0px);
		/* IE 9 */
		transform: translate(0%, 0px);
	}
	.lt-ie9 .nav li:hover:before, .lt-ie9 .nav li.active:before {
		bottom: 0;
	}
	.nav li.logo {
		width: 190px;
		height: 116px;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #FFE57F;
		background-image:
			url(images/menuLogo.png);
		background-position: center;
		background-repeat: no-repeat;
	}
	.nav li.logo a {
		display: block;
		height: 100%;
		width: 100%;
	}
	.nav li.nav-search {
		padding: 8px 10px;
	}
	.nav li.nav-search:before {
		height: 0;
	}
	.nav li.nav-login {
		background-color: #3a75ca;
		color: #fff;
		padding: 13px;
	}
	.nav li.nav-login a {
		color: #fff;
		display: block;
		background-image:
			url(images/arrow-up-right.png);
		background-repeat: no-repeat;
		background-position: center right;
		transition: all .3s ease 0s;
		text-align: left;
		padding: 3px 20px 3px 0;
	}
	.nav li.nav-login:before {
		height: 0;
	}
	.nav a {
		line-height: inherit;
		position: relative;
		z-index: 1;
		display: inline-block;
		text-decoration: none;
		color: #4f616d;
		border: 0;
	}
	.nav a:hover {
		color: #444;
	}
	.nav a.is-active {
		color: #444;
	}
	.nav-search input {
		outline: none;
	}
	.nav-search input {
		color: #fff;
		-webkit-appearance: textfield;
		-webkit-box-sizing: content-box;
		text-indent: 100%;
		font-family: inherit;
		font-size: 100%;
		background-image:
			url(images/search.png);
		background-repeat: no-repeat;
		background-color: #fff;
		background-position: center right;
		border: none;
		width: 55px;
		padding: 3px 31px 3px 3px;
		transition: all .5s;
	}
	.nav-search input:focus {
		color: #000;
		text-indent: 0;
		background-color: #fff;
		background-position: 96% center;
		border: 1px solid #c0c1c1;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		width: 200px;
		box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	}
	.nav-search input::-webkit-search-decoration, .nav-search input::-webkit-search-cancel-button
		{
		display: none;
	}
}

@media screen and (max-width: 798px) {
	.nav {
		display: none;
	}
}

.mobile {
	position: relative;
	z-index: 1000;
	right: 0;
	display: none;
	width: 0;
	height: 47px;
	transition: all .3s ease 0s;
	background-color: #fff;
}

@media screen and (max-width: 798px) {
	.mobile {
		display: block;
		width: auto;
	}
}

.mobile .hamburger-icon {
	font-size: 27px;
	line-height: 1;
	position: absolute;
	top: 4px;
	right: 16px;
	display: block;
	padding: 5px;
	text-align: center;
	color: #000;
}

.mobile .logo {
	width: 158px;
	height: 91px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #FFE57F;
	background-image:
		url(images/menuLogo.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 77% auto;
}

.mobile .logo a {
	display: block;
	width: 100%;
	height: 100%;
}

.mobile .mobile-nav {
	position: absolute;
	right: 0;
	display: none;
	width: 320px;
	padding: 0 0 10px 0;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.85);
}

.mobile .mobile-nav .mn-menu a {
	font-size: 14px;
	display: block;
	margin-left: 37px;
	padding: 9px 0;
	text-align: left;
	text-decoration: none;
	color: #3a75ca;
	border-bottom: 1px solid #ccc;
}

.mobile .mobile-nav .hamburger-icon {
	position: relative;
	left: 0;
	width: 50px;
	margin: 0;
	border: medium none;
}

.mobile .mobile-nav input {
	font-size: 14px;
	width: 241px;
	margin-top: 10px;
	margin-left: 37px;
	padding: 8px 33px 8px 5px;
	color: #3a75ca;
	border: 1px solid #c0c1c1;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #fff;
	background-image:
		url("images/search.png");
	background-repeat: no-repeat;
	background-position: 97% 50%;
}

.mobile .mobile-nav-header {
	height: 47px;
	background-color: #fff;
	position: relative;
}

.mobile .mobile-nav .nav-login {
	background-color: #3a75ca;
	background-image:
		url("images/arrow-up-right.png");
	background-position: 79% 50%;
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	padding: 12px 46px 12px 13px;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 0;
}

.mobile .mobile-nav .nav-login:before {
	height: 0;
}

/* ============================================================
	Navigation
============================================================ */
@media only screen and (min-width: 48em) {
	.subnav {
		width: 100%;
		z-index: 998;
		margin: 0 auto;
		background-color: #FFC845;
		border-bottom: 1px solid #dfe0e1;
		overflow: hidden;
		position: relative;
	}
	.subnav ul {
		font-size: 12px;
		line-height: .95;
		max-width: 1200px;
		margin: 0 auto;
		padding: 0;
		list-style: none outside none;
		text-align: center;
		background-color: #FFC845;
		height: 45px;
	}
	.subnav ul li:first-child {
		border-left: 1px solid #fff;
	}
	.subnav li {
		font-size: 14px;
		line-height: inherit;
		position: relative;
		display: inline-block;
		overflow: hidden;
		margin: 0;
		cursor: pointer;
		height: 45px;
		transition: all .8s ease 0s;
		letter-spacing: .05em;
		color: #435b64;
		padding: 16px 10px;
		background-color: #FFC845;
		border-right: 1px solid #fff;
	}
	.subnav li:before {
		position: absolute;
		z-index: 2;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 5px;
		content: '';
		transition: all .3s ease 0s;
		-webkit-transform: translate(0%, 5px);
		-ms-transform: translate(0%, 5px);
		transform: translate(0%, 5px);
		background-color: #df9a48;
	}
	.lt-ie9 .subnav li:before {
		bottom: -5px;
	}
	.subnav li:hover:before, .subnav li.open:before {
		-webkit-transform: translate(0%, 0px);
		-ms-transform: translate(0%, 0px);
		transform: translate(0%, 0px);
	}
	.lt-ie9 .subnav li:hover:before, .lt-ie9 .subnav li.open:before {
		bottom: 0px;
	}
	.subnav a {
		line-height: inherit;
		position: relative;
		z-index: 1;
		display: inline-block;
		text-decoration: none;
		color: #000000;
		border: 0;
	}
	.subnav a:hover {
		color: #444;
	}
	.subnav a.is-active {
		color: #444;
	}
}

@media screen and (max-width: 798px) {
	.subnav {
		display: none;
	}
	.sticky-wrapper {
		display: none;
	}
}

.icon {
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	-webkit-font-feature-settings: normal;
	-moz-font-feature-settings: normal;
	font-feature-settings: normal;
	-webkit-font-kerning: auto;
	-moz-font-kerning: auto;
	font-kerning: auto;
	-webkit-font-language-override: normal;
	-moz-font-language-override: normal;
	font-language-override: normal;
	font-size: inherit;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	text-rendering: auto;
	-webkit-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	margin-left: 5px;
	margin-top: -15px;
	position: relative;
	bottom: -9px;
	margin-right: 5px;
}

.icon-play {
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: -189px -113px;
	width: 27px;
	height: 27px;
}

.icon-phone-blue {
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: -156px -117px;
	width: 25px;
	height: 26px;
}

.icon-address {
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: -86px -165px;
	width: 24px;
	height: 26px;
}

.icon-arrow-u-right-green {
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: -74px -46px;
	width: 15px;
	height: 15px;
}

.icon-arrow-up-right {
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: -59px -46px;
	width: 15px;
	height: 15px;
}

.icon-economic-dev {
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: -85px -70px;
	width: 40px;
	height: 38px;
}

.icon-education {
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: 0px -165px;
	width: 36px;
	height: 40px;
}

.icon-fouroone {
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: -145px 0px;
	width: 44px;
	height: 52px;
}

.icon-fraud {
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: 0px -117px;
	width: 46px;
	height: 48px;
}

.icon-hours {
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: -189px -140px;
	width: 25px;
	height: 25px;
}

.icon-lifelock {
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: -49px -70px;
	width: 36px;
	height: 44px;
}

.icon-neighborhood-dev {
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: -46px -117px;
	width: 40px;
	height: 38px;
}

.icon-phone-green {
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: -36px -165px;
	width: 25px;
	height: 26px;
}

.icon-positivepay {
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: -96px 0px;
	width: 49px;
	height: 50px;
}

.icon-search {
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: -120px -50px;
	width: 19px;
	height: 19px;
}

.icon-tipadvise {
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: -41px 0px;
	width: 55px;
	height: 46px;
}

.icon-worklife {
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: 0px -70px;
	width: 49px;
	height: 47px;
}

.icon-plus {
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: -41px -46px;
	width: 18px;
	height: 18px;
	bottom: -4px;
	margin-top: -6px;
}

.icon-plus-blue {
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: -86px -117px;
	width: 35px;
	height: 36px;
}

.icon-plus-white-lg {
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: -121px -117px;
	width: 35px;
	height: 36px;
}

.icon-close {
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: -189px -57px;
	width: 27px;
	height: 28px;
}

.icon-close-white {
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: -189px -85px;
	width: 27px;
	height: 28px;
}

.icon-arrow-point {
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: -145px -52px;
	width: 33px;
	height: 57px;
}

/*fix for icons inside button*/
.btn .fa-linkedin-square {
	bottom: -3px;
	font-size: 23px;
	margin-right: 6px;
	margin-top: -8px;
	position: relative;
}

.btn .fa-facebook-square {
	bottom: -3px;
	font-size: 23px;
	margin-right: 6px;
	margin-top: -8px;
	position: relative;
}

.main-content {
	background-color: #eaeced;
	max-width: 100%;
	margin: 0 auto;
	transition: height .3s ease 0s;
}

.section-wrapper {
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.section-wrapper-local-branch, .section-wrapper-market-map {
	background-color: #fafafa;
}

.section-content {
	position: relative;
	z-index: 2;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	padding: 48px 0;
}

@media screen and (max-width: 960px) {
	.section-content {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.section-content {
		padding: 20px;
	}
}

.section-content .section-title.small-heading h1 {
	font-size: 30px;
}
.section-content .section-title.large-heading h1 {
    font-size: 90px;
}

.section-content .section-title h1 {
	color:#000;
	font-weight: normal;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

.section-content .section-title {
	transition: all 0.3s ease 0s;
	text-align: center;
	display: block;
	margin: 0 0 10px 0;
}

@media screen and (max-width: 960px) {
	.section-content .section-title {
		font-size: 30px !important;
	}
}

.section-content .section-title.longhand {
	font-size: 90px;
	font-family: "longhandregular";
	font-weight: normal;
	margin: 0;
}

@media screen and (max-width: 960px) {
	.section-content .section-title.longhand {
		font-size: 12vw !important;
	}
}

.section-content .section-description, .section-content .section-description p
	{
	margin: 0 0 10px 0;
	text-align: center;
}

.section-content h1 {
	font-size: 45px;
	color: #475660;
	transition: all 0.3s ease 0s;
	text-align: center;
}

.section-background-image {
	width: 100%;
	min-width: 1200px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1;
}

.lt-ie9 .section-background-image {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

@media screen and (max-width: 1282px) {
	.section-background-image {
		width: auto;
		height: 100%;
	}
}

@media screen and (max-width: 1282px) {
	.section-background-image.section-background-image-long {
		width: 100%;
		height: auto;
	}
}

.section-community-focus {
	padding: 78px 20px;
}

.section-community-focus h1 {
	color: #475660;
	margin: 0 0 20px 0;
	font-size: 30px;
}

@media screen and (max-width: 960px) {
	.section-community-focus h1 {
		font-size: 25px;
		font-size: 3vw;
	}
}

.section-community-focus p {
	color: #959595;
	margin: 0;
	text-align: center;
}

.section-client-focus {
	width: 100%;
	color: #fff;
	padding-right: 0;
	padding-left: 0;
}

.section-client-focus h1 {
	font-size: 90px;
	color: #fff;
	display: block;
	font-family: "longhandregular";
	margin: 79px 0 0;
	font-weight: normal;
}

.section-client-focus p {
	font-size: 18px;
	text-align: center;
}

.section-local-branch {
	padding: 78px 20px;
}

@media screen and (max-width: 768px) {
	.section-local-branch {
		padding: 20px;
	}
}

.section-local-branch-content {
	color: #959595;
	width: 460px;
	float: right;
}

@media screen and (max-width: 959px) {
	.section-local-branch-content {
		float: none;
		margin: 0 auto;
	}
}

@media screen and (max-width: 768px) {
	.section-local-branch-content {
		text-align: center;
		width: 100%;
	}
}

.section-local-branch-content .map {
	position: relative;
}

.section-local-branch-content .map img {
	margin-bottom: -126px;
}

@media screen and (max-width: 768px) {
	.section-local-branch-content .map img {
		width: 100%;
		max-width: 460px;
	}
}

.section-local-branch .location i {
	margin-right: 10px;
}

.section-local-branch .hours, .section-local-branch .contact {
	overflow: hidden;
}

.section-local-branch h1 {
	font-size: 30px;
	text-align: left;
}

@media screen and (max-width: 768px) {
	.section-local-branch h1 {
		text-align: center;
	}
}

.section-local-branch h2 {
	font-size: 12px;
	color: #000;
	margin: 0;
}

.section-local-branch ul {
	list-style: none;
	margin: 52px 0 0 0;
	padding: 0;
	display: block;
}

.section-local-branch ul li {
	float: left;
	margin-right: 10px;
	display: block;
	font-size: 15px;
}

.section-local-branch ul li.bankingHour, .section-local-branch ul li.driveThru,
	.section-local-branch ul li.bankingCenter, .section-local-branch ul li.clientServiceCenter
	{
	width: 44%;
}

.section-local-branch ul li.bankingHour {
	width: 44%;
}

.section-local-branch ul li.driveThru {
	margin: 0;
}

.section-local-branch ul li.clientServiceCenter {
	margin: 0;
}

.section-market-message {
	/* using flag object */
	
}

@media screen and (max-width: 768px) {
	.section-market-message {
		padding: 20px;
	}
}

.section-market-message .message {
	margin: 0 auto;
	border-radius: 10px;
	overflow: hidden;
	max-width: 763px;
	background-color: #fff;
	/* reset so all p dont have margins . Yes this is bad.*/
}

.section-market-message .message p {
	margin: 0;
}

.section-market-message .message-body {
	display: block;
	vertical-align: middle;
}

@media screen and (max-width: 768px) {
	.section-market-message .message-body {
		display: block;
	}
}

.section-market-message .message-body .message-image {
	margin: 0 auto;
	overflow: hidden;
	height: 240px;
}

@media screen and (min-width: 680px) {
	.section-market-message .message-body .message-image {
		float: left;
		height: auto;
		overflow: initial;
		width: 34%;
	}
}

.section-market-message .message-body .message-image img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
    text-indent:-9999px;
	
}

.section-market-message .message-body .message-header {
	background-color: #ffe57f;
	padding: 30px 20px;
	display: block;
}

@media screen and (min-width: 680px) {
	.section-market-message .message-body .message-header {
		float: right;
		padding: 15px;
		width: 66%;
	}
}

@media screen and (min-width: 800px) {
	.section-market-message .message-body .message-header {
		padding: 30px;
	}
}

.section-market-message .message-body .message-header h1 {
	text-align: center;
	font-size: 36px;
	font-weight: 600;
	margin: 0;
	line-height: 0.9;
	color: #475660;
	letter-spacing: -1px;
}

@media screen and (min-width: 680px) {
	.section-market-message .message-body .message-header h1 {
		text-align: left;
	}
}

@media screen and (min-width: 800px) {
	.section-market-message .message-body .message-header h1 {
		font-size: 45px;
	}
}

.section-market-message .message-body .message-header span {
	color: #475660;
	font-size: 12px;
	margin-bottom: 15px;
	display: block;
	text-align: center;
	text-transform: uppercase;
}

@media screen and (min-width: 680px) {
	.section-market-message .message-body .message-header span {
		text-align: left;
	}
}

@media screen and (min-width: 800px) {
	.section-market-message .message-body .message-header span {
		font-size: 18px;
	}
}

.section-market-message .message-body p {
	padding: 30px 30px 0 30px;
	font-size: 14px;
	color: #475660;
	display: block;
	line-height: 1.8;
}

@media screen and (min-width: 680px) {
	.section-market-message .message-body p {
		float: right;
		padding: 15px;
		width: 66%;
	}
}

@media screen and (min-width: 800px) {
	.section-market-message .message-body p {
		padding: 30px 30px 0 30px;
	}
}

.section-market-message .message-body p img {
	display: block;
	margin-top: 20px;
	max-width: 100%;
	text-indent:-9999px;
}

.section-market-map {
	padding: 78px 20px;
}

@media screen and (max-width: 768px) {
	.section-market-map {
		padding: 20px;
	}
}

.section-market-map h1 {
	font-weight: normal;
	line-height: 1;
}

@media screen and (max-width: 768px) {
	.section-market-map h1 {
		font-size: 29px;
		line-height: 1.2;
	}
}

.section-market-map .map {
	text-align: center;
}

.section-market-map .map-menu-top .divider {
	display: inline-block;
	position: relative;
	font-size: 18px;
	padding-bottom: 10px;
	vertical-align: middle;
}

.section-market-map .map-menu-top .divider:after {
	content: "";
	position: absolute;
	left: 2px;
	height: 25px;
	border-right: 1px solid #9dadb8;
	top: 2px;
}

.section-market-map .map-menu-top a {
	color: #475660;
	font-size: 18px;
	margin: 0 15px;
	text-decoration: none;
	position: relative;
	display: inline-block;
	padding-bottom: 10px;
	overflow: hidden;
	vertical-align: middle;
}

.section-market-map .map-menu-top a:before {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	content: '';
	transition: all .3s ease 0s;
	-webkit-transform: translate(0%, 5px);
	/* Safari */
	-ms-transform: translate(0%, 5px);
	/* IE 9 */
	transform: translate(0%, 5px);
	background-color: #b0d47c;
}

.lt-ie9 .section-market-map .map-menu-top a:before {
	bottom: -5px;
}

.section-market-map .map-menu-top a:hover:before, .section-market-map .map-menu-top a.active:before
	{
	-webkit-transform: translate(0%, 0px);
	/* Safari */
	-ms-transform: translate(0%, 0px);
	/* IE 9 */
	transform: translate(0%, 0px);
}

.lt-ie9 .section-market-map .map-menu-top a:hover:before, .lt-ie9 .section-market-map .map-menu-top a.active:before
	{
	bottom: 0;
}

@media screen and (max-width: 768px) {
	.section-market-map .map-menu-top a {
		font-size: 14px;
		line-height: 1.2;
	}
}

@media screen and (max-width: 400px) {
	.section-market-map .map-menu-top a {
		margin: 0 10px;
	}
}

@media screen and (max-width: 460px) {
	.section-market-map .map-locations img {
		width: 100%;
	}
}

.section-market-map .map-menu-bottom {
	color: #475660;
	font-size: 18px;
	text-align: center;
}

.section-market-map .map-menu-bottom a {
	color: #427ed2;
	font-size: 14px;
	text-decoration: none;
	margin-left: 20px;
	display: inline-block;
}

.section-market-map .map-menu-bottom a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 400px) {
	.section-market-map .map-menu-bottom a {
		margin: 0;
	}
}

.section-on-the-go {
	padding: 78px 20px;
}

.section-market-stories {
	padding: 78px 20px;
	/*override flag object defaults*/
}

@media screen and (max-width: 768px) {
	.section-market-stories {
		padding: 20px;
	}
}

.client-story {
	display: table;
	max-width: 783px;
	padding: 20px 0;
	margin: 0 auto;
	/* reset so all p dont have margins . Yes this is bad.*/
}

.client-story p {
	margin: 0;
}

.client-story-image, .client-story-body {
	display: table-cell;
	vertical-align: middle;
}

.client-story--top .client-story-image, .client-story--top .client-story-body
	{
	vertical-align: top;
}

.client-story--bottom .client-story-image, .client-story--bottom .client-story-body
	{
	vertical-align: bottom;
}

.client-story-image h2, .client-story-body h2 {
	margin: 0 0 18px 0;
	font-size: 24px;
}

@media screen and (max-width: 768px) {
	.client-story-image, .client-story-body {
		display: block;
	}
}

.client-story-image {
	border-radius: 10px;
	overflow: hidden;
	padding: 0;
}

.client-story-image img {
	display: block;
}

@media screen and (max-width: 768px) {
	.client-story-image {
		display: none;
	}
}

.client-story-body {
	padding-left: 25px;
	font-size: 30px;
	font-style: italic;
	color: #fff;
}

.client-story-body p {
	color: #fff;
	line-height: 1.2;
}

@media screen and (max-width: 768px) {
	.client-story-body p {
		font-size: 14px;
		margin: 0;
	}
}

@media screen and (max-width: 768px) {
	.client-story-body {
		padding: 0;
	}
}

.client-story-footer {
	font-size: 18px;
	text-align: center;
	margin-top: 30px;
	font-style: normal;
}

@media screen and (max-width: 768px) {
	.client-story-footer {
		text-align: left;
	}
}

.client-story-footer span {
	margin-right: 30px;
	position: relative;
	display: inline-block;
	font-style: normal;
	text-transform: uppercase;
}

.client-story-footer span:after {
	content: "";
	position: absolute;
	right: -30px;
	height: 25px;
	border-right: 1px solid #fff;
	top: 2px;
}

@media screen and (max-width: 768px) {
	.client-story-footer span {
		font-size: 18px;
		margin: 0;
	}
	.client-story-footer span:after {
		border: none;
	}
}

.client-story-footer span span {
	margin-right: 0;
}

.client-story-footer span span:after {
	border: none;
}

@media screen and (max-width: 768px) {
	.client-story-footer span span {
		display: block;
	}
}

.client-story-footer a {
	font-size: 14px;
	color: #fff;
	margin-left: 25px;
	text-decoration: underline;
}

@media screen and (max-width: 768px) {
	.client-story-footer a {
		font-size: 14px;
		display: block;
		margin: 0;
		text-align: left;
	}
}

.flag-image, .flag-body {
	display: table-cell;
	vertical-align: middle;
}

.section-contact {
	padding: 10px 75px 75px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: rgba(0, 0, 0, 0.5);
}

.lt-ie9 .section-contact {
	background-image:
		url(images/ieopacity.png);
}

@media screen and (max-width: 768px) {
	.section-contact {
		padding: 20px;
	}
}

.section-contact-form .contact-form-wrapper {
	position: relative;
	display: block;
	float: left;
	width: 50%;
	padding: 0 10px;
}

@media screen and (max-width: 768px) {
	.section-contact-form .contact-form-wrapper {
		float: none;
		width: 100%;
	}
}

.section-contact-form input[type="text"], .section-contact-form input[type="tel"],
	.section-contact-form input[type="email"], .section-contact-form textarea,
	.section-contact-form select {
	width: 100px;
	/*Width of select dropdown to give space for arrow image*/
	width: 100%;
	margin: 10px 0;
	padding: 10px 20px;
	resize: none;
	color: #959595;
	border: 1px solid;
	/*Removes border*/
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #fff;
	-webkit-appearance: none;
	/*Removes default chrome and safari style*/
	-moz-appearance: none;
	/* Removes Default Firefox style*/
}

.section-contact-form .cheackbox-wrapper {
	color: #fff;
	font-size: 14px;
	padding: 0 10px;
	vertical-align: middle;
	overflow: hidden;
	position: relative;
	min-height: 35px;
}

.section-contact-form .cheackbox-wrapper label {
	vertical-align: middle;
	display: inline-block;
	margin-right: 13px;
	position: relative;
	z-index: 2;
	padding-left: 45px;
}

.lt-ie9 .section-contact-form .cheackbox-wrapper label {
	float: left;
}

.section-contact-form .cheackbox-wrapper label:before {
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	background-color: #fff;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius: 5px;
	color: #fff;
	z-index: 1;
}

.lt-ie9 .section-contact-form .cheackbox-wrapper label:before {
	display: none;
}

.section-contact-form .cheackbox-wrapper input[type="checkbox"] {
	display: none;
	margin: 0;
	padding: 0;
}

.lt-ie9 .section-contact-form .cheackbox-wrapper input[type="checkbox"]
	{
	display: block;
	position: absolute;
	top: 15px;
	left: 15px;
}

.section-contact-form .cheackbox-wrapper input[type="checkbox"]:checked+label:before
	{
	content: "\2713";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	font-size: 28px;
	color: green;
	text-align: center;
	line-height: 28px;
}

.section-contact-form .textarea-wrapper {
	padding: 0 10px;
}

.section-contact-form .state-select {
	float: left;
	width: 100px;
	/*Width of select dropdown to give space for arrow image*/
	width: 48%;
	text-indent: .01px;
	/* Removes default arrow from firefox*/
	text-overflow: '';
	/*Removes default arrow from firefox*/
	/*My custom style for fonts*/
	background-image:
		url(images/angle-down.png);
	background-repeat: no-repeat;
	background-position: 90% center;
	background-color: #fff;
	margin: 10px 0;
	padding: 10px 20px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	overflow: hidden;
	border: 1px solid #959595;
}

@media screen and (max-width: 768px) {
	.section-contact-form .state-select {
		width: 100%;
	}
}

.section-contact-form .state-select select {
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;
	outline: none;
}

.lt-ie9 .section-contact-form .state-select select {
	background-image: none;
}

.section-contact-form input[type="text"].zip-input {
	float: right;
	width: 47%;
	margin-left: 10px;
}

@media screen and (max-width: 768px) {
	.section-contact-form input[type="text"].zip-input {
		float: none;
		width: 100%;
		margin-left: auto;
	}
}

.section-contact-social-media h2, .section-contact-service h2 {
	font-size: 30px;
	color: #475660;
	font-weight: normal;
}

.contactinfo {
	font-size: 14px;
}

.contactinfo p.title {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	margin-top: 22px;
	margin-bottom: 10px;
}

.contactinfo .column {
	width: auto;
}

.contactinfo .column-left {
	margin-left: 0;
}

.social-media a {
	color: #3a75ca;
	display: inline-block;
	font-size: 36px;
	margin: 0 15px;
	text-decoration: none;
	vertical-align: middle;
}

.social-media .fa {
	position: relative;
}


@media screen and (max-width: 400px) {
	.social-media a {
		font-size: 29px;
	}
}

.accordion-wrapper {
	position: relative;
}

@media screen and (min-width: 768px) {
	.accordion-wrapper {
		margin: 0 auto;
		width: 684px;
	}
}

.accordion-wrapper .accordion-link {
	font-size: 12px;
	color: #fff;
	text-align: right;
	margin-top: 20px;
}

.accordion-wrapper .accordion-link a {
	color: #fff;
}

.accordion-wrapper .accordion-link a i {
	font-size: 10px;
}

.accordion-buttons {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.accordion-buttons.opened .btn-accordion {
	visibility: hidden;
}

.btn-accordion {
	background: rgba(255, 255, 255, 0.8);
	border-radius: 10px;
	color: #475660;
	display: block;
	font-size: 21px;
	font-weight: 600;
	height: 80px;
	line-height: 1;
	margin: 3px 0;
	padding: 0 60px 0 25px;
	position: relative;
	text-transform: uppercase;
	transition: visibility 0.5s;
}

.lt-ie9 .btn-accordion {
	background: #ffffff;
}

.btn-accordion:hover {
	text-decoration: none;
}

.btn-accordion:before {
	content: " ";
	display: inline-block;
	height: 100%;
	width: 1%;
	vertical-align: middle;
}

@media screen and (min-width: 768px) {
	.btn-accordion {
		font-size: 30px;
		padding-left: 28px;
	}
}

.btn-accordion span {
	display: inline-block;
	vertical-align: middle;
	width: 90%;
}

.btn-accordion .icon-plus-blue {
	position: absolute;
	right: 20px;
	top: 35px;
}

.accordion-content {
	background: rgba(255, 255, 255, 0.95);
	border-radius: 10px;
	display: none;
	min-height: 100%;
	padding: 30px 28px 26px 26px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5;
	overflow-y: auto;
}

.lt-ie9 .accordion-content {
	background: #ffffff;
}

.accordion-content .icon-close {
	cursor: pointer;
	position: absolute;
	right: 0px;
	top: 42px;
}

.accordion-content h2 {
	color: #475660;
	font-size: 21px;
	font-weight: 600;
	margin-top: 0;
	text-transform: uppercase;
}

@media screen and (min-width: 768px) {
	.accordion-content h2 {
		font-size: 30px;
	}
}

.accordion-content p {
	color: #959595;
	font-size: 16px;
}

@media screen and (min-width: 768px) {
	.accordion-content p {
		font-size: 18px;
		margin: 40px 0;
	}
}

.btn-blue-outline {
	border: 1px solid #0079c2;
	color: #0079c2;
	max-width: 216px;
}

#isMobile {
	display: block;
}

@media screen and (min-width: 768px) {
	#isMobile {
		display: none;
	}
}

.left-arrow-tabs-wrapper {
	position: relative;
}

@media screen and (min-width: 768px) {
	.tabs-right-side {
		float: right;
		padding: 70px 0 0;
		width: 30%;
	}
}

.left-arrow-tabs {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.left-arrow-tabs.clicked-tabs {
	display: none;
}

@media screen and (min-width: 768px) {
	.left-arrow-tabs.clicked-tabs {
		display: block;
	}
}

.left-arrow-tabs li {
	position: relative;
}

@media screen and (min-width: 768px) {
	.left-arrow-tabs li {
		clear: both;
	}
}

@media screen and (min-width: 768px) {
	.tab-content-wrapper {
		float: left;
		width: 68%;
	}
}

.tab-content-wrapper .tab-content {
	background: #475660;
	border-radius: 10px;
	display: none;
	min-height: 100%;
	padding: 60px 26px 26px 26px;
	position: relative;
	width: 100%;
	z-index: 5;
}

@media screen and (min-width: 768px) {
	.tab-content-wrapper .tab-content {
		background: none;
		border-radius: 0;
		left: auto;
		padding: 0;
		position: relative;
		top: auto;
	}
}

.tab-content-wrapper .tab-content .icon-close-white {
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 30px;
}

@media screen and (min-width: 768px) {
	.tab-content-wrapper .tab-content .icon-close-white {
		display: none;
	}
}

.tab-content-wrapper img {
	max-width: 100%;
}

.arrow-tab-item {
	background: #475660;
	border-radius: 10px;
	color: #ffffff;
	display: block;
	font-size: 22px;
	height: 57px;
	margin: 7px 0;
	padding: 0 34px 0 0;
	position: relative;
	text-align: center;
}

.arrow-tab-item i {
	float: right;
	font-size: 53px;
	line-height: 53px;
}

@media screen and (min-width: 768px) {
	.arrow-tab-item i {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.arrow-tab-item {
		border-radius: 0 10px 10px 0;
		float: right;
		margin: 3px 0;
		padding-right: 0;
		position: relative;
		width: 85%;
	}
	.arrow-tab-item:after {
		background-image:
			url("images/spritesheet/spritesheet-b1447105612067.png");
		background-position: -145px -52px;
		content: " ";
		display: block;
		height: 57px;
		left: -31px;
		position: absolute;
		top: 0;
		width: 33px;
	}
	.arrow-tab-item:hover:after {
		background-position: -189px 0px;
	}
	.arrow-tab-item.active-go-tab {
		background: #427ed2;
		font-size: 24px;
		font-weight: 700;
		height: 70px;
	}
	.arrow-tab-item.active-go-tab:after {
		background-position: 0px 0px;
		height: 70px;
		left: -40px;
		width: 41px;
	}
}

@media screen and (min-width: 770px) {
	.arrow-tab-item {
		width: 90%;
	}
}

.arrow-tab-item:before {
	content: " ";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	width: 1%;
}

.arrow-tab-item:hover {
	background: #427ed2;
}

.arrow-tab-item span {
	display: inline-block;
	vertical-align: middle;
	width: 90%;
	white-space: pre;
}

.recommended-solutions {
	clear: both;
	color: #475660;
	font-size: 12px;
	padding: 80px 0 0 40px;
}

.recommended-solutions h2 {
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
}

.recommended-solutions h4 {
	font-weight: 700;
}

.recommended-solutions ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.recommended-solutions ul li {
	margin: 5px 0;
}

.recommended-solutions ul a {
	color: #427ed2;
	text-decoration: underline;
}

.recommended-solutions ul a:hover {
	text-decoration: none;
}

.listing {
	display: table;
	width: 100%;
	padding: 20px 0;
	/* reset so all p dont have margins . Yes this is bad.*/
}

.listing p {
	margin: 0;
}

.listing-body {
	display: table-cell;
	color: #959595;
	vertical-align: middle;
	font-size: 14px;
}

.listing-body h2 {
	margin: 0 0 7px 0;
	font-size: 14px;
}

.listing-body h2 a {
	color: #427ed2;
	font-weight: 400;
}

.listing--top .listing-body {
	vertical-align: top;
}

.listing--bottom .listing-body {
	vertical-align: bottom;
}

@media screen and (max-width: 768px) {
	.listing-body {
		display: block;
	}
}

@media screen and (max-width: 768px) {
	.listing-body {
		padding-top: 30px;
	}
}

.searchForm {
	text-align: center;
}

.searchForm form {
	text-align: left;
	overflow: hidden;
	display: inline-block;
	position: relative;
}

.searchForm form input {
	width: 240px;
	display: block;
	float: left;
	border-top-right-radius: unset;
	border-bottom-right-radius: unset;
}

.searchForm form input[type="submit"] {
	width: 51px;
	height: 41.2px;
	position: unset;
	right: 3px;
	top: 1px;
	background-image:
		url("images/search.png");
	background-position: center;
	background-repeat: no-repeat;
	background-color: white;
	border: solid;
	border-width: 1px;
	text-indent: -90000;
	border-left: 0px;
	font-size: 0;
	overflow: hidden;
	border-radius: 5px;
	border-top-left-radius: unset;
	border-bottom-left-radius: unset;
}


.listing-body {
	width: 100%;
}

.search.section {
	color: #959595;
	font-size: 14px;
}

.search.section a {
	color: #427ed2;
	font-weight: 400;
}

.search.section.searchForm {
	text-align: left;
}

.search.section form {
	text-align: left;
	overflow: hidden;
	display: inline-block;
	position: relative;
}

.search.section form input {
	width: 240px;
	display: block;
	float: left;
	border-radius: 5px 0px 0px 5px;
	height: 41.2px;
}

.search.section form input[type="submit"] {
	width: 51px;
	height: 41.2px;
	position: static;
	right: 3px;
	top: 1px;
	background-image:
		url("images/search.png");
	background-position: center;
	background-repeat: no-repeat;
	background-color: white;
	border: solid;
	border-width: 1px;
	text-indent: -90000;
	font-size: 0;
	overflow: hidden;
	border-radius: 0px 5px 5px 0px;
	margin-left: -3px;
}

.pager {
	display: inline-block;
	width: 100%;
	min-width: 500px;
	height: 40px;
	padding: 6px 9px;
	color: #000;
	text-align: center;
}

.pager .previus-page, .pager .next-page {
	cursor: pointer;
	padding: 1px 7px;
}

.pager .previus-page a, .pager .next-page a {
	color: #787878;
	text-decoration: none;
}

.pager .previus-page {
	float: left;
}

.pager .next-page {
	float: right;
}

.pager .pagination {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	color: #000;
}

.pager .list-number {
	margin: 0;
	padding: 0;
	display: inline-block;
}

.pager .list-number li {
	display: inline-block;
	list-style: none;
	color: #4f616d;
}

.pager .list-number a {
	display: inline-block;
	padding: 1px 7px;
	text-decoration: none;
	color: #000;
	border-radius: 50%;
}

.pager .list-number a:hover {
	cursor: pointer;
	background: #787878;
	color: #fff;
}

.pager .list-number a.active {
	color: #fff;
	background-color: #3a75ca;
}

.learn-more-video .video-js {
	padding-top: 56.25%;
}

.carousel-leadership .leader {
	background: #fff;
	border-radius: 10px;
	margin: 0 10px;
	opacity: 0.5;
	overflow: hidden;
	width: 667px;
}

.leader.one-profile{
	margin: auto;
    opacity: inherit;
}

.carousel-leadership .leader.slick-center {
	opacity: 1;
}

@media screen and (max-width: 670px) {
	.carousel-leadership .leader {
		margin: 0 20px;
		width: 292px;
	}
	.carousel-leadership .leader.one-profile {
		margin: auto;
		width: 292px;
	}
}

.carousel-leadership .leader .leader-image {
	float: left;
	height: 432px;
}

.carousel-leadership .leader.one-profile .leader-image {
	float: left;
	height: 432px;
}

@media screen and (max-width: 670px) {
	.carousel-leadership .leader .leader-image {
		float: none;
		height: 291px;
		margin: 0 auto;
		overflow: hidden;
	}
    .carousel-leadership .leader.one-profile .leader-image {
		float: none;
		height: 291px;
		margin: 0 auto;
		overflow: hidden;
	}
	.carousel-leadership .leader .leader-image img {
		width: 292px;
	}
    .carousel-leadership .leader.one-profile .leader-image img {
		width: 292px;
	}
}

.carousel-leadership .leader .leader-info {
	float: left;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 125px 0 0;
	padding: 0 50px;
	text-align: left;
	text-transform: uppercase;
	width: 376px;
}

.carousel-leadership .leader.one-profile .leader-info {
	float: left;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 125px 0 0;
	padding: 0 50px;
	text-align: left;
	text-transform: uppercase;
	width: 376px;
}

@media screen and (max-width: 670px) {
	.carousel-leadership .leader .leader-info {
		margin: 0;
		padding: 16px 16px 42px;
		width: 100%;
	}
    .carousel-leadership .leader.one-profile .leader-info {
		margin: 0;
		padding: 16px 16px 42px;
		width: 100%;
	}
}

.carousel-leadership .leader .leader-info h2 {
	font-size: 18px;
	margin: 0 0 6px;
}
.carousel-leadership .leader.one-profile .leader-info h2 {
	font-size: 18px;
	margin: 0 0 6px;
} 

.carousel-leadership .leader .leader-info span {
	color: #475660;
	display: block;
	font-size: 12px;
}
.carousel-leadership .leader.one-profile .leader-info span {
	color: #475660;
	display: block;
	font-size: 12px;
}                       

@media screen and (max-width: 670px) {
	.carousel-leadership .leader .leader-info span {
		font-size: 12px;
	}
     .carousel-leadership .leader.one-profile .leader-info span {
		font-size: 12px;
	}                                               
}

.carousel-leadership .leader .leader-info p {
	color: #475660;
	font-size: 14px;
	letter-spacing: 0;
	text-transform: none;
}

.carousel-leadership .leader.one-profile .leader-info p {
	color: #475660;
	font-size: 14px;
	letter-spacing: 0;
	text-transform: none;
}

@media screen and (max-width: 670px) {
	.carousel-leadership .leader .leader-info p {
		float: none;
		font-size: 12px;
	}
	.carousel-leadership .leader.one-profile .leader-info p {
		float: none;
		font-size: 12px;
	}
}

.carousel-leadership .slick-dots li button:before {
	color: #E1E1E1;
	font-size: 12px;
	opacity: 1;
}

.carousel-leadership .slick-dots li.slick-active button:before {
	color: #3a75ca;
}

/* ============================================================
	Overdraft Accordian
============================================================ */
.overdraft-drawer-wrapper {
	border-top: 1px solid #d7d7d7;
	position: relative;
	color: #787878;
	text-align: center;
	padding: 0 20px 0;
}

.overdraft-drawer-trigger {
	border: 1px solid #d7d7d7;
	border-top: 0;
	color: #427ed2;
	cursor: pointer;
	display: inline-block;
	position: relative;
	padding: 5px;
	top: -1px;
	border-radius: 0 0 20px 20px;
}

.overdraft-drawer-trigger.accordion-tab {
    width: 250px;
}

.overdraft-drawer-trigger-a {
	color: #427ed2;
}

.overdraft-drawer-content {
	display: none;
}

.overdraft-drawer-content-item {
	text-align: left;
}
.overdraft-accordian-list {
	list-style: none;
	margin: 0 auto;
	padding: 10px 20px;
	color: #363636;
	display: block;
}

.overdraft-accordian-list-LI {
	overflow-y: hidden;
}

.overdraft-accordian-list-LI p {
	display: none;
	font-size: 12px;
}

.overdraft-accordian-list-LI h3 {
	cursor: pointer;
	color: #475660;
	font-size: 18px;
}

.overdraft-accordian-list-LI-trigger {
	color: #427ed2;
	float: right;
}

@media only screen and (min-width: 48em) {
	.overdraft-accordian-list-LI {
		display: inline-block;
		width: 49%;
		padding: 0 20px 0 0;
		vertical-align: top;
	}
	.overdraft-accordian-list-LI:nth-child(even) {
		padding: 0 0 0 20px;
	}
	.overdraft-accordian-list-LI p {
		display: block;
	}
	.overdraft-accordian-list-LI h3 {
		cursor: default;
	}
	.overdraft-accordian-list-LI-trigger {
		display: none;
	}
}

.carousel-timeline {
	visibility: hidden;
	overflow: hidden;
}

.carousel-timeline .timeline-item {
	background: #fff;
	border-radius: 10px;
	display: inline-block;
	float: left;
	margin: 0 10px;
	opacity: 0.5;
	overflow: hidden;
	width: 400px;
}

.carousel-timeline .timeline-item.slick-center {
	opacity: 1;
}

@media screen and (max-width: 670px) {
	.carousel-timeline .timeline-item {
		margin: 0 20px;
		width: 292px;
	}
}

.carousel-timeline .timeline-item .timeline-image {
	float: left;
}

@media screen and (max-width: 670px) {
	.carousel-timeline .timeline-item .timeline-image {
		float: none;
		height: 291px;
		margin: 0 auto;
		overflow: hidden;
	}
	.carousel-timeline .timeline-item .timeline-image img {
		width: 292px;
	}
}

.carousel-timeline .timeline-item .timeline-info {
	float: left;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 63px 0 0;
	padding: 0 50px;
	text-align: left;
	text-transform: uppercase;
	width: 360px;
}

@media screen and (max-width: 670px) {
	.carousel-timeline .timeline-item .timeline-info {
		margin: 0;
		padding: 16px 16px 42px;
		width: 100%;
	}
}

.carousel-timeline .timeline-item .timeline-info h2 {
	font-size: 36px;
	margin: 0 0 6px;
}

.carousel-timeline .timeline-item .timeline-info span {
	color: #475660;
	display: block;
	font-size: 18px;
}

@media screen and (max-width: 670px) {
	.carousel-timeline .timeline-item .timeline-info span {
		font-size: 12px;
	}
}

.carousel-timeline .timeline-item .timeline-info p {
	color: #475660;
	font-size: 14px;
	letter-spacing: 0;
	text-transform: none;
}

@media screen and (max-width: 670px) {
	.carousel-timeline .timeline-item .timeline-info p {
		float: none;
		font-size: 12px;
	}
}

.carousel-timeline .slick-dots li button:before {
	color: #E1E1E1;
	font-size: 12px;
	opacity: 1;
}

.carousel-timeline .slick-dots li.slick-active button:before {
	color: #3a75ca;
}

.carousel-timeline-nav {
	visibility: hidden;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

@media screen and (max-width: 670px) {
	.carousel-timeline-nav {
		display: none;
	}
}

.carousel-timeline-nav .timeline-nav-item.slick-center p {
	background-color: #fff;
	border-color: #3a75ca;
	color: #3a75ca;
}

.carousel-timeline-nav .timeline-nav-item p {
	background-color: #ccc;
	border: 1px solid black;
	border-radius: 10px;
	cursor: pointer;
	font-size: 18px;
	padding: 10px;
	text-align: center;
	width: 100px;
}

.carousel-timeline-nav .timeline-nav-item p:hover {
	background-color: #fff;
	border-color: #3a75ca;
	color: #3a75ca;
}

.slick-prev {
	height: 63px;
	left: 10px;
	width: 40px;
}

.slick-prev:before {
	color: #3a75ca;
	font-size: 40px;
}

.slick-next {
	height: 63px;
	right: 7px;
	width: 40px;
}

.slick-next:before {
	color: #3a75ca;
	font-size: 40px;
}

.slick-prev:before, .slick-next:before {
	line-height: 0;
}

.timeline-modal {
	max-width: 960px !important;
}

.timeline-modal .section-content {
	padding: 35px 0 0;
}

.timeline-modal .remodal-close {
	z-index: 100;
}

.timeline-modal .remodal-close:hover {
	text-decoration: none;
}

.timeline-modal .remodal-close:after {
	color: #3e5368;
}

.selector-square {
	border: 6px solid red;
	height: 100px;
	left: 0px;
	position: fixed;
	top: 483px;
	width: 124px;
	visibility: hidden;
}

.collapse-text {
	transition: all 1s ease 0s;
}

.collapse-text-collapse {
	text-decoration: none;
	float: right;
	vertical-align: middle;
	font-weight: normal;
}

.collapse-text h2 {
	font-size: 18px;
	font-weight: 600;
	color: #475660;
	transition: all 1s ease 0s;
}

.collapse-text p {
	font-size: 12px;
	color: #363636;
	line-height: 22px;
	height: 0;
	overflow: hidden;
	transition: all 1s ease 0s;
}

@media only screen and (min-width: 48em) {
	.collapse-text {
		display: inline-block;
		display: inline;
		float: left;
		width: 47.91667%;
		margin: 0 1.04167%;
		padding: 0 10px;
	}
	.collapse-text-collapse {
		display: none;
	}
	.collapse-text p {
		height: auto;
	}
}

.map-menu-top {
	position: relative;
	overflow: hidden;
}

.map-menu-top form {
	display: none;
	position: relative;
}

.map-menu-top form button {
	z-index: 10;
}

.map-menu-top input {
	max-width: 500px;
}

.map-locations {
	width: 100%;
	height: 600px;
	margin: 0 auto;
}

.map-locations .gm-style .gm-style-iw {
	font-family: 'Open Sans', sans-serif;
}

.map-locations .gm-style-iw {
	text-align: left;
}

.map-locations .flag-image {
	padding: 0 0 0 20px;
}

.map-locations .flag-body p {
	margin: 5px 0;
}

.map-locations .section-content input {
	max-width: 500px;
}

.section-market-map .map-menu-bottom a {
	text-transform: uppercase;
}

.map-error {
	text-align: center;
	color: red;
}

.box-links-description {
	display: table;
	padding: 0 20px;
}

@media screen and (max-width: 768px) {
	.box-links-description {
		padding: 0;
	}
}

.box-links-description p {
	font-size: 18px;
}

.box-links-description-text {
	display: inline-block;
	width: 604px;
	vertical-align: middle;
	margin-right: 20px;
}

@media screen and (min-width: 768px) and (max-width: 932px) {
	.box-links-description-text {
		width: 55%;
	}
}

@media screen and (max-width: 768px) {
	.box-links-description-text {
		width: 100%;
		text-align: center;
		margin: 0;
	}
}

.box-links-description-links {
	width: 260px;
	border-radius: 10px;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	padding: 41px 27px;
	display: inline-block;
	vertical-align: middle;
}

@media screen and (max-width: 768px) {
	.box-links-description-links {
		display: block;
		margin: 10px auto;
		margin-bottom: 20px;
	}
}

.box-links-description-links ul {
	list-style: none outside none;
	display: inline-block;
	margin: 0 auto;
	padding: 0;
}

.box-links-description-links ul li {
	position: relative;
	padding: 30px 0 0 30px;
	margin: 30px 0 0;
	font-size: 14px;
	text-align: left;
	transition: all .5s ease-in-out;
	border-top: 1px solid #dbdbdb;
}

.box-links-description-links ul li:first-child {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}

.box-links-description-links ul li:first-child:before {
	top: 4px;
}

.box-links-description-links ul li:before {
	display: block;
	content: "";
	position: absolute;
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: -74px -46px;
	width: 15px;
	height: 15px;
	top: 35px;
	left: 0;
	color: #b0d47c;
}

.box-links-description-links ul li a {
	text-decoration: underline;
	color: #475660 !important;
}

.other-products {
	text-align: center;
	padding-top: 20px;
}

.other-products p {
	color: black;
	font-size: 16px;
}

.other-products a {
	display: inline-block;
	font-size: 13px;
	text-decoration: underline;
	padding: 0 7px;
	border-left: 1px solid #fff;
}

.other-products a:first-child {
	color: rgb(58, 117, 202);
	border: none;
}

@media screen and (max-width: 411px) {
	.other-products a {
		color: rgb(58, 117, 202);
		display: block;
		font-size: 14px;
		border: none;
		line-height: 2;
	}
}

.login-tooltip-wrapper {
	position: relative;
	background-color: red;
	max-width: 1200px;
	margin: 0 auto;
}

.login-tooltip-wrapper .login-tooltip {
	position: absolute;
	z-index: 1000;
	padding: 20px;
	right: 0;
	top: 0;
	text-align: center;
	background-color: #3a75ca;
	display: none;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.login-tooltip-wrapper .login-tooltip .other-account-links {
	color: #FFF;
	border-top: 1px solid #FFF;
	margin: 0.5em 0 0 0;
	padding: 0.5em 0 0 0;
	text-align: left;
}

.login-tooltip-wrapper .login-tooltip .other-account-links ul {
	list-style: none;
	margin: 0.5em 0 0 0;
	padding: 0 0 0 20px;
}

.login-tooltip-wrapper .login-tooltip .other-account-links li {
	font-size: 14px;
}

.login-tooltip-wrapper .login-tooltip .other-account-links a {
	color: #FFF;
}

.login-tooltip-wrapper input {
	padding: 7px 10px;
	margin-top: 5px;
	resize: none;
	color: #959595;
	border: 1px solid;
	/*Removes border*/
	border-radius: 5px;
	background-color: #fff;
	-webkit-appearance: none;
	/*Removes default chrome and safari style*/
	-moz-appearance: none;
	/* Removes Default Firefox style*/
}

.login-tooltip-wrapper button {
	vertical-align: top;
}

#ntLogin iframe{
	width: 170px;
    height: 100px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    overflow: hidden;
}

#q2Login, #ntLogin, #defaultLogin {
	display: none;
}

.select-community-modal h2 {
	font-size: 20px;
}

.select-community-modal ul {
	list-style: none outside none;
	display: inline-block;
	margin: 0 auto;
	padding: 0;
}

.select-community-modal ul li {
	position: relative;
	padding: 0 0 0 35px;
	font-size: 24px;
	text-align: left;
	margin: 20px 0;
}

@media screen and (max-width: 768px) {
	.select-community-modal ul li {
		font-size: 18px;
	}
}

.select-community-modal ul li a {
	text-decoration: underline;
}

.select-community-modal ul li:before {
	display: block;
	content: "";
	position: absolute;
	width: 24px;
	height: 19px;
	background-image:
		url(images/spritesheet/spritesheet-b1447105612067.png);
	background-position: -74px -46px;
	width: 15px;
	height: 15px;
	top: 10px;
	left: 0;
	color: #b0d47c;
}

.select-community-modal .remodal-close::after {
	color: #3e5368;
}

.mq1 {
	background: #639ba1;
	font-style: italic;
}

@media only screen and (min-width: 30em) {
	.mq1 {
		background: none;
		font-style: normal;
	}
}

@media only screen and (min-width: 30em) {
	.mq2 {
		background: #639ba1;
		font-style: italic;
	}
}

@media only screen and (min-width: 36em) {
	.mq2 {
		background: none;
		font-style: normal;
	}
}

@media only screen and (min-width: 36em) {
	.mq3 {
		background: #639ba1;
		font-style: italic;
	}
}

@media only screen and (min-width: 48em) {
	.mq3 {
		background: none;
		font-style: normal;
	}
}

@media only screen and (min-width: 48em) {
	.mq4 {
		background: #639ba1;
		font-style: italic;
	}
}

@media only screen and (min-width: 62em) {
	.mq4 {
		background: none;
		font-style: normal;
	}
}

@media only screen and (min-width: 62em) {
	.mq4 {
		background: #639ba1;
		font-style: italic;
	}
}

@media only screen and (min-width: 86em) {
	.mq4 {
		background: none;
		font-style: normal;
	}
}

@media only screen and (min-width: 86em) {
	.mq5 {
		background: #639ba1;
		font-style: italic;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and
		(min--moz-device-pixel-ratio: 1.5) , only screen and
	(min-device-pixel-ratio: 1.5) {
	.mq6 {
		background: #639ba1;
		font-style: italic;
	}
}

/*# sourceMappingURL=main.css.map */
.ffb .large-1-column {
  width: 8.3333333333%;
}
.ffb .large-2-column {
  width: 16.6666666667%;
}
.ffb .large-3-column {
  width: 25%;
}
.ffb .large-4-column {
  width: 33.3333333333%;
}
.ffb .large-5-column {
  width: 41.6666666667%;
}
.ffb .large-6-column {
  width: 50%;
}
.ffb .large-7-column {
  width: 58.3333333333%;
}
.ffb .large-8-column {
  width: 66.6666666667%;
}
.ffb .large-9-column {
  width: 75%;
}
.ffb .large-10-column {
  width: 83.3333333333%;
}
.ffb .large-11-column {
  width: 91.6666666667%;
}
.ffb .large-12-column {
  width: 100%;
}
.ffb .large-last-column {
  float: right;
}
.ffb .large-offset-1-column {
  margin-left: 8.3333333333%;
}
.ffb .large-offset-2-column {
  margin-left: 16.6666666667%;
}
.ffb .large-offset-3-column {
  margin-left: 25%;
}
.ffb .large-offset-4-column {
  margin-left: 33.3333333333%;
}
.ffb .large-offset-5-column {
  margin-left: 41.6666666667%;
}
.ffb .large-offset-6-column {
  margin-left: 50%;
}
.ffb .large-offset-7-column {
  margin-left: 58.3333333333%;
}
.ffb .large-offset-8-column {
  margin-left: 66.6666666667%;
}
.ffb .large-offset-9-column {
  margin-left: 75%;
}
.ffb .large-offset-10-column {
  margin-left: 83.3333333333%;
}
.ffb .large-offset-11-column {
  margin-left: 91.6666666667%;
}
.ffb .large-offset-12-column {
  margin-left: 100%;
}
.ffb .large-clear-offset-column {
  margin-left: 0;
}

@media (max-width: 1055px) {
    .ffb .medium-6-column {
        width: 50%;
    }
}

@media (max-width: 902px) {
    .ffb .fullsize-12-column {
        width: 100%;
    }
}

@media (max-width: 992px) {
  .ffb .medium-1-column {
    width: 8.3333333333%;
  }
  .ffb .medium-2-column {
    width: 16.6666666667%;
  }
  .ffb .medium-3-column {
    width: 25%;
  }
  .ffb .medium-4-column {
    width: 33.3333333333%;
  }
  .ffb .medium-5-column {
    width: 41.6666666667%;
  }
  .ffb .medium-6-column {
    width: 50%;
  }
  .ffb .medium-7-column {
    width: 58.3333333333%;
  }
  .ffb .medium-8-column {
    width: 66.6666666667%;
  }
  .ffb .medium-9-column {
    width: 75%;
  }
  .ffb .medium-10-column {
    width: 83.3333333333%;
  }
  .ffb .medium-11-column {
    width: 91.6666666667%;
  }
  .ffb .medium-12-column {
    width: 100%;
  }
  .ffb .medium-last-column {
    float: right;
  }
  .ffb .medium-offset-1-column {
    margin-left: 8.3333333333%;
  }
  .ffb .medium-offset-2-column {
    margin-left: 16.6666666667%;
  }
  .ffb .medium-offset-3-column {
    margin-left: 25%;
  }
  .ffb .medium-offset-4-column {
    margin-left: 33.3333333333%;
  }
  .ffb .medium-offset-5-column {
    margin-left: 41.6666666667%;
  }
  .ffb .medium-offset-6-column {
    margin-left: 50%;
  }
  .ffb .medium-offset-7-column {
    margin-left: 58.3333333333%;
  }
  .ffb .medium-offset-8-column {
    margin-left: 66.6666666667%;
  }
  .ffb .medium-offset-9-column {
    margin-left: 75%;
  }
  .ffb .medium-offset-10-column {
    margin-left: 83.3333333333%;
  }
  .ffb .medium-offset-11-column {
    margin-left: 91.6666666667%;
  }
  .ffb .medium-offset-12-column {
    margin-left: 100%;
  }
  .ffb .medium-clear-offset-column {
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .ffb .small-1-column {
    width: 8.3333333333%;
  }
  .ffb .small-2-column {
    width: 16.6666666667%;
  }
  .ffb .small-3-column {
    width: 25%;
  }
  .ffb .small-4-column {
    width: 33.3333333333%;
  }
  .ffb .small-5-column {
    width: 41.6666666667%;
  }
  .ffb .small-6-column {
    width: 50%;
  }
  .ffb .small-7-column {
    width: 58.3333333333%;
  }
  .ffb .small-8-column {
    width: 66.6666666667%;
  }
  .ffb .small-9-column {
    width: 75%;
  }
  .ffb .small-10-column {
    width: 83.3333333333%;
  }
  .ffb .small-11-column {
    width: 91.6666666667%;
  }
  .ffb .small-12-column {
    width: 100%;
  }
  .ffb .small-last-column {
    float: right;
  }
  .ffb .small-offset-1-column {
    margin-left: 8.3333333333%;
  }
  .ffb .small-offset-2-column {
    margin-left: 16.6666666667%;
  }
  .ffb .small-offset-3-column {
    margin-left: 25%;
  }
  .ffb .small-offset-4-column {
    margin-left: 33.3333333333%;
  }
  .ffb .small-offset-5-column {
    margin-left: 41.6666666667%;
  }
  .ffb .small-offset-6-column {
    margin-left: 50%;
  }
  .ffb .small-offset-7-column {
    margin-left: 58.3333333333%;
  }
  .ffb .small-offset-8-column {
    margin-left: 66.6666666667%;
  }
  .ffb .small-offset-9-column {
    margin-left: 75%;
  }
  .ffb .small-offset-10-column {
    margin-left: 83.3333333333%;
  }
  .ffb .small-offset-11-column {
    margin-left: 91.6666666667%;
  }
  .ffb .small-offset-12-column {
    margin-left: 100%;
  }
  .ffb .small-clear-offset-column {
    margin-left: 0;
  }
}
@media (max-width: 576px) {
  .ffb .xsmall-1-column {
    width: 8.3333333333%;
  }
  .ffb .xsmall-2-column {
    width: 16.6666666667%;
  }
  .ffb .xsmall-3-column {
    width: 25%;
  }
  .ffb .xsmall-4-column {
    width: 33.3333333333%;
  }
  .ffb .xsmall-5-column {
    width: 41.6666666667%;
  }
  .ffb .xsmall-6-column {
    width: 50%;
  }
  .ffb .xsmall-7-column {
    width: 58.3333333333%;
  }
  .ffb .xsmall-8-column {
    width: 66.6666666667%;
  }
  .ffb .xsmall-9-column {
    width: 75%;
  }
  .ffb .xsmall-10-column {
    width: 83.3333333333%;
  }
  .ffb .xsmall-11-column {
    width: 91.6666666667%;
  }
  .ffb .xsmall-12-column {
    width: 100%;
  }
  .ffb .xsmall-last-column {
    float: right;
  }
  .ffb .xsmall-offset-1-column {
    margin-left: 8.3333333333%;
  }
  .ffb .xsmall-offset-2-column {
    margin-left: 16.6666666667%;
  }
  .ffb .xsmall-offset-3-column {
    margin-left: 25%;
  }
  .ffb .xsmall-offset-4-column {
    margin-left: 33.3333333333%;
  }
  .ffb .xsmall-offset-5-column {
    margin-left: 41.6666666667%;
  }
  .ffb .xsmall-offset-6-column {
    margin-left: 50%;
  }
  .ffb .xsmall-offset-7-column {
    margin-left: 58.3333333333%;
  }
  .ffb .xsmall-offset-8-column {
    margin-left: 66.6666666667%;
  }
  .ffb .xsmall-offset-9-column {
    margin-left: 75%;
  }
  .ffb .xsmall-offset-10-column {
    margin-left: 83.3333333333%;
  }
  .ffb .xsmall-offset-11-column {
    margin-left: 91.6666666667%;
  }
  .ffb .xsmall-offset-12-column {
    margin-left: 100%;
  }
  .ffb .xsmall-clear-offset-column {
    margin-left: 0;
  }
}
.ffb .ierow {
    display: inline-block;
}
.ffb .row {
  margin-left: -18px;
  margin-right: -18px;
}
.ffb .row:after {
  clear: both;
  content: "";
  display: table;
}
.ffb .row {
  margin-left: -16px;
  margin-right: -16px;
}

@media (max-width: 992px) {
  .ffb .row {
    margin-left: -14px;
    margin-right: -14px;
  }
}
@media (max-width: 768px) {
  .ffb .row {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media (max-width: 576px) {
  .ffb .row {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.ffb [class*="-column"]:not([class*="block-grid"]):not([class*="ec-column"]) {
  padding-left: 18px;
  padding-right: 18px;
  float: left;
}
.ffb [class*="-column"]:not([class*="block-grid"]):not([class*="ec-column"]):after {
  clear: both;
  content: "";
  display: table;
}
@media (max-width: 1200px) {
  .ffb [class*="-column"]:not([class*="block-grid"]):not([class*="ec-column"]) {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 992px) {
  .ffb [class*="-column"]:not([class*="block-grid"]):not([class*="ec-column"]) {
    padding-left: 14px;
    padding-right: 14px;
  }
}
@media (max-width: 768px) {
  .ffb [class*="-column"]:not([class*="block-grid"]):not([class*="ec-column"]) {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (max-width: 576px) {
  .ffb [class*="-column"]:not([class*="block-grid"]):not([class*="ec-column"]) {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.ffb .large-block-grid-1-column > * {
  width: 100%;
}
.ffb .large-block-grid-2-column > * {
  width: 50%;
}
.ffb .large-block-grid-3-column > * {
  width: 33.3333333333%;
}
.ffb .large-block-grid-4-column > * {
  width: 25%;
}
.ffb .large-block-grid-5-column > * {
  width: 20%;
}
.ffb .large-block-grid-6-column > * {
  width: 16.6666666667%;
}
.ffb .large-block-grid-7-column > * {
  width: 14.2857142857%;
}
.ffb .large-block-grid-8-column > * {
  width: 12.5%;
}
.ffb .large-block-grid-9-column > * {
  width: 11.1111111111%;
}
.ffb .large-block-grid-10-column > * {
  width: 10%;
}
.ffb .large-block-grid-11-column > * {
  width: 9.0909090909%;
}
.ffb .large-block-grid-12-column > * {
  width: 8.3333333333%;
}
@media (max-width: 992px) {
  .ffb .medium-block-grid-1-column > * {
    width: 100%;
  }
  .ffb .medium-block-grid-2-column > * {
    width: 50%;
  }
  .ffb .medium-block-grid-3-column > * {
    width: 33.3333333333%;
  }
  .ffb .medium-block-grid-4-column > * {
    width: 25%;
  }
  .ffb .medium-block-grid-5-column > * {
    width: 20%;
  }
  .ffb .medium-block-grid-6-column > * {
    width: 16.6666666667%;
  }
  .ffb .medium-block-grid-7-column > * {
    width: 14.2857142857%;
  }
  .ffb .medium-block-grid-8-column > * {
    width: 12.5%;
  }
  .ffb .medium-block-grid-9-column > * {
    width: 11.1111111111%;
  }
  .ffb .medium-block-grid-10-column > * {
    width: 10%;
  }
  .ffb .medium-block-grid-11-column > * {
    width: 9.0909090909%;
  }
  .ffb .medium-block-grid-12-column > * {
    width: 8.3333333333%;
  }
}
@media (max-width: 786px) {
  .ffb .small-block-grid-1-column > * {
    width: 100%;
  }
  .ffb .small-block-grid-2-column > * {
    width: 50%;
  }
  .ffb .small-block-grid-3-column > * {
    width: 33.3333333333%;
  }
  .ffb .small-block-grid-4-column > * {
    width: 25%;
  }
  .ffb .small-block-grid-5-column > * {
    width: 20%;
  }
  .ffb .small-block-grid-6-column > * {
    width: 16.6666666667%;
  }
  .ffb .small-block-grid-7-column > * {
    width: 14.2857142857%;
  }
  .ffb .small-block-grid-8-column > * {
    width: 12.5%;
  }
  .ffb .small-block-grid-9-column > * {
    width: 11.1111111111%;
  }
  .ffb .small-block-grid-10-column > * {
    width: 10%;
  }
  .ffb .small-block-grid-11-column > * {
    width: 9.0909090909%;
  }
  .ffb .small-block-grid-12-column > * {
    width: 8.3333333333%;
  }
}
@media (max-width: 576px) {
  .ffb .xsmall-block-grid-1-column > * {
    width: 100%;
  }
  .ffb .xsmall-block-grid-2-column > * {
    width: 50%;
  }
  .ffb .xsmall-block-grid-3-column > * {
    width: 33.3333333333%;
  }
  .ffb .xsmall-block-grid-4-column > * {
    width: 25%;
  }
  .ffb .xsmall-block-grid-5-column > * {
    width: 20%;
  }
  .ffb .xsmall-block-grid-6-column > * {
    width: 16.6666666667%;
  }
  .ffb .xsmall-block-grid-7-column > * {
    width: 14.2857142857%;
  }
  .ffb .xsmall-block-grid-8-column > * {
    width: 12.5%;
  }
  .ffb .xsmall-block-grid-9-column > * {
    width: 11.1111111111%;
  }
  .ffb .xsmall-block-grid-10-column > * {
    width: 10%;
  }
  .ffb .xsmall-block-grid-11-column > * {
    width: 9.0909090909%;
  }
  .ffb .xsmall-block-grid-12-column > * {
    width: 8.3333333333%;
  }
}
.ffb [class*="-block-grid"] > *:not(script) {
  padding-left: 18px;
  padding-right: 18px;
  display: block;
  float: left;
}
.ffb [class*="-block-grid"] > *:not(script):after {
  clear: both;
  content: "";
  display: table;
}
@media (max-width: 992px) {
  .ffb [class*="-block-grid"] > *:not(script) {
    padding-left: 14px;
    padding-right: 14px;
  }
}
@media (max-width: 768px) {
  .ffb [class*="-block-grid"] > *:not(script) {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (max-width: 576px) {
  .ffb [class*="-block-grid"] > *:not(script) {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.ffb .large-block-grid-1-column > :nth-child(1n):not(script), .ffb .large-block-grid-2-column > :nth-child(2n):not(script), .ffb .large-block-grid-3-column > :nth-child(3n):not(script), .ffb .large-block-grid-4-column > :nth-child(4n):not(script), .ffb .large-block-grid-5-column > :nth-child(5n):not(script), .ffb .large-block-grid-6-column > :nth-child(6n):not(script), .ffb .large-block-grid-7-column > :nth-child(7n):not(script), .ffb .large-block-grid-8-column > :nth-child(8n):not(script), .ffb .large-block-grid-9-column > :nth-child(9n):not(script), .ffb .large-block-grid-10-column > :nth-child(10n):not(script), .ffb .large-block-grid-11-column > :nth-child(11n):not(script), .ffb .large-block-grid-12-column > :nth-child(12n):not(script) {
  float: right;
}
.ffb .large-block-grid-1-column > :nth-child(1n + 2):not(script), .ffb .large-block-grid-2-column > :nth-child(2n + 3):not(script), .ffb .large-block-grid-3-column > :nth-child(3n + 4):not(script), .ffb .large-block-grid-4-column > :nth-child(4n + 5):not(script), .ffb .large-block-grid-5-column > :nth-child(5n + 6):not(script), .ffb .large-block-grid-6-column > :nth-child(6n + 7):not(script), .ffb .large-block-grid-7-column > :nth-child(7n + 8):not(script), .ffb .large-block-grid-8-column > :nth-child(8n + 9):not(script), .ffb .large-block-grid-9-column > :nth-child(9n + 10):not(script), .ffb .large-block-grid-10-column > :nth-child(10n + 11):not(script), .ffb .large-block-grid-11-column > :nth-child(11n + 12):not(script), .ffb .large-block-grid-12-column > :nth-child(12n + 13):not(script) {
  clear: both;
}
@media (min-width: 769px) and (max-width: 992px) {
  .ffb .medium-block-grid-1-column > :nth-child(1n):not(script), .ffb .medium-block-grid-2-column > :nth-child(2n):not(script), .ffb .medium-block-grid-3-column > :nth-child(3n):not(script), .ffb .medium-block-grid-4-column > :nth-child(4n):not(script), .ffb .medium-block-grid-5-column > :nth-child(5n):not(script), .ffb .medium-block-grid-6-column > :nth-child(6n):not(script), .ffb .medium-block-grid-7-column > :nth-child(7n):not(script), .ffb .medium-block-grid-8-column > :nth-child(8n):not(script), .ffb .medium-block-grid-9-column > :nth-child(9n):not(script), .ffb .medium-block-grid-10-column > :nth-child(10n):not(script), .ffb .medium-block-grid-11-column > :nth-child(11n):not(script), .ffb .medium-block-grid-12-column > :nth-child(12n):not(script) {
    float: right;
  }
  .ffb .medium-block-grid-1-column > :nth-child(1n + 2):not(script), .ffb .medium-block-grid-2-column > :nth-child(2n + 3):not(script), .ffb .medium-block-grid-3-column > :nth-child(3n + 4):not(script), .ffb .medium-block-grid-4-column > :nth-child(4n + 5):not(script), .ffb .medium-block-grid-5-column > :nth-child(5n + 6):not(script), .ffb .medium-block-grid-6-column > :nth-child(6n + 7):not(script), .ffb .medium-block-grid-7-column > :nth-child(7n + 8):not(script), .ffb .medium-block-grid-8-column > :nth-child(8n + 9):not(script), .ffb .medium-block-grid-9-column > :nth-child(9n + 10):not(script), .ffb .medium-block-grid-10-column > :nth-child(10n + 11):not(script), .ffb .medium-block-grid-11-column > :nth-child(11n + 12):not(script), .ffb .medium-block-grid-12-column > :nth-child(12n + 13):not(script) {
    clear: both;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  .ffb .small-block-grid-1-column > :nth-child(1n):not(script), .ffb .small-block-grid-2-column > :nth-child(2n):not(script), .ffb .small-block-grid-3-column > :nth-child(3n):not(script), .ffb .small-block-grid-4-column > :nth-child(4n):not(script), .ffb .small-block-grid-5-column > :nth-child(5n):not(script), .ffb .small-block-grid-6-column > :nth-child(6n):not(script), .ffb .small-block-grid-7-column > :nth-child(7n):not(script), .ffb .small-block-grid-8-column > :nth-child(8n):not(script), .ffb .small-block-grid-9-column > :nth-child(9n):not(script), .ffb .small-block-grid-10-column > :nth-child(10n):not(script), .ffb .small-block-grid-11-column > :nth-child(11n):not(script), .ffb .small-block-grid-12-column > :nth-child(12n):not(script) {
    float: right;
  }
  .ffb .small-block-grid-1-column > :nth-child(1n + 2):not(script), .ffb .small-block-grid-2-column > :nth-child(2n + 3):not(script), .ffb .small-block-grid-3-column > :nth-child(3n + 4):not(script), .ffb .small-block-grid-4-column > :nth-child(4n + 5):not(script), .ffb .small-block-grid-5-column > :nth-child(5n + 6):not(script), .ffb .small-block-grid-6-column > :nth-child(6n + 7):not(script), .ffb .small-block-grid-7-column > :nth-child(7n + 8):not(script), .ffb .small-block-grid-8-column > :nth-child(8n + 9):not(script), .ffb .small-block-grid-9-column > :nth-child(9n + 10):not(script), .ffb .small-block-grid-10-column > :nth-child(10n + 11):not(script), .ffb .small-block-grid-11-column > :nth-child(11n + 12):not(script), .ffb .small-block-grid-12-column > :nth-child(12n + 13):not(script) {
    clear: both;
  }
}
@media (max-width: 576px) {
  .ffb .xsmall-block-grid-1-column > :nth-child(1n):not(script), .ffb .xsmall-block-grid-2-column > :nth-child(2n):not(script), .ffb .xsmall-block-grid-3-column > :nth-child(3n):not(script), .ffb .xsmall-block-grid-4-column > :nth-child(4n):not(script), .ffb .xsmall-block-grid-5-column > :nth-child(5n):not(script), .ffb .xsmall-block-grid-6-column > :nth-child(6n):not(script), .ffb .xsmall-block-grid-7-column > :nth-child(7n):not(script), .ffb .xsmall-block-grid-8-column > :nth-child(8n):not(script), .ffb .xsmall-block-grid-9-column > :nth-child(9n):not(script), .ffb .xsmall-block-grid-10-column > :nth-child(10n):not(script), .ffb .xsmall-block-grid-11-column > :nth-child(11n):not(script), .ffb .xsmall-block-grid-12-column > :nth-child(12n):not(script) {
    float: right;
  }
  .ffb .xsmall-block-grid-1-column > :nth-child(1n + 2):not(script), .ffb .xsmall-block-grid-2-column > :nth-child(2n + 3):not(script), .ffb .xsmall-block-grid-3-column > :nth-child(3n + 4):not(script), .ffb .xsmall-block-grid-4-column > :nth-child(4n + 5):not(script), .ffb .xsmall-block-grid-5-column > :nth-child(5n + 6):not(script), .ffb .xsmall-block-grid-6-column > :nth-child(6n + 7):not(script), .ffb .xsmall-block-grid-7-column > :nth-child(7n + 8):not(script), .ffb .xsmall-block-grid-8-column > :nth-child(8n + 9):not(script), .ffb .xsmall-block-grid-9-column > :nth-child(9n + 10):not(script), .ffb .xsmall-block-grid-10-column > :nth-child(10n + 11):not(script), .ffb .xsmall-block-grid-11-column > :nth-child(11n + 12):not(script), .ffb .xsmall-block-grid-12-column > :nth-child(12n + 13):not(script) {
    clear: both;
  }
}
.ffb .visible-for-large-layout-only {
  display: block !important;
}
.ffb .visible-for-medium-layout-only, .ffb .visible-for-small-layout-only, .ffb .visible-for-xsmall-layout-only, .ffb .visible-for-medium-layout-and-below, .ffb .visible-for-small-layout-and-below, .ffb .visible-for-medium-layout-and-above, .ffb .visible-for-small-layout-and-above {
  display: none;
}
@media (min-width: 769px) and (max-width: 992px) {
  .ffb .visible-for-medium-layout-only {
    display: block !important;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  .ffb .visible-for-small-layout-only {
    display: block !important;
  }
}
@media (max-width: 576px) {
  .ffb .visible-for-xsmall-layout-only {
    display: block !important;
  }
}
@media (max-width: 992px) {
  .ffb .visible-for-medium-layout-and-below {
    display: block !important;
  }
}
@media (max-width: 768px) {
  .ffb .visible-for-small-layout-and-below {
    display: block !important;
  }
}
@media (min-width: 993px) {
  .ffb .visible-for-medium-layout-and-above {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .ffb .visible-for-small-layout-and-above {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .ffb .hidden-for-large-layout-only {
    display: none !important;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .ffb .hidden-for-medium-layout-only {
    display: none !important;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  .ffb .hidden-for-small-layout-only {
    display: none !important;
  }
}
@media (max-width: 576px) {
  .ffb .hidden-for-xsmall-layout-only {
    display: none !important;
  }
}
@media (max-width: 992px) {
  .ffb .hidden-for-medium-layout-and-below {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .ffb .hidden-for-small-layout-and-below {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .ffb .hidden-for-medium-layout-and-above {
    display: none !important;
  }
}
@media (min-width: 577px) {
  .ffb .hidden-for-small-layout-and-above {
    display: none !important;
  }
}
.ffb .hidden {
  display: none !important;
}
.seg-invo {
    position: relative;
    height: 0;
    overflow: hidden;
}

.seg-invo iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 0px none transparent;
    padding: 0px;
    overflow: hidden;
    display: inline-block;
}



.media-120x60 {
    padding-bottom: 50.00%;
    max-width: 728px;
    margin: auto;
}


.media-155x160 {
    padding-bottom: 103.23%;
    max-width: 728px;
    margin: auto;
}


.media-160x600 {
    padding-bottom: 375.00%;
    max-width: 728px;
    margin: auto;
}


.media-175x150 {
    padding-bottom: 85.71%;
    max-width: 728px;
    margin: auto;
}


.media-180x150 {
    padding-bottom: 83.33%;
    max-width: 728px;
    margin: auto;
}


.media-180x350 {
    padding-bottom: 194.44%;
    max-width: 728px;
    margin: auto;
}


.media-190x164 {
    padding-bottom: 86.32%;
    max-width: 728px;
    margin: auto;
}


.media-190x175 {
    padding-bottom: 92.11%;
    max-width: 728px;
    margin: auto;
}


.media-200x459 {
    padding-bottom: 229.50%;
    max-width: 728px;
    margin: auto;
}


.media-215x120 {
    padding-bottom: 55.81%;
    max-width: 728px;
    margin: auto;
}


.media-230x413 {
    padding-bottom: 179.57%;
    max-width: 728px;
    margin: auto;
}


.media-245x350 {
    padding-bottom: 142.86%;
    max-width: 728px;
    margin: auto;
}


.media-246x80 {
    padding-bottom: 32.52%;
    max-width: 728px;
    margin: auto;
}


.media-256x210 {
    padding-bottom: 82.03%;
    max-width: 728px;
    margin: auto;
}


.media-300x50 {
    padding-bottom: 16.67%;
    max-width: 728px;
    margin: auto;
}


.media-300x250 {
    padding-bottom: 83.33%;
    max-width: 728px;
    margin: auto;
}


.media-300x600 {
    padding-bottom: 200.00%;
    max-width: 728px;
    margin: auto;
}


.media-320x50 {
    padding-bottom: 15.63%;
    max-width: 728px;
    margin: auto;
}


.media-384x192 {
    padding-bottom: 50.00%;
    max-width: 728px;
    margin: auto;
}


.media-400x300 {
    padding-bottom: 75.00%;
    max-width: 728px;
    margin: auto;
}


.media-400x630 {
    padding-bottom: 157.50%;
    max-width: 728px;
    margin: auto;
}


.media-542x60 {
    padding-bottom: 11.07%;
    max-width: 728px;
    margin: auto;
}


.media-585x260 {
    padding-bottom: 44.44%;
    max-width: 728px;
    margin: auto;
}


.media-600x200 {
    padding-bottom: 33.33%;
    max-width: 728px;
    margin: auto;
}


.media-600x630 {
    padding-bottom: 105.00%;
    max-width: 728px;
    margin: auto;
}


.media-678x200 {
    padding-bottom: 29.50%;
    max-width: 728px;
    margin: auto;
}


.media-728x90 {
    padding-bottom: 12.36%;
    max-width: 728px;
    margin: auto;
}


.media-800x630 {
    padding-bottom: 78.75%;
    max-width: 728px;
    margin: auto;
}


.media-805x66 {
    padding-bottom: 8.20%;
    max-width: 728px;
    margin: auto;
}


.media-864x91 {
    padding-bottom: 10.53%;
    max-width: 728px;
    margin: auto;
}


.media-1200x630 {
    padding-bottom: 52.50%;
    max-width: 728px;
    margin: auto;
}


@media screen and (min-width: 120px) {
    .media-120x60.seg-invo {
        padding: 0;
        height: 60px;
    }
}


@media screen and (min-width: 155px) {
    .media-155x160.seg-invo {
        padding: 0;
        height: 160px;
    }
}


@media screen and (min-width: 160px) {
    .media-160x600.seg-invo {
        padding: 0;
        height: 600px;
    }
}


@media screen and (min-width: 175px) {
    .media-175x150.seg-invo {
        padding: 0;
        height: 150px;
    }
}


@media screen and (min-width: 180px) {
    .media-180x150.seg-invo {
        padding: 0;
        height: 150px;
    }
}


@media screen and (min-width: 180px) {
    .media-180x350.seg-invo {
        padding: 0;
        height: 350px;
    }
}


@media screen and (min-width: 190px) {
    .media-190x164.seg-invo {
        padding: 0;
        height: 164px;
    }
}


@media screen and (min-width: 190px) {
    .media-190x175.seg-invo {
        padding: 0;
        height: 175px;
    }
}


@media screen and (min-width: 200px) {
    .media-200x459.seg-invo {
        padding: 0;
        height: 459px;
    }
}


@media screen and (min-width: 215px) {
    .media-215x120.seg-invo {
        padding: 0;
        height: 120px;
    }
}


@media screen and (min-width: 230px) {
    .media-230x413.seg-invo {
        padding: 0;
        height: 413px;
    }
}


@media screen and (min-width: 245px) {
    .media-245x350.seg-invo {
        padding: 0;
        height: 350px;
    }
}


@media screen and (min-width: 246px) {
    .media-246x80.seg-invo {
        padding: 0;
        height: 80px;
    }
}


@media screen and (min-width: 256px) {
    .media-256x210.seg-invo {
        padding: 0;
        height: 210px;
    }
}


@media screen and (min-width: 300px) {
    .media-300x50.seg-invo {
        padding: 0;
        height: 50px;
    }
}


@media screen and (min-width: 300px) {
    .media-300x250.seg-invo {
        padding: 0;
        height: 250px;
    }
}


@media screen and (min-width: 300px) {
    .media-300x600.seg-invo {
        padding: 0;
        height: 600px;
    }
}


@media screen and (min-width: 320px) {
    .media-320x50.seg-invo {
        padding: 0;
        height: 50px;
    }
}


@media screen and (min-width: 384px) {
    .media-384x192.seg-invo {
        padding: 0;
        height: 192px;
    }
}


@media screen and (min-width: 400px) {
    .media-400x300.seg-invo {
        padding: 0;
        height: 300px;
    }
}


@media screen and (min-width: 400px) {
    .media-400x630.seg-invo {
        padding: 0;
        height: 630px;
    }
}


@media screen and (min-width: 542px) {
    .media-542x60.seg-invo {
        padding: 0;
        height: 60px;
    }
}


@media screen and (min-width: 585px) {
    .media-585x260.seg-invo {
        padding: 0;
        height: 260px;
    }
}


@media screen and (min-width: 600px) {
    .media-600x200.seg-invo {
        padding: 0;
        height: 200px;
    }
}


@media screen and (min-width: 600px) {
    .media-600x630.seg-invo {
        padding: 0;
        height: 630px;
    }
}


@media screen and (min-width: 678px) {
    .media-678x200.seg-invo {
        padding: 0;
        height: 200px;
    }
}


@media screen and (min-width: 728px) {
    .media-728x90.seg-invo {
        padding: 0;
        height: 90px;
    }
}


@media screen and (min-width: 800px) {
    .media-800x630.seg-invo {
        padding: 0;
        height: 630px;
    }
}


@media screen and (min-width: 805px) {
    .media-805x66.seg-invo {
        padding: 0;
        height: 66px;
    }
}


@media screen and (min-width: 864px) {
    .media-864x91.seg-invo {
        padding: 0;
        height: 91px;
    }
}


@media screen and (min-width: 1200px) {
    .media-1200x630.seg-invo {
        padding: 0;
        height: 630px;
    }
}

.decision-engine {
  position: relative;
  min-height: 600px;
  width: 100%;
  overflow: hidden;
}

.decision-engine-section {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
}

.decision-engine-start {
  z-index: 5;
  visibility: visible;
  opacity: 1;
  position: relative;
}

.decision-engine-item {
  text-align: center;
  padding-top: 25px;
}

.decision-engine-item.decisionEngine {
    padding-top: 10px;
    clear: both;
    text-align: left;
}

.decision-engine-item .radio-wrapper {
  float: left;
}

.decision-engine-item .checkbox-wrapper {
  float: left;
  width: 100%;
  text-align: center;
  
}

.decision-engine-item-form {
  text-align: left;
}

.decision-engine-item-form.decisionEngine {
    display: block;
    text-align: center;
}

.decision-engine-item-form input[type="radio"]+label {
  display: inline-block;
  margin: 0 35px;
}

.decision-engine-item-form input[type="radio"],
  .decision-engine-item-form input[type="checkbox"] {
  display: none;
}

.decision-engine-item-form input[type="radio"]+label,
  .decision-engine-item-form input[type="checkbox"]+label {
  position: relative;
  display: block;
  padding-left: 2.5em;
  margin: 10px 35px;
  cursor: pointer;
  line-height: 1.3;
  transition: all .3s ease-in-out;
  float:left;
}

.decision-engine-item-form input[type="radio"]+label:before,
  .decision-engine-item-form input[type="radio"]+label:after,
  .decision-engine-item-form input[type="checkbox"]+label:before,
  .decision-engine-item-form input[type="checkbox"]+label:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1.625em;
  height: 1.625em;
  text-align: center;
  color: white;
  font-family: Times;
  border-radius: 50%;
  transition: all .3s ease;
  border: 1px solid #787878;
}

.decision-engine-item-form input[type="radio"]+label.row,
  .decision-engine-item-form input[type="checkbox"]+label.row {
  display: inline-block;
  width: 25%;
  text-align: left;
}

.decision-engine-item-form input[type="radio"]+label.row,
  .decision-engine-item-form input[type="checkbox"]+label.row:nth-of-type(3n+1) {
  clear: both;
}

.decision-engine-item-form input[type="radio"]+label:before {
  transition: all .3s ease;
  box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 1em white;
}

.decision-engine-item-form input[type="radio"]+label:hover:before {
  transition: all .3s ease;
  box-shadow: inset 0 0 0 0.4em white, inset 0 0 0 1em #c6c6c6;
}

.decision-engine-item-form input[type="radio"]:checked+label:before {
  transition: all .3s ease;
  box-shadow: inset 0 0 0 0.4em white, inset 0 0 0 1em #bde48d;
}

.decision-engine-item-form input[type="checkbox"]+label:after {
  border: none;
}

.decision-engine-item-form input[type="checkbox"]+label:before {
  content: '✓';
  border-radius: 4px;
  background-color: white;
  color: white;
  line-height: 1.7;
}

.decision-engine-item-form input[type="checkbox"]+label:hover:before {
  color: #f0f0f0;
}

.decision-engine-item-form input[type="checkbox"]:checked+label:before {
  background-color: white;
  color: #bde48d;
}

.decision-engine-error {
  left: 50%;
  margin-left: -17%;
  position: absolute;
  border-radius: 10px;
  padding: 10px;
  background-color: #FFE57F;
  color: red;
}

.decision-engine-error:after, .decision-engine-error:before {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  z-index: 10;
  pointer-events: none;
  border: solid transparent;
}

.decision-engine-error:after {
  border-width: 9px;
  top: -18px;
  border-bottom-color: #FFE57F;
  left: 50%;
  margin-left: -9px;
}

.decision-engine-error:before {
  border-width: 10px;
  top: -20px;
  border-bottom-color: #FFE57F;
  left: 50%;
  margin-left: -10px;
}

.decision-engine-thanks, .decision-engine-more-info,
  .decision-engine-form-thanks {
  top: -500px;
  height: 500px;
  z-index: 4;
}

.decision-engine-carousel-wrapper {
  top: -500px;
  height: 500px;
  z-index: 5;
}

.decision-engine-carousel-wrapper .slick-nav {  
  right: 0;
  left: 0;
  text-align: center;
}

.decision-engine-carousel-wrapper .slick-nav-prev,
  .decision-engine-carousel-wrapper .slick-nav-next {
  width: 146px;
}

.decision-engine-carousel-wrapper .slick-nav-prev.active,
  .decision-engine-carousel-wrapper .slick-nav-next.active {
  background-color: #3a75ca;
  color: #fff;
}

.decision-engine-carousel-wrapper .slick-nav-prev:before,
  .decision-engine-carousel-wrapper .slick-nav-next:before {
  display: none;
}

.decision-engine-carousel-wrapper .slick-nav-prev.nav-disabled {
  visibility: hidden !important;
}

.decision-engine-carousel {
  /*slick carousel styling */
  
}

.decision-engine-carousel .slick-slider {
  margin: 0;
}

.decision-engine-carousel .slick-track {
  margin-top: 80px;
}

.decision-engine-carousel.hide-track .slick-track {
	margin-top: 0px;
}

.decision-engine-carousel .slick-list {
  height: 420px;
}

.decision-engine-carousel .slickslide {
  text-align: center;
}

.decision-engine-carousel .slick-dots {
  overflow: visible;
  position: absolute;
  top: 9px;
  left: 0;
  height: 10px;
  border-radius: 5px;
}

.decision-engine-carousel.hide-track .slick-dots {
	display: none !important;
}

.decision-engine-carousel .slick-dots:after {
  /*block the clicking*/
  position: absolute;
  width: 100%;
  height: 50px;
  content: "";
  z-index: 100;
  top: -25px;
  left: 0;
}

.decision-engine-carousel .slick-dots li {
  width: auto;
  height: 10px;
  padding: 0 60px 0 40px;
  margin: 0 0 0 -7px;
  cursor: default;
  overflow: visible;
  background-color: #e5e5e5;
}

.decision-engine-carousel .slick-dots li:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.decision-engine-carousel .slick-dots li:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.decision-engine-carousel .slick-dots li button {
  font-family: 'Open Sans', sans-serif;
  font-size: 30px;
  font-weight: 400;
  width: 56px;
  height: 56px;
  margin-top: -25px;
  color: #e5e5e5;
  border-radius: 50%;
  position: relative;
  z-index: 100;
  background-color: #fff;
  transition: all .3s ease-in-out;
}

.decision-engine-carousel .slick-dots li button:before {
  display: none;
}

.decision-engine-carousel .slick-dots li.slick-active:before {
  content: "";
  width: 50%;
  height: 10px;
  background-color: #b0d47c;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 5px;
  margin-left: -6px;
  transition: all .3s ease-in-out;
}

.decision-engine-carousel .slick-dots li.slick-active button {
  background-color: #3a75ca;
  color: #fff;
}

.decision-engine-carousel .slick-dots li.hasPassed:before {
  content: "";
  width: 100%;
  height: 10px;
  margin-left: -6px;
  background-color: #b0d47c;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 5px;
}

.decision-engine-carousel .slick-dots li.slick-active.islast:before {
  width: 101%;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
  .slick-dots { 
    display: none !important; 
  }
  
  .decision-engine-item .section-title {
    font-size: 28px !important;
  }

  .decision-engine-track {
    display: none;
  }
}

@media (max-width: 769px) {
	.decision-engine-item .checkbox-wrapper {
        height: 150px;
        overflow: auto;
	}
    .decision-engine-item-form input[type="radio"]+label.row,
     .decision-engine-item-form input[type="checkbox"]+label.row {
        width: 100%;
    }
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; / 16:9 /
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#stickynav-anchor-list {
    font-size: 0;
}
#stickynav-anchor-list div {
    display: inline;
}
/*removed generic css*/
/* === RESET === */

.newmenu * {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    /*font:"Open-sans", Arial, sans-serif;*/

    vertical-align: baseline;
    box-sizing: border-box;
}
/* === END RESET === */
/* === BASIC STYLES === */

.newmenu:after,
.newmenu:before {
    box-sizing: border-box;
}
.newmenu {
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 12px;
}
/*removed generic css*/
/* === Utilities === */

.textCenter {
    text-align: center;
}
.padded {
    padding: 16px;
}
.top-padded {
    padding: 16px 0;
}
.buffer {
    padding: 8px 0;
}
.uppercase {
    text-transform: uppercase;
}
.container {
    margin: 0 auto;
    max-width: 1200px;
}
.blackStrip {
    background: #000;
    height: 40px;
}
.mobile-navmenu {
    display: none;
}
/* HIDES MOBILE STYLES ON DESKTOP*/

.newmenu ul,
.newmenu li,
.newmenu a,
.newmenu ul:hover,
.newmenu li:hover,
.newmenu a:hover,
.newmenu ul:focus,
.newmenu li:focus,
.newmenu a:focus {
    text-decoration: none;
    list-style-type: none;
    outline: none;
}

/*FIREFOX STYLES*/

@ -moz-document url-prefix () {
    . new {
        display: none;
    }
}
.newmenu {
    font-size: 12px;
    font-family: "Open-sans", Arial, sans-serif;
}
/* === HEADER ELEMENT DESKTOP STYLES === */

.border {
    margin: 0;
    padding: 0;
}
.banner-position {
    position: relative;
}
.dropdown-menu .divider,
.dropdown-menu .second {
    height: 2px;
    width: 250px;
    transform: rotate(90deg);
    color: #e5e5e5;
}
.dropdown-menu .divider {
    margin: 0 0 0 24px;
}
.dropdown-menu .divider.second {
    margin: -100px 0 0 24px;
}
b.arrow-up {
    position: relative;
    top: -13px;
    left: 133px;
    width: 2px;
    height: 5px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 8px solid white;
}
b.arrow-up.PERSONAL {
    position: relative;
    top: -13px;
    left: 133px;
    width: 2px;
    height: 5px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 8px solid white;
}
b.arrow-up.COMMERCIAL {
    position: relative;
    top: -13px;
    left: 162px;
    width: 2px;
    height: 5px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 8px solid white;
}
b.arrow-up.WEALTH {
    position: relative;
    top: -13px;
    left: 111px;
    width: 2px;
    height: 5px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 8px solid white;
}
img.listImg {
    /*content: url(../../../content/dam/first-financial-bank/icons/Arrow_black.gif);*/

    width: 13px;
    margin-right: 5px;
    margin-left: -24px;
}
a.navmenu-login.col {
    font-size: 16px;
}
.dropdown-menu .multi-column .columns-3 .row {
    display: block;
}
/* === LOGO DESKTOP STYLES === */

.logo {
    height: 0;
    width: auto;
}
.navmenu li.logo-item {
    position: absolute;
    left: 7%;
    width: 190px;
    height: 80px;
    margin: 0;
    /*margin:0 46px;*/

    background: #FFE98C no-repeat;
    background-position: center;
}
.navmenu li img.logoimagestyles {
    position: relative;
    width: 100%;
    left: 0;
    bottom: 15px;
}
.navmenu li.logo-item a {
    display: block;
    height: 100%;
    width: 100%;
}
/* === NAVBAR DESKTOP STYLES === */

.navmenu {
    width: 100%;
    height: 40px;
    background-color: #fff;
    max-width: inherit;
}
.navmenu li {
    display: inline-block;
    position: sticky;
    transition: all .8s ease 0s;
    letter-spacing: .05em;
    color: #435b64;
    border: none;
    border-color: #ffe98c;
    background: none;
    padding: 9px 0;
}
.navmenu .topLinks li a {
    text-transform: uppercase;
    font-style: italic;
    padding: 5px 10px;
    margin: 0;
    font-size: 12px;
    font-family: "Open-sans", Arial, sans-serif;
}
.navmenu .topLinks li a:hover {} .navmenu li:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: '';
}
.navmenu li:hover {
    bottom-border: 3px solid #DF9A48;
}
.lt-ie9 .navmenu li:before {
    bottom: -5px;
}
.navmenu li:hover:before,
.navmenu li.active:before {
    -webkit-transform: translate(0%, 0px);
    /* Safari */

    -ms-transform: translate(0%, 0px);
    /* IE 9 */

    transform: translate(0%, 0px);
}
.lt-ie9 .navmenu li:hover:before,
.lt-ie9 menu li.active:before {
    bottom: 0;
}
.navmenu a {
    text-decoration: none;
    color: #595959;
    border: 0;
    outline: none;
}
.navmenu a:hover,
.navmenu a.is-active {
    color: #444;
}
/* === NAVBAR LOGIN BTN DESKTOP STYLES === */

.headerLogin {
    /* position: relative;
            left: 8%; */

    cursor: pointer;
    color: #FFF;
    display: inline-flex;
    list-style: none;
    height: 100%;
    max-height: 40px;
    background: #FFC845;
    /* Yellow Background */
    /*background:#3A75CA; */
    /* Blue Background */
    /*padding:2px 5.5px;*/

    padding: 2px 0;
    position: relative;
}
li.headerLogin img.login-arrow {
    width: 15px;
    height: 100%;
    padding: 0;
    margin: 12px 10px 0 -2px;
    display: inline;
}
.headerLogin a.navmenu-login {
    /*padding:4.5px 16px;*/

    padding: 12px 5px 12px 15px;
    margin: 0;
    color: #000;
    /*color:#FFF;*/

    text-decoration: none;
    /*display:block;*/
}
.navmenu li.navmenu-login {
    padding: 13px;
}
.navmenu li.navmenu-login a {
    color: #fff;
    display: block;
    background: url(images/arrow-up-right.png) no-repeat;
    background-position: center right;
    transition: all .3s ease 0s;
    padding: 3px 20px 3px 0;
}
/* === HEADER LINK STYLES ONLY [TOP NAV] === */

.navmenu ul.topLinks {
    height: auto;
    margin: 0 auto;
    /*padding:0 0 12px;*/

    padding: 0;
    list-style: none outside none;
}
.navmenu ul.topLinks li {
    margin: 0;
}
/*.navmenu li{padding:13px 0;}*/

.headerLinks {
    position: relative;
    bottom: 2px;
    left: calc(7% + 190px);
    font-size: 16px;
    color: #FFF;
    display: inline-block;
    list-style: none;
}
.headerLinks a {
    padding: 12px 16px;
    color: #000;
    text-decoration: none;
    display: block;
    text-align: left;
}
/* === SAFARI TOP NAV STYLES ONLY === */
/* === Safari 10.1+ === */

@media not all and (min-resolution: .001dpcm) {
    @media {
        .navmenu ul.topLinks.safari_only {
            padding: 0 0 9.7px;
            /* UPDATE */
        }
    }
}
/* === FIREFOX TOP NAV STYLES ONLY === */
/* === FireFox Browser === */

@ -moz-document url-prefix () {
    .navmenu ul.topLinks {
        padding: 0011.77px;
    }
}
/* === DESKTOP NAVBAR DROPDOWN STYLES ONLY === */

.dropdown-content {
    display: block;
}
.dropdown-content a:hover {
    background: #f1f1f1;
}
ul.multi-column-dropdown {
    margin: -8px 0 0;
}
.subHeaderLinks {
    text-decoration: underline;
    ! important;
}
.dropdown-menu {
    min-width: 200px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    border-left: 1px solid rgba(0, 0, 0, .15);
    border-right: 1px solid rgba(0, 0, 0, .15);
    border-top: none;
    width: auto;
    max-width: 846px;
    background-color: #fff;
}
.dropdown-menu.columns-2 {
    min-width: 400px;
}
.dropdown-menu.columns-3 {
    position: absolute;
    left: -79%;
    padding: 5px 0px 15px 0px;
    display: none;
}
.dropdown-menu.columns-3.open {
    display: block;
    z-index: 5;
}
.col-sm-4 {
    border-right: 1px solid #e5e5e5;
    width: 33%;
    max-width: 320px;
    min-width: 280px;
}
.col-sm-4.section-newmenu:last-child {
    border-right: 0px solid #e5e5e5;
}
.col-sm-4.section-newmenu:first-of-type {
    margin-left: -30px;
}
.section-newmenu:first-child {
    width: 160px;
}
.dropdown-menu li a {
    padding: 0px 41px;
    font-weight: 300;
}
.multi-column-dropdown {
    list-style: none;
}
.multi-column-dropdown:before {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image: url(../../../content/dam/first-financial-bank/icons/Arrow_black.gif);
}
.multi-column-dropdown li.column-items a {
    padding: 4px 20px 4px 52px;
    /* white-space: nowrap;*/
}
.multi-column-dropdown li.column-items a:focus {
    color: #3a75ca;
}
.multi-column-dropdown li.column-items a:hover {
    background-color: #3a75ca;
    color: #ffffff;
}
.section-newmenu {
    width: 160px;
}
/* === FIREFOX DROPDOWN MENU STYLES ONLY === */

@ -moz-document url-prefix () {
    .dropdown-menu .columns-3 {
        top: 78%;
        /* Need to test FF again*/
    }
}
/* === SEARCH BAR STYLES === */

li.navnewmenu-search:before {
    height: 0;
}
li.navnewmenu-search {
    padding: 8px 48px 0 0;
    position: relative;
}
.navnewmenu-search {
    display: block;
    /*background-image:url();*/
}
.navnewmenu-search input {
    border: 1px solid #AAA;
    background-color: #fff;
    text-transform: uppercase;
    width: 75px;
    padding: 3px 10px;
    margin: 3px 0 0;
    outline: none;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    transition: all .5s;
    font-style: italic;
}
.navnewmenu-search input:focus {
    color: #000;
    text-transform: initial;
    border: 1px solid #AAA;
    width: 200px;
}
.navnewmenu-search input::-webkit-search-decoration,
.nav-search input::-webkit-search-cancel-button {
    display: none;
}
img.headerImage {
    border: 0;
    width: auto;
    height: 20px;
    float: right;
    padding-right: 2px;
    margin: 0 12px;
}
img.headerImage.Locations {
        border: 0;
        width: auto;
        height: 20px;
        float: right;
        margin: 0 16px;
}

img.headerImage.Contact.Us.safari_only,
img.headerImage.About.Us.safari_only {
    position: relative;
}
/* === SEARCH BAR STYLES FOR SAFARI ONLY
        /* === Safari 10.1+ === */

@media not all and (min-resolution: .001dpcm) {
    @media {
        span.fa.fa-search.safari_only {
            display: none;
        }
    }
}
/*=== LOGIN STYLES ===*/
/* === LOGIN MODULE === */
/* === Overlay for drop-down login (outer most div of login) === */

.login-overlay {
    position: absolute;
    background: rgba(0, 0, 0, 0);
    display: none;
    top: 40px;
    right: 0;
    z-index: 1010;
}
.login-overlay.active,
.personal-bank-list.COMMERCIAL.tour-step-backdrop,
.personal-bank-list.PERSONAL.tour-step-backdrop {
    display: block !important;
}
.loginDrop {
    width: 100%;
    /*top: 1.55%;*/

    min-width: 300px;
    max-width: 350px;
    min-height: 447.67px;
    z-index: 1005;
}
.loginBox {
    border: none;
    background: #FFF;
    border-radius: 0 0 8px 8px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 2px 8px 0px;
}
.loginText {
    background: #000;
    height: 9px;
    padding: 3px 0;
}
/* === Login Header Text === */

.loginText p {
    color: #FFF;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 24px;
    font-family: Arial-Black, "Open-sans", Helvetica, sans-serif;
}
/* === Login Tabs === */

.tabs {
    margin: 0 auto;
    padding: 0;
}
.tab-list {
    display: inline-flex;
    background: #1483c3;
}
.tab-list li {
    text-align: center;
    padding: 0px;
    display: inline-flex;
}
.tab-list li:nth-child(2) {
    margin: 0 2px;
}
.tab-list li a {
    border: none;
    padding: 9px 9px;
    padding-top: 10%;
    padding-bottom: 10%;
    border-radius: 0;
    color: #000;
    background: #FFF;
    list-style: none;
    text-decoration: none;
    font-family: Arial, "Open-sans", Helvetica, sans-serif;
    /*font-weight:900;*/

    font-weight: bold;
    font-size: 16px;
}
_:-ms-fullscreen, :root .tab-list li a{
        border: none;
        padding: 0px 3px;
        padding-top: 10%;
        padding-bottom: 6%;
         padding-left: 3%;
        border-radius: 0;
        color: #000;
        background: #FFF;
        list-style: none;
        text-decoration: none;
        font-family: Arial, "Open-sans", Helvetica, sans-serif;
        /*font-weight:900;*/
        font-weight: bold;
        font-size: 13px;
     }
.tab-list li.active a {
    background: #1483c3;
    color: #FFF;
}
.tab-panel {
    display: none;
}
.tab-panel.active {
    display: block;
    /*background:#1483c3;*/

    color: #FFF;
    width: 100%;
    margin: 0 auto;
    height: auto;
    min-height: 100px;
    /*text-transform:uppercase;*/
}
.tab-panel.active p.tab-panel-text {
    background: #1483c3;
    padding: 8px 0;
    font-style: italic;
    font-size: 10px;
    font-weight: 100;
    color: #FFF;
    text-transform: uppercase;
}
/* === FORM === */

.login-1,
.login-2,
.otherLinks {
    display: block;
    padding: 15px 17px 4px;
}
.otherLinks a {
    padding: 8px 10px;
    color: #5B6670;
    background: #FFC845;
    border: none;
    font-weight: 600;
    font-size: 16px;
    margin: 6px 0;
    text-transform: uppercase;
    min-width: 100%;
    border-radius: 5px;
    outline: none;
    box-shadow: none;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.otherLinks input {
    padding: 10px 0;
    margin: 6px 0;
    text-transform: uppercase;
}

/* === Drop down === */
.hidden {
    display: none !important;
}

.tab-panel .continue-button {
    display: none;
}

.version #loginForm,
.version .alertMsgs,
.version .new-to-online,
.version .enroll-online,
.version .learn-about,
.new .learn-about-version-two {
    display: none;
}

.version .new .learn-about-version-two {
    display: block;
    margin: 0;
    width: 100%;
}

.version input[type="button"].continue-button {
    display: block;
    margin-top: 10px;
    margin-bottom: 180px;
}

/* === Form Input Styles === */

.newmenu input {
    border: 1px solid #5B6770;
    border-radius: 5px;
    outline: none;
    box-shadow: none;
}
.newmenu input::placeholder {
    color: #D9D9D9;
    font-size: 14px;
    font-family: Arial, "Open-sans", Helvetica, sans-serif;
    font-weight: 500;
}
.newmenu input[type="text"],
.newmenu input[type="password"] {
    padding: 15px 66px 15px 30px;
    margin: 10px auto;
}
.newmenu input,
.newmenu input:active,
.newmenu input:focus {
    min-width: 100%;
}
.newmenu input[type="submit"],
.newmenu input[type="button"] {
    padding: 8px 10px;
    color: #5B6670;
    background: #FFC845;
    border: none;
    font-weight: 600;
    font-size: 16px;
    margin: 10px 0 0;
}
.newmenu input[type="submit"]:hover,
.newmenu input[type="button"]:hover,
.newmenu button {
    cursor: pointer;
}
input[type="text"].loginUser1,
input[type="text"].loginUser2 {
    background: url(../../../content/dam/first-financial-bank/icons/user.png) no-repeat;
    background-size: 24px;
    background-position-y: 13px;
    background-position-x: 4px;
    font-size: 14px;
    color: #000;
    font-family: Arial, "Open-Sans", helvetica, sans-serif;
}
input[type="password"].loginPW1,
input[type="password"].loginPW2,
input[type="text"].loginPW1,
input[type="text"].loginPW2 {
    background: url(../../../content/dam/first-financial-bank/icons/lock.png) no-repeat;
    background-size: 16px;
    background-position-y: 10px;
    background-position-x: 8px;
    font-size: 14px;
    color: #000;
    font-family: Arial, "Open-Sans", helvetica, sans-serif;
}
/* === Form Sections & BTNS (Only on First 2 Tabs)  === */

section.loginTop,
section.loginBtm {
    display: inline-flex;
    width: 100%;
    position: relative;
}
/* Out of Service login Access styles*/
.disableLogin {
	width: 300px;
	height: 230px
}
.pdisableLogin {
	position: absolute;
	top: 148px;
	font-size: 22px;
	color: black;
	text-align: center;
	text-transform: capitalize;
}
/* End of Out of Service login Access styles*/
.newmenu .saveBtn,
.newmenu .showBtn,
.newmenu .hideBtn,
.newmenu .clearBtn {
    background: none;
    border: none;
    border-left: 1px solid #5B6770;
    outline: none;
    height: auto;
    border-radius: 0;
    position: absolute;
    left: 80%;
}
/* SEARCH & LOGIN:login ID and password placeholder color change in IE */
 input#q2-login-user:-ms-input-placeholder, input#id:-ms-input-placeholder,
	input#q2-login-password:-ms-input-placeholder, input#pin:-ms-input-placeholder,
	input#searchnewmenu:-ms-input-placeholder { /* IE 10+ */
	color: #D3D3D3;
}
input#searchnewmenu::-webkit-input-placeholder {/* chrome/opera/safari */
	font-size: 12px;
}

.newmenu .saveBtn,
.newmenu .clearBtn {
    top: 48%;
    width: 60px;
    /*margin: 7px 0;*/
    margin: 0;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */

    -moz-transform: translateY(-50%);
    /* Firefox */

    -webkit-transform: translateY(-50%);
    /* Safari and Chrome */

    -o-transform: translateY(-50%);
    /* Opera */
}
.newmenu .showBtn,
.newmenu .hideBtn {
    top: 50%;
    width: 60px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */

    -moz-transform: translateY(-50%);
    /* Firefox */

    -webkit-transform: translateY(-50%);
    /* Safari and Chrome */

    -o-transform: translateY(-50%);
    /* Opera */
}

.newmenu .saveTxt,
.newmenu .showTxt,
.newmenu .hideTxt,
.newmenu .clearTxt {
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    color: #A4A4A4;
}
::-ms-reveal {
    display: none;
}
::-ms-clear {
    display: none;
}
::-ms-reveal {
    display: none;
}
::-ms-clear {
    display: none;
}
.saveTxt,
.showTxt,
.clearTxt,
.hideTxt {
    margin: 0px 12px;
}

.saveBtn img,
.clearBtn img {
    width: 12px;
    height: auto;
    margin: 2px 0 0;
}
.showBtn img,
.hideBtn img {
    width: 24px;
    height: auto;
}
.showBtn img,
.hideBtn img {
    margin: 2px 0 0;
}

.showPW,
.saved {
    display: none;
}
/* === Login/PW Help Links === */

.forgot {
    display: inline;
    background: #FFF;
    padding-bottom: 22px;
}
a.forgotLogin,
a.forgotPW,
a.comforgotPW {
    color: #1483c3 !important;
    font-family: Arial, "Open-sans", Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 auto;
    padding: 10px;
}
/* === ALERT MSGS === */

.capsAlert,
.loginAlert
/*Password Msg class is 'loginAlert'*/

{
    position: absolute;
    display: inherit;
    color: #FFF;
    font-size: 12px;
    background: red;
    height: 34px;
    line-height: 39px;
    font-family: Arial, 'Open-sans', helvetica, sans-serif;
    width: 100%;
    opacity: 0;
    bottom: 18.9%;
    -webkit-transform: translate(0, 5px);
    -moz-transform: translate(0, 5px);
    -ms-transform: translate(0, 5px);
    -o-transform: translate(0, 5px);
    transform: translate(0, 5px);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.alertIcon {
    width: 13px;
    height: auto;
}
.alertMsgs {
    position: relative;
}
.capsAlert.isActive,
.loginAlert.isActive {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.loginAlert:hover,
.capsAlert:hover {
    cursor: default
}
@ -moz-document url-prefix () {
    .capsAlert, .loginAlert {
        bottom: 16%;
    }
}
/* === LoginBox Footer === */

.cq-wcm-edit .new {
    background: transparent;
}

.loginBox-footer,
.new {
    background: #1483c3;
    color: #FFF;
    font-family: Arial, "Open-sans", Helvetica, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}
.loginBox-footer a p {
    color: #FFF !important;
}
.loginBox-footer a p.tierLink {
    text-transform: capitalize;
}
.loginBox-footer p {
    font-style: initial;
    font-size: 14px;
    line-height: 16px;
    height: auto;
    /*padding:8px 10px;*/
}
.new {
    max-height: 42px;
    margin: 0;
}
.new a:first-child {
    margin: 0 2px 0 0;
}
.new a {
    display: inline-block;
    font-style: italic;
    font-size: 11px;
    padding: 10px 25px;
    background: #FFC845;
    width: 50%;
    color: #000;
}
/* === BROWSER SPECIFIC DESKTOP STYLES  === */
/* IE 11+ STYLES FOR DESKTOP */

@media all and (-ms-high-contrast: none) {
    /*
                img.login-arrow{width:auto !important; height:15px !important; margin:12px 10px 0 -2px; }

                input::placeholder{color:#D9D9D9;}

                .capsAlert, .loginAlert{bottom:18.7%;}

                li.column-items{display:inline;}
                li.column-items a{padding:4px 18px;}

                /* *, :before{width:13px; height:13px;}

                li.column-items a:before {
                    content:url("../../../content/dam/first-financial-bank/icons/Arrow_black.gif");
                    margin-left:-24px;
                    margin-right:5px;
                }
                img.listImg{
                    /*content:"" !important;
                    width:13px;
                    margin:-7px 5px -10px -24px;
                    background-image:url("../../../content/dam/first-financial-bank/icons/Arrow_black.gif");
                    display:initial;
                }*/
}
/* FIREFOX STYLES FOR DESKTOP */

@ -moz-document url-prefix () {
    input [type="text"].loginUser1, input[type="text"].loginUser2 {
        background-position: 4px, 13px;
    }
    input.loginPW1[type="password"],
    input.loginPW2[type="password"],
    input.loginPW1[type="text"],
    input.loginPW2[type="text"] {
        background-position: 8px, 10px;
    }
    input::-moz-placeholder {
        color: #D9D9D9;
    }
    .loginBox-footer p {
        height: auto;
        line-height: 16px;
    }
}
/* CHROME STYLES FOR DESKTOP */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .loginBox-footer,
    .new {
        background: #1483c3;
        color: #FFF;
        font-family: Arial, "Open-sans", Helvetica, sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0;
    }
    .loginBox-footer p {
        font-style: initial;
        font-size: 14px;
        padding: 0;
        margin: 0;
        line-height: 16px;
    }
    .showBtn img,
    .hideBtn img {
        margin: 2px 0 0;
    }
}
/* === SAFARI STYLES ONLY [DESKTOP] === */
/* === Safari 10.1+ === */

@media not all and (min-resolution: .001dpcm) {
    @media {
        .safari_only .capsAlert,
        .safari_only .loginAlert {
            bottom: 16.8%;
        }
    }
}
/* === MEDIA QUERIES ONLY === */
/* === SMALL SCREENS 400PX - 598PX === */

@media screen and (min-width: 400px) and (max-width: 598px) {
    /*Code Here*/

    .desktop {
        display: none;
    }
    .mobile-navmenu {
        display: initial;
        z-index: 5
    }
    .headerMobile {
        width: 100%;
    }
    .level-1 ul {
        margin: 2px;
    }
    /*===Blue Chevron Override===*/

    li.level-3 .fa.fa-chevron-down {
        color: #0071CE;
    }
    .is-rotate {
        transform: rotate(180deg);
        right: 23px !important;
    }
    .per-rotate {
        transform: rotate(180deg);
        right: 23px !important;
    }
    /* === Special Class since 'PER' loads expanded === */

    .per-rotate {
        transform: rotate(180deg);
    }
    .fa {
    	position:absolute;
        width: 26px;
        right: 15px;
        display: inline;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        transition: all .2s ease;
    }
    .burger {
        width: 17% !important;
        /*width:10%;*/

        margin: 5px auto;
        padding: 0;
        text-align: center;
    }
    .burger-icon {
        width: auto;
        height: 30px;
        padding: 5px;
    }
    .mobile-logo {
        width: 55% !important;
    }
    .location {
        width: 10% !important;
    }
    .mobile-login {
        width: 17% !important;
    }
}
/* === iPhone 5 & 5s Portrait & Landscape === */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    .desktop {
        display: none;
    }
    .login-open-desk a.loginBtn.blue {
        color: #1483c3 !important;
    }
    a.loginBtn {
        font-size: 16px;
    }
}
/* === Galaxy S5 Portrait & Lanscape === */

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    .desktop {
        display: none;
    }
    .mobile-navmenu {
        display: initial;
        z-index: 5
    }
    .headerMobile {
        width: 100%;
    }
    .burger {
        width: 15% !important;
        margin: 5px -5px !important;
    }
    .mobile-logo {
        width: 50% !important;
    }
    .location {
        width: 10% !important;
        margin: 0 !important;
    }
    .mobile-login {
        width: 20% !important;
        margin: 2px 0 !important;
    }
}
/* === iPhone 6 & 6s Portrait & Landscape === */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    .desktop {
        display: hidden;
    }
    .mobile-navmenu {
        display: initial;
        z-index: 5;
    }
    .headerMobile {
        width: 100%;
    }
    .level-1 ul {
        margin: 2px;
    }
    .login-open-desk a.loginBtn.blue {
        color: #1483c3 !important;
    }
    .loginDrop {
        top: 0;
        left: 0;
        float: right;
    }
    a.loginBtn {
        font-size: 16px;
    }
    .saveTxt,
    .showTxt,
    .hideTxt,
    .clearTxt {
        font-size: 11px;
    }
    /*#tab-1m .loginTop .saveBtn, #tab-1m .loginTop .clearBtn{top:27.8%;}
        #tab-1m .loginBtm .showBtn, #tab-1m .loginBtm .hideBtn{top:42.6%;}

        #tab-2m .loginTop .saveBtn, #tab-2m .loginTop .clearBtn{top:27.5%;}
        #tab-2m .loginBtm .showBtn, #tab-2m .loginBtm .hideBtn{top:42.2%;}*/
    /*===Blue Chevron Override===*/

    li.level-3 .fa.fa-chevron-down {
        color: #0071CE;
    }
    .is-rotate {
        transform: rotate(-180deg);
    }
    /* === Special Class since 'PER' loads expanded === */

    .per-rotate {
        transform: rotate(180deg);
    }
    .fa {
    	position:absolute;
        width: 26px;
        right: 15px;
        display: inline;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        transition: all .2s ease;
    }
    .banner {
        background: #FFE680;
        width: 100%;
        height: 40px;
        padding: 0px;
        display: flex;
    }
    .burger {
        /*width:10%;*/

        margin: 5px auto;
        padding: 0;
        text-align: center;
    }
    .burger-icon {
        width: auto;
        height: 30px;
        padding: 5px;
    }
    .location {
        /*width:8%;*/

        margin: 0 auto;
    }
    .location:hover {
        cursor: pointer;
    }
    img.pin-icon {
        width: 34px;
        padding: 5px;
        height: auto;
        min-width: 25px;
        max-width: 45px;
        margin: 3px;
    }
    .mobile-logo {
        color: #FFF;
        /*width:72%;*/

        margin: 4px auto;
        padding: 0;
    }
    .mobile-logo img.first-logo {
        width: auto;
        height: 30px;
        padding: 4px;
    }
    /*.mobile-logo img.first-logo{
            width:auto;
            height:30px;
        }*/

    .mobile-login {
        /*width:10%;*/

        padding: 10px 0;
        margin: 2px auto;
        border-left: 1px solid #c3c3c3;
        text-transform: uppercase;
        font-size: 16px;
    }
    .mobile-login a,
    .mobile-login a:hover {
        color: #000;
    }
    /*ul.nav-expand, */

    ul.com-expand,
    ul.wealth-expand,
    li.per-bank-expand,
    li.com-bank-expand,
    li.wealth-bank-expand,
    li.per-credit-expand,
    li.com-credit-expand,
    li.wealth-credit-expand,
    li.per-serv-expand,
    li.com-serv-expand,
    li.wealth-serv-expand,
    li.per-other-expand,
    li.com-other-expand,
    li.wealth-other-expand {
        display: none;
    }
    ul.per-expand {
        display: block;
        width: 100%;
    }
    /* === Mobile NavBar === */

    .nav-expand {
        width: 75%;
        position: absolute;
        display: block;
        margin: 0;
        top: 40px;
        left: 0;
        font-size: 18px;
        background: #FFF;
        box-shadow: 0 5px 8px rgba(0, 0, 0, 0.5);
    }
    .main-text,
    li.nav-items {
        font-weight: 300;
        font-size: 18px;
        color: #FFF;
        padding: 8px 0;
        background: #0071CE;
        margin: -2px;
    }
    li.nav-items:last-child {
        padding-left: 20px;
    }
    .main-text a,
    li.nav-items a {
        margin: 0px 0 0 -7px;
        padding: 7px 30px;
        color: #FFF;
    }
    li.nav-items {
        margin: 0px;
        border-bottom-width: 1px solid transparent;
    }
    li.nav-items a {
        padding: 0 0 0 30px;
    }
    li.nav-items a {
        text-transform: uppercase;
    }
    li.level-3 a,
    li.column-items a {
        color: #000;
    }
    ul.level-3 {
        background: #f0f0f0;
    }
    ul.level-3 {
        font-size: 16px;
        font-weight: normal;
        text-transform: capitalize;
    }
    li.column-items {
        padding: 5px 90px;
        border-top: 1px solid #FFF;
        border-left: none;
        border-right: none;
    }
    ul.nav-expand li ul.level-2 {
        background: #D4D4D4;
    }
    ul.nav-expand a {
        outline: none;
    }
    /* CHROME STYLES FOR IPHONE 6, 6S & 7 PORTRAIT & LANDSCAPE */

    @media screen and (-webkit-min-device-pixel-ratio: 0) {
        .loginBox-footer p.tierLink a {
            color: #FFF !important;
            text-transform: initial !important;
        }
        /*.loginBox-footer p{line-height:16px;}
                .new{margin-top:20px;}*/
    }
    /*SAFARI STYLES IPHONE 6, 6S & 7 LANDSCAPE & PORTRAIT */
    /* === Safari 10.1+ === */

    @media not all and (min-resolution: .001dpcm) {
        @media {
            .loginDrop.safari_only {
                max-height: 440px !important;
            }
            span.loginAlert.safari_only {
                color: #FFF !important;
            }
            a[href^=tel] {
                text-decoration: inherit;
                color: inherit !important;
            }
            .loginBox-footer.safari_only p {
                margin: 0;
                line-height: 16px !important;
                height: auto;
            }
        }
    }
}
/* === iPhone 6, 6s & 7 Landscape === */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .desktop {
        display: none;
    }
    .loginDrop {
        top: 0;
    }
    .per-rotate {
        right: 22px !important;
    }
    .per-bank-open i.is-rotate {
        right: 22px !important;
    }
    /* CHROME STYLES FOR IPHONE 6, 6S & 7 LANDSCAPE ONLY */

    @media screen and (-webkit-min-device-pixel-ratio: 0) {
        #tab-1m .capsAlert, #tab-1m .loginAlert {
            bottom: 16.2% !important;
        }
        #tab-2m .capsAlert,
        #tab-2m .loginAlert {
            bottom: 16.2% !important;
        }
    }
    .new a {
        padding: 10px 36px !important;
    }
    #tab-2m .loginBox-footer p:first-child {
        padding: 7px 0 !important;
    }
    /*SAFARI STYLES IPHONE 6, 6S & 7 LANDSCAPE */
    /* === Safari 10.1+ === */

    @media not all and (min-resolution: .001dpcm) {
        @media {
            .capsAlert.safari_only, .loginAlert.safari_only {
                bottom: 14.8% !important;
            }
        }
    }
}
/* === iPhone 6, 6s & 7 Portrait === */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .desktop {
        display: none;
    }
    .loginDrop {
        /*top:0;
                left:0;
                float:right;*/
    }
    .burger {
        width: 20% !important;
        margin: 5px auto 5px -14px;
    }
    .mobile-logo {
        width: 50% !important;
    }
    .location {
        width: 10% !important;
        margin: 0 -5px 0 auto !important;
    }
    .mobile-login {
        width: 20% !important;
        margin: 2px 0;
    }
    .per-rotate,
    .per-bank-open i.is-rotate {
        right: 22px !important;
    }
    .showBtn img,
    .hideBtn img {
        width: 26px;
    }
    /* CHROME STYLES FOR IPHONE 6, 6S & 7 PORTRAIT ONLY */

    @media screen and (-webkit-min-device-pixel-ratio: 0) {
        #tab-1m .capsAlert, #tab-1m .loginAlert {
            bottom: 16% !important;
        }
        #tab-2m .capsAlert,
        #tab-2m .loginAlert {
            bottom: 16% !important;
        }
        #tab-2m .loginBox-footer p:first-child {
            padding: 8px 0 7px !important;
        }
        .new a {
            padding: 10px 36px !important;
        }
    }
    /*SAFARI STYLES IPHONE 6, 6S & 7 PORTRAIT */
    /* === Safari 10.1+ === */

    @media not all and (min-resolution: .001dpcm) {
        @media {
            li.nav-items a img:first-child {
                right: 28px;
            }
            .headerImage.safari_only {
                position: relative;
                right: 22px;
                margin: 0;
                padding: 0;
            }
            .loginDrop.safari_only {
                max-height: 440px !important;
            }
            .capsAlert.safari_only,
            .loginAlert.safari_only {
                bottom: 14.5% !important;
            }
            .loginBox-footer.safari_only {
                margin: 0;
            }
            .loginBox-footer.safari_only p:first-child {
                padding: 6px 0 0 !important;
            }
            .loginBox-footer.safari_only p.tierLink.safari_only {
                padding: 2px 0 6px !important;
            }
        }
    }
}
/* === iPhone 6+, 6s+ & 7+ Landscape & Portrait === */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px)and (-webkit-min-device-pixel-ratio: 3) {
    .desktop {
        display: none;
    }
    .mobile-navmenu {
        display: initial;
        z-index: 5;
    }
    .headerMobile {
        width: 100%;
    }
    .login-open-desk a.loginBtn.blue {
        color: #1483c3 !important;
    }
    a.loginBtn {
        font-size: 16px;
    }
    .saveTxt,
    .showTxt,
    .hideTxt,
    .clearTxt {
        font-size: 11px;
    }
    /*===Blue Chevron Override===*/

    li.level-3 .fa.fa-chevron-down {
        color: #0071CE;
    }
    .is-rotate {
        transform: rotate(180deg);
        right: 23px !important;
    }
    /* === Special Class since 'PER' loads expanded === */

    .per-rotate {
        transform: rotate(180deg);
        /*right:23px !important;*/
    }
    .fa {
    	position:absolute;
        right: 15px;
        display: inline;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        transition: all .2s ease;
    }
    .banner {
        background: #FFE680;
        padding: 0;
        display: flex;
        height: 40px;
    }
    .burger {
        width: 10%;
        margin: 5px auto 5px -14px;
        padding: 0;
        text-align: center;
    }
    .burger-icon {
        width: auto;
        height: 30px;
    }
    .location {
        width: 8%;
        margin: 0 auto;
    }
    .location:hover {
        cursor: pointer;
    }
    img.pin-icon {
        width: 35px;
        height: auto;
    }
    .mobile-logo {
        color: #FFF;
        width: 72%;
        margin: 4px auto;
        padding: 0;
    }
    .mobile-logo img.first-logo {
        width: auto;
        height: 30px;
    }
    .mobile-login {
        width: 10%;
        padding: 10px 0;
        margin: 2px auto;
        border-left: 1px solid #c3c3c3;
        text-transform: uppercase;
        font-size: 16px;
    }
    .mobile-login a,
    .mobile-login a:hover {
        color: #000;
    }
    /*ul.nav-expand, */

    ul.com-expand,
    ul.wealth-expand,
    li.per-bank-expand,
    li.com-bank-expand,
    li.wealth-bank-expand,
    li.per-credit-expand,
    li.com-credit-expand,
    li.wealth-credit-expand,
    li.per-serv-expand,
    li.com-serv-expand,
    li.wealth-serv-expand,
    li.per-other-expand,
    li.com-other-expand,
    li.wealth-other-expand {
        display: none;
    }
    ul.per-expand {
        display: block;
        width: 100%;
    }
    /* === Mobile NavBar === */

    .nav-expand {
        width: 75%;
        position: absolute;
        display: block;
        margin: 0;
        top: 40px;
        left: 0;
        font-size: 18px;
        background: #FFF;
        box-shadow: 0 5px 8px rgba(0, 0, 0, 0.5);
    }
    .main-text,
    li.nav-items {
        font-weight: 300;
        font-size: 18px;
        color: #FFF;
        padding: 8px 0;
        background: #0071CE;
        margin: -2px;
    }
    .main-text a,
    li.nav-items a {
        margin: 1px 0 0 -7px;
        padding: 7px 30px;
        color: #FFF;
    }
    li.nav-items {
        margin: -2px;
    }
    li.nav-items a {
        padding: 0 0 0 30px;
    }
    li.nav-items a {
        text-transform: uppercase;
    }

    li.level-3 a,
    li.column-items a {
        color: #000;
    }
    ul.level-3 {
        background: #f0f0f0;
    }
    ul.level-3 {
        font-size: 16px;
        font-weight: normal;
        text-transform: capitalize;
    }
    li.column-items {
        padding: 5px 90px;
        border-top: 1px solid #FFF;
        border-left: none;
        border-right: none;
    }
    ul.nav-expand li ul.level-2 {
        background: #D4D4D4;
    }
    ul.nav-expand a {
        outline: none;
    }
    /* CHROME STYLES FOR IPHONE 6+, 6S+ & 7+ LANDSCAPE ONLY */

    @media screen and (-webkit-min-device-pixel-ratio: 0) {
        .loginBox-footer p.tierLink a {
            color: #FFF !important;
            text-transform: initial !important;
        }
    }
    /*SAFARI STYLES IPHONE 6+, 6S+ & 7+ LANDSCAPE & PORTRAIT */
    /* === Safari 10.1+ === */

    @media not all and (min-resolution: .001dpcm) {
        @media {
            span.loginAlert.safari_only {
                color: #FFF !important;
            }
            a[href^=tel] {
                text-decoration: inherit;
                color: inherit !important;
            }
            .loginBox-footer.safari_only p {
                height: auto;
                line-height: 16px;
            }
            .loginBox-footer.safari_only p:first-child {
                padding: 4px 0 0;
            }
            .loginBox-footer.safari_only p.tierLink {
                padding: 2px 0 4px;
            }
        }
    }
}
/* === iPhone 6+, 6s+ & 7+ Landscape === */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 3) {
    /*.desktop{display:none;}*/
    /*.mobile-navmenu{display:initial;z-index:5;}*/

    .per-rotate {
        right: 16px;
    }
    .per-bank-open i.is-rotate {
        right: 16px;
    }
    /* CHROME STYLES FOR IPHONE 6+, 6S+ & 7+ LANDSCAPE ONLY */

    @media screen and (-webkit-min-device-pixel-ratio: 0) {
        .capsAlert, .loginAlert {
            bottom: 13.3% !important;
        }
    }
    /*SAFARI STYLES IPHONE 6+, 6S+ & 7+ LANDSCAPE ONLY */
    /* === Safari 10.1+ === */

    @media not all and (min-resolution: .001dpcm) {
        @media {
            .fa-chevron-down.safari_only .per-rotate {
                right: 22px !important;
            }
        }
    }
}
/* === iPhone 6+, 6s+ & 7+ Portrait === */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    /*CODE HERE*/

    .per-rotate {
        right: 24px !important;
    }
    .per-bank-open i.per-rotate {
        right: 23px !important;
    }
    /* CHROME STYLES FOR IPHONE 6+, 6S+ & 7+ PORTRAIT ONLY */

    @media screen and (-webkit-min-device-pixel-ratio: 0) {
        .capsAlert, .loginAlert {
            bottom: 13.3% !important;
        }
    }
    /*SAFARI STYLES IPHONE 6+, 6S+ & 7+ PORTRAIT ONLY */
    /* === Safari 10.1+ === */

    @media not all and (min-resolution: .001dpcm) {
        @MEDIA {}
    }
}
/* === NEXUS 6 Portrait & Landscape === */

@media only screen and (min-device-width: 412px) and (max-device-width: 732px) {
    .desktop {
        display: none;
    }
    .mobile-navmenu {
        display: initial;
        z-index: 5;
    }
    .headerMobile {
        width: 100%;
    }
    .tab-panel.active p.tab-panel-text {
        font-weight: 400;
    }
    .loginBox-footer p {
        height: auto;
        line-height: 16px;
    }
}
/* === NEXUS 6 LANDSCAPE === */

@media only screen and (min-device-width: 412px) and (max-device-width: 732px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 3) {
    /* CHROME STYLES FOR NEXUS 6P LANDSCAPE ONLY */

    @media screen and (-webkit-min-device-pixel-ratio: 0) {
        .capsAlert,
        .loginAlert {
            bottom: 18.5% !important;
        }
    }
}
/* === NEXUS 6 PORTRAIT === */

@media only screen and (min-device-width: 412px) and (max-device-width: 732px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
    /* CHROME STYLES FOR NEXUS 6 PORTRAIT ONLY */

    @media screen and (-webkit-min-device-pixel-ratio: 0) {
        .capsAlert,
        .loginAlert {
            bottom: 18.5% !important;
        }
    }
}
/* === iPad & iPad Mini Landscape & Portrait === */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    /*CODE HERE*/
    /* CHROME STYLES FOR IPAD/IPAD MINI PORTRAIT & LANDSCAPE ONLY */

    @media screen and (-webkit-min-device-pixel-ratio: 0) {
        .loginBox-footer p.tierLink a {
            color: #FFF !important;
            text-transform: initial !important;
        }
    }
    /*SAFARI STYLES IPAD & IPAD MINI LANDSCAPE & PORTRAIT */
    /* === Safari 10.1+ === */

    @media not all and (min-resolution: .001dpcm) {
        @media {
            span.loginAlert.safari_only {
                color: #FFF !important;
            }
            a[href^=tel] {
                text-decoration: inherit;
                color: inherit !important;
            }
            .capsAlert.safari_only,
            .loginAlert.safari_only {
                bottom: 18.6% !important;
            }
        }
    }
}
/* === iPad & iPad Mini Landscape === */
/* === Landscape Only Styles === */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) {
    /* CHROME STYLES FOR IPAD MINI LANDSCAPE ONLY */

    @media screen and (-webkit-min-device-pixel-ratio: 0) {
        b.arrow-up.COMMERCIAL {
            left: 162px;
        }
        .loginDrop {
            max-height: 453px !important;
        }
        .capsAlert,
        .loginAlert {
            bottom: 14.5% !important;
        }
        .loginBox-footer p:first-child {
            padding: 4px 0 8px !important;
        }
        .loginBox-footer p.tierLink {
            padding: 8px 0 4px !important;
        }
        .loginBox-footer p.tierLink a {
            color: #FFF !important;
            text-transform: initial !important;
        }
    }
    /*SAFARI STYLES IPAD & IPAD MINI LANDSCAPE ONLY */
    /* === Safari 10.1+ === */

    @media not all and (min-resolution: .001dpcm) {
        @media {
            .capsAlert.safari_only, .loginAlert.safari_only {
                bottom: 18.6% !important;
            }
            .loginBox-footer.safari_only p:first-child {
                padding: 4px 0 0 !important;
            }
            .loginBox-footer.safari_only p.tierLink {
                padding: 2px 0 4px !important;
            }
        }
    }
}
/* === iPad & iPad Mini Portrait === */
/* === Portrait Only Styles === */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) {
    /*Code Here*/

    .burger {
        width: 10%;
        margin: 5px auto;
    }
    .mobile-logo {
        width: 72%;
    }
    .location {
        width: 8%;
    }
    .mobile-login {
        width: 10%;
    }
    .per-rotate {
        right: 15px !important;
    }
    /* CHROME STYLES FOR IPAD MINI PORTRAIT ONLY */

    @media screen and (-webkit-min-device-pixel-ratio: 0) {
        .capsAlert, .loginAlert {
            bottom: 15% !important;
        }
    }
    /*SAFARI STYLES IPAD & IPAD MINI PORTRAIT ONLY */
    /* === Safari 10.1+ === */

    @media not all and (min-resolution: .001dpcm) {
        @media {
            .capsAlert.safari_only, .loginAlert.safari_only {
                bottom: 18.6% !important;
            }
        }
    }
}
/* === iPad Pro Landscape === */
/* Landscape Only Styles */
/* IE 11+ STYLES FOR 798PX & BELOW */

@media screen\0,
screen and (max-width: 798px) {
    /*.mobile-navmenu{display:inline;}*/

    .capsAlert,
    .loginAlert {
        bottom: 18.6%;
    }
    #tab-1m .loginBox-footer p:first-child {
        padding: 4px 0 0 !important;
    }
    #tab-1m.loginBox-footer p.tierLink {
        padding: 2px 0 4px !important;
    }
    .nav-expand a.column-items {
        padding: 5px !important;
        border-top: 1px solid #FFF !important;
        border-left: none !important;
        border-right: none !important;
        display: flex !important;
    }
}
/* === ALL OTHER BROWSERS === */

@media all and (max-width: 798px) {
    .desktop {
        display: none;
        visibility: hidden;
    }
    .mobile-navmenu {
        display: inline;
        z-index: 5;
    }
    .headerMobile {
        width: 100%;
    }
    .level-1 ul {
        margin: 0px;
    }
    .main-text,
    li.nav-items {
        border-top: 1px solid #FFF;
    }
    .login-overlay {
        min-height: 800px;
    }
    .mobile-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        min-height: 800px;
        background: rgba(0, 0, 0, 0);
        display: none;
        top: 0;
        left: 0;
        z-index: 1010;
    }
    .login-open-desk a.loginBtn.blue {
        color: #1483c3 !important;
    }
    a.loginBtn {
        font-size: 16px;
    }
    .mobileDrop {
        display: block;
    }
    .tab-list li a {
       padding: 1px 1px;
       padding-top: 10%;
       padding-bottom:10%;
     }
    .forgot {
        display: flex;
    }
    .forgot a {
        color: #1483c3 !important;
    }
    .new {
        display: flex;
    }
    .new a:first-child {
        float: left;
    }
    .new a:nth-child(2) {
        float: right;
    }
    .capsAlert,
    .loginAlert {
        bottom: 18.6%;
    }
    #tab-2m .capsAlert,
    #tab-2m .loginAlert {
        bottom: 18.6%;
    }
    .loginBox-footer p.tierLink {
        color: #FFF !important;
        text-transform: initial !important;
    }
    #tab-2m .loginBox-footer p:first-child {
        padding: 8px 0 7px;
    }
    li.nav-items:last-child {
        padding-left: 24px;
    }
    /* CHROME STYLES FOR DESKTOP 798PX & BELOW */

    @media screen and (-webkit-min-device-pixel-ratio: 0) {
        #tab-1m .loginBox-footer p:first-child {
            padding: 4px 0 0;
        }
        .loginBox-footer p.tierLink {
            padding: 2px 0 4px;
        }
        #tab-2m .loginBox-footer p:first-child {
            padding: 7px 0;
        }
        #tab-1m .new a:nth-child(2) {
            padding: 10px 36px;
        }
    }
    /*FIREFOX STYLES*/

    @ -moz-document url-prefix () {
        /*.loginText{line-height:40px;}*/

        . section .new {
            display: none;
        }
        .loginBox-footer p {
            height: auto;
            line-height: 16px;
        }
        #tab-1m .loginBox-footer p:first-child {
            padding: 4px 0 0;
        }
        #tab-1m .loginBox-footer p.tierLink {
            padding: 2px 0 4px;
        }
        #tab-1m .capsAlert,
        #tab-1m .loginAlert {
            bottom: 18.7%;
        }
        #tab-2m .capsAlert,
        #tab-2m .loginAlert {
            bottom: 18.6%;
        }
        .new a:first-child {
            padding: 10px 25px;
        }
        .new a:nth-child(2) {
            padding: 10px 36px;
        }
    }
    /*SAFARI STYLES 798PX & BELOW */
    /* === Safari 10.1+ === */

    @media not all and (min-resolution: .001dpcm) {
        @media {
            #tab-1m .capsAlert.safari_only, #tab-1m .loginAlert.safari_only, #tab-2m .capsAlert.safari_only, #tab-2m .loginAlert.safari_only {
                bottom: 18.9%;
            }
            .loginBox-footer.safari_only p {
                height: auto;
                line-height: 16px;
            }
            li.nav-items:last-child {
                padding-left: 20px;
            }
        }
    }
    /*===Blue Chevron Override===*/

    li.level-3 .fa.fa-chevron-down {
        color: #0071CE;
    }
    .is-rotate {
        transform: rotate(180deg);
        right: 16px !important;
    }
    .per-bank-open i.is-rotate {
        right: 22px;
    }
    /* === Special Class since 'PER' loads expanded === */

    .per-rotate {
        transform: rotate(180deg);
        /*right:22px;*/
    }
    .fa {
    	position:absolute;
        right: 15px;
        display: inline;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        transition: all .2s ease;
    }
    .banner {
        background: #FFC845;
        padding: 0;
        display: flex;
        height: 40px;
    }
    .burger {
        width: 10%;
        margin: 5px auto 5px -15px;
        padding: 0;
        text-align: center;
    }
    .burger-icon {
        width: auto;
        height: 30px;
        padding: 5px;
    }
    .location {
        width: 10%;
        margin: 0 -15px 0 auto;
    }
    .location:hover {
        cursor: pointer;
    }
    img.pin-icon {
        width: 33px;
        padding: 5px;
        height: auto;
        min-width: 25px;
        max-width: 45px;
        margin: 3px;
    }
    .mobile-logo {
        color: #FFF;
        width: 70%;
        margin: 4px auto;
        padding: 0;
    }
    .mobile-logo img.first-logo {
        width: auto;
        height: 30px;
        padding: 4px;
    }
    .mobile-login {
        width: 10%;
        padding: 10px 0;
        margin: 2px auto;
        border-left: 1px solid #c3c3c3;
        text-transform: none;
    }
    .mobile-login a,
    .mobile-login a:hover {
        color: #000;
    }
    .navmenu-hide {
        display: block;
    }
    /*ul.nav-expand,*/

    ul.com-expand,
    ul.wealth-expand,
    li.per-bank-expand,
    li.com-bank-expand,
    li.wealth-bank-expand,
    li.per-credit-expand,
    li.com-credit-expand,
    li.wealth-credit-expand,
    li.per-serv-expand,
    li.com-serv-expand,
    li.wealth-serv-expand,
    li.per-other-expand,
    li.com-other-expand,
    li.wealth-other-expand {
        display: none;
    }
    ul.per-expand {
        display: block;
        width: 100%;
    }
    /* === Mobile NavBar === */

    .nav-expand {
        width: 75%;
        position: absolute;
        margin: 0;
        display: block;
        top: 40px;
        left: 0;
        font-size: 18px;
        background: #FFF;
        box-shadow: 0 5px 8px rgba(0, 0, 0, 0.5);
    }
    .main-text,
    li.nav-items {
        font-weight: 300;
        font-size: 18px;
        color: #FFF;
        padding: 8px 0;
        background: #0071CE;
        margin: 0 0 -2px;
    }
    .main-text a,
    li.nav-items a {
        margin: 0px 0 0 -7px;
        padding: 7px 30px;
        color: #FFF;
    }
    a.mobile-nav-links {
        font-weight: 300;
        font-size: 18px;
        color: #FFF;
        padding: 8px 0;
        background: #0071CE;
        margin: 0 0 -2px;
        border-top: 1px solid #FFF;
        text-transform: uppercase;
    }
    li.nav-items a {
        padding: 0 0 0 30px;
    }
    li.nav-items {
        text-transform: uppercase;
    }
    li.level-3 {
        background: #FFF;
        font-weight: normal;
        font-size: 18px;
        padding: 6px 33px;
    }
    li.level-3 a {
        color: #000;
    }
    ul.level-3 {
        background: #f0f0f0;
    }
    ul.level-3 {
        font-size: 16px;
        font-weight: normal;
        text-transform: capitalize;
    }
    a.column-items li {
        color: #000;
        position: relative;
        left: 18px;
        padding: 0 31px;
        /*padding:5px 0;*/
    }
    li.column-items {
        padding: 5px 90px;
        border-top: 1px solid #FFF;
        border-left: none;
        border-right: none;
    }
    ul.nav-expand li ul.level-2 {
        background: #D4D4D4;
    }
    ul.nav-expand a {
        outline: none;
    }
    .mobileSearch,
    .mobileSearch::placeholder {
        background: transparent;
        color: #FFF;
        outline: none;
        border: none;
        margin: 0;
        font-family: "Open-Sans", sans-serif;
        font-size: 18px;
        padding: 0 11px;
        font-weight: 300;
    }
    .mobileSearch:focus {
        /*padding:0 20px;*/
    }
}
/* === MEDIUM SCREENS [799PX - 959PX] === */
/* IE 11+ STYLES FOR 798PX & BELOW */
/*@media screen\0, screen and (min-width:799px) {
            .mobile-navmenu{display:none;}
        }*/

/*phone 6 styles*/
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) {
    img.headerImage {
            border: 0;
            width: auto;
            height: 20px;
            float: right;
            padding-right: 11px;
            margin: 0 12px;
    }
    img.headerImage.Locations {
            border: 0;
            width: auto;
            height: 20px;
            float: right;
            margin: 0 6px;
    }
}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {
	img.headerImage {
        border: 0;
        width: auto;
        height: 20px;
        float: right;
        padding-right: 9px;
        margin: 0 12px;
    }
    img.headerImage.Locations {
        border: 0;
        width: auto;
        height: 20px;
        float: right;
        padding-right: 14px;
        margin: 0 12px;
    }
}

/*iphone 6 plus landscape*/
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : landscape) {
    img.headerImage {
        border: 0;
        width: auto;
        height: 20px;
        float: right;
        padding-right: 2px;
        margin: 0 18px;
    }
    img.headerImage.Locations {
        border: 0;
        width: auto;
        height: 20px;
        float: right;
        margin: -2px 11px;
    }
}

/*ipad styles*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	img.headerImage.Locations {
        border: 0;
        width: auto;
        height: 20px;
        float: right;
        margin: 0 16px;
    }
    img.headerImage {
        border: 0;
        width: auto;
        height: 20px;
        float: right;
        padding-right: 2px;
        margin: 0 12px;
    }
}

/*Galazy S5 styles*/
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
    img.headerImage.Locations {
        border: 0;
        width: auto;
        height: 20px;
        float: right;
        margin: 0 12px;
	}
    img.headerImage {
        border: 0;
        width: auto;
        height: 20px;
        float: right;
        padding-right: 8px;
        margin: 0 12px;
	}
}
/* iphone 5 Portrait */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
        img.headerImage {
        border: 0;
        width: auto;
        height: 20px;
        float: right;
        padding-right: 8px;
        margin: 0 12px;
    }
    img.headerImage.Locations {
        border: 0;
        width: auto;
        height: 20px;
        float: right;
        margin: 0 12px;
	}
}
@media all and (min-width: 960px) and (max-width: 1132px) {

    .dropdown-menu.columns-3 {
        left : -197%;
    }
    b.arrow-up.PERSONAL {
        left: 271px;
    }
    b.arrow-up.COMMERCIAL {
        left: 326px;
    }
    b.arrow-up.WEALTH {
        left: 228px;
    }

}
@media all and (min-width: 799px) and (max-width: 959px) {
    .login-overlay {
        z-index: 1010;
    }
    .mobile-overlay {
        display: none;
    }
    .tab-panel.active p.tab-panel-text {
        font-size: 9px;
    }
    .forgot {
        display: flex;
    }
    #tab-1 .capsAlert,
    #tab-1 .loginAlert,
    #tab-2 .capsAlert,
    #tab-2 .loginAlert {
        bottom: 19.2%;
    }
    .loginBox-footer p {
        font-style: initial;
        font-size: 14px;
        padding: 0;
    }
    #tab-1 .loginBox-footer p:first-child {
        padding: 3px 0 0;
    }
    #tab-1 .loginBox-footer a p.tierLink {
        padding: 1px 0 3px;
    }
    .loginBox-footer a p:first-child {
        color: #FFF;
    }
    #tab-2 .loginBox-footer p:first-child {
        padding: 7px 0;
    }
    .new {
        display: flex;
    }
    .new a:first-child {
        float: left;
    }
    .new a:nth-child(2) {
        float: right;
    }
    ul.link-items {
        width: 90%;
    }
    .navmenu-login {
        float: right;
        z-index: 1010;
    }
    .dropdown-menu.columns-3 {
        top: 96%;
        left: -39%;
        min-width: 846px;
        max-width: 850px;
        height: auto;
        min-height: 200px;
        max-height: 320px;
        padding-left: 20px;
    }
    .col-sm-4.section-newmenu:first-of-type {
        margin-left: -20px;
    }
    .col-sm-4.section-newmenu:last-child {
        margin-top: -15px;
    }
    .col-sm-4 {
        width: auto;
        min-width: 180px;
        max-width: 250px;
    }
    .dropdown-menu.columns-3.open {
        display: block
    }
    .dropdown-menu.multi-column.columns-3.open.row {
        display: flex
    }
    b.arrow-up {
        top: -24px;
        left: -70%;
    }
    b.arrow-up.PERSONAL {
        left: -236px;
        top: -29px;
    }
    b.arrow-up.COMMERCIAL {
        left: -75px;
        top: -29px;
    }
    b.arrow-up.WEALTH {
        left: 113px;
        top: -29px;
    }
    .dropdown-menu.columns-3.PERSONAL{
        left: -158%;
        min-width: 752px;
    }
    .dropdown-menu.columns-3.COMMERCIAL{
        left: -226%;
        min-width: 745px;
    }
    .dropdown-menu.columns-3.WEALTH{
        left: -279%;
        min-width: 502px;
    }

    b.arrow-up.PERSONAL
    .mainNav {
        position: relative;
        left: 25%;
        display: inline;
        width: 33%;
        margin: 0 auto;
    }
    .headerLinks {
        left: 200px;
        /*left:12%;*/

        padding: 0 5px;
    }
    .headerLinks a {
        padding: 14px 20px;
    }
    .navmenu li.logo-item {
        left: 0;
    }
    li.navnewmenu-search {
        /*width:27%;*/

        margin: 0 auto;
    }
    .navmenu ul.topLinks li {
        display: inline-block;
        position: relative;
        padding-bottom: 21px;
        margin: 0;
        left: calc(7% + 190px) ! important;
    }
    div.search,
    span.search {
        position: relative;
        bottom: 30px;
    }
    /*FIREFOX STYLES 799PX - 959PX */

    @ -moz-document url-prefix () {
        #tab-1 .capsAlert, #tab-1 .loginAlert {
            bottom: 18.8%;
        }
        #tab-2 .capsAlert,
        #tab-2 .loginAlert {
            bottom: 18.8%;
        }
    }
    /*SAFARI STYLES 799PX - 959PX */
    /* === Safari 10.1+ === */

    @media not all and (min-resolution: .001dpcm) {
        @media {
            .loginBox-footer.safari_only a p {
                height: auto;
                line-height: 16px;
            }
            #tab-1 .capsAlert.safari_only,
            #tab-1 .loginAlert.safari_only,
            #tab-2 .capsAlert.safari_only,
            #tab-2 .loginAlert.safari_only {
                bottom: 19.1%;
            }
        }
    }
}
/* === LARGE SCREENS & FLEX GRID QUERY === */
/* IE 11+ STYLES FOR 960PX & ABOVE */

@media screen\0,
screen and (min-width: 960px) {
    img.login-arrow {
        width: auto !important;
        height: 15px !important;
        margin: 12px 10px 0 -2px;
    }
    input::placeholder {
        color: #D9D9D9;
    }
    .capsAlert,
    .loginAlert {
        bottom: 18.7%;
    }
    li.column-items a {
        padding: 4px 18px;
    }
}
@media all and (min-width: 960px) {
    .login-overlay {
        z-index: 1010;
    }
    .loginBox-footer a p {
        font-style: initial;
        font-size: 14px;
        line-height: 16px;
        margin: 0;
    }
    .loginBox-footer p:first-child {
        padding: 4px 0 0;
    }
    #tab-2 .loginBox-footer p:first-child {
        padding: 8px 0 7px;
    }
    .loginBox-footer p.tierLink {
        padding: 2px 0 4px;
    }
    .loginBox-footer p.tierLink a {
        color: #FFF !important;
        text-transform: initial !important;
    }
    #tab-2 .capsAlert,
    #tab-2 .loginAlert {
        bottom: 18.9%;
    }
    /* CHROME STYLES FOR DESKTOP */

    @media screen and (-webkit-min-device-pixel-ratio: 0) {
        .headerLinks {
            bottom: 0px;
        }
        /*.dropdown-menu.columns-3{transform:translateY(0.75%);}
                    b.arrow-up.PERSONAL, b.arrow-up.COMMERCIAL, b.arrow-up.WEALTH{top:-12px;}*/

        #tab-1 .capsAlert,
        #tab-1 .loginAlert {
            bottom: 18.7%;
        }
        #tab-2 .capsAlert,
        #tab-2 .loginAlert {
            bottom: 18.4%;
        }
        .showBtn img,
        .hideBtn img {
            margin: 2px 0 0;
        }
    }
    /*SAFARI STYLES 960PX & ABOVE */
    /* === Safari 10.1+ === */

    @media not all and (min-resolution: .001dpcm) {
        @media {
            .loginBox-footer.safari_only p {
                height: auto !important;
                line-height: 16px;
            }
            #tab-1 .capsAlert.safari_only,
            #tab-1 .loginAlert.safari_only,
            #tab-2 .capsAlert.safari_only,
            #tab-2 .loginAlert.safari_only {
                bottom: 18.9%;
            }
        }
    }
    /*FIREFOX STYLES 960PX & ABOVE*/

    @ -moz-document url-prefix () {
        .loginBox-footer p {
            height: auto;
            line-height: 16px;
        }
        #tab-1 .capsAlert,
        #tab-1 .loginAlert,
        #tab-2 .capsAlert,
        #tab-2 .loginAlert {
            bottom: 18.6%;
        }
        .new a:first-child,
        .new a:nth-child(2) {
            padding: 10px 25px;
        }
        .headerLinks {
            bottom: -2px;
        }
        .dropdown-menu.columns-3 {
            top: 96%;
        }
    }
    .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .col-1 {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .col-2 {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }
    .col-3 {
        -webkit-box-flex: 3;
        -ms-flex: 3;
        flex: 3
    }
    .col-4 {
        -webkit-box-flex: 4;
        -ms-flex: 4;
        flex: 4
    }
    .col-5 {
        -webkit-box-flex: 5;
        -ms-flex: 5;
        flex: 5
    }
    .col-6 {
        -webkit-box-flex: 6;
        -ms-flex: 6;
        flex: 6
    }
    .col-7 {
        -webkit-box-flex: 7;
        -ms-flex: 7;
        flex: 7
    }
    .col-8 {
        -webkit-box-flex: 8;
        -ms-flex: 8;
        flex: 8
    }
    .col-9 {
        -webkit-box-flex: 9;
        -ms-flex: 9;
        flex: 9
    }
    .col-10 {
        -webkit-box-flex: 10;
        -ms-flex: 10;
        flex: 10
    }
    .col-11 {
        -webkit-box-flex: 11;
        -ms-flex: 11;
        flex: 11
    }
    .col-12 {
        -webkit-box-flex: 12;
        -ms-flex: 12;
        flex: 12
    }
}
/* === DO NOT ADD ANYTHING BELOW THIS === */

.ffb.segmint-container {
    width: 1000px;
    margin: 0 auto;
}

.seg-zones{
    text-align: center;
    padding: 20px 15px;
}

.seg-text.segheader{
    text-align: center;
    padding: 10px;
}

.seg-text.disclaimer{
    font-family: 'Open Sans', sans-serif;
    padding: 25px;
    text-align: center;
    font-size: 12px;
    color: #959595;
}

.seg-iframe-styles{
    overflow: hidden;
}

@media (max-width: 992px){
    .ffb.segmint-container {
        width: 100%;
        margin: 0 auto;
    }
    .seg-zones{
        text-align: center;
    }
    .seg-img{
        padding: 10px 15px;
    }
}
.ffb.header-text-imagecontainer{
    width: 1000px;
    margin: 20px auto;
}

.section-content .ffb.header-text-imagecontainer{
	width: 100%;
    margin: 10px 0;
}

.section-content .ffb.header-text-imagecontainer .row.container-wrapper{
    margin-left: 0;
    margin-right: 0;
}

.column-text:after {
    clear: both;
    content:"";
    display: table;
}

.header-columns{
    margin: 10px 0;
}

.container-wrapper .header-text{
    text-align: center;
    margin: 10px 0;
    font-size: 24px;
    color: rgb(73, 88, 98);
}

.container-wrapper .column-text {
    font-size: 15px;
    color: rgb(125, 135, 143);
}

.image-container img{
    width: 100%;
    display: block;
}

.ffb.header-text-imagecontainer .container-wrapper .large-4-column{
    padding-right: 0px;
    padding-left: 0px;
}

.ffb.header-text-imagecontainer .container-wrapper .large-8-column{
    padding-right: 0px;
    padding-left: 0px;
}

.container-wrapper{
    background-color: white;
    border-radius: 20px;
    overflow: hidden;
}

.column-one-bordered{
	border-right: 1px solid lightgray;
}
.column-two-bordered{
	border-left: 1px solid lightgray;
}

.column-text img{
    margin: 0 auto;
    display: block;
}

/*@media (min-width: 577px) and (max-width: 768px)*/

@media (max-width: 1200px){
    .ffb.header-text-imagecontainer{
        width: 100%;
        padding: 0 5%;
    }
}

@media (max-width: 768px){
	.container-wrapper{
        padding: 0 5%;
    }

}
.disclosuretextfooter.section {
    background-color: white;
    position: relative;
}

.disclosure-text-footer-title {
    background-color: #6e6e6f;
    padding-top: 10px;
    padding-bottom: 9px;
}

.disclosure-text-footer-title-item {
    width: auto;
    margin: 0 auto;
    padding-left: 25px;

}

a.disclosure-trigger {
    color: #ffffff;
    padding-left: 40px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    cursor:pointer;
}

.disclosure-text-footer-content {
    background-color: white;
}

.disclosure-text-footer-content-item {
    width: auto;
    margin: 0 auto;
    padding: 30px 25px 50px 25px;
}

.expand-icon {
    position: absolute;
    content: '';
    width: 50px;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url("images/disclosure-plus.png");
    cursor: pointer;
}

.opened .expand-icon {
    position: absolute;
    content: '';
    width: 50px;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url("images/disclosure-minus.png");
}

.disclosure-text-footer-content-item p {
	color: black;
    font-size: small;
}

.red-highlights {
    color: #dd4f05;
}

sup a {
    color: #dd4f05;
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 320px) {


.disclosure-text-footer-title-item {
    padding-left: 15px;
}

a.disclosure-trigger {
    padding-left: 30px;
    font-size: 12px;
}

}

@media (min-width: 964px) {

.disclosure-text-footer-title-item {
    width: 960px;
    text-align: left;
}

.disclosure-text-footer-content-item {
    width: 960px;
    text-align: left;
}

}

@media ( min-width : 320px) and (max-width : 9999px){
.disclosure-text-footer-title-item {
    text-align: left;
}

.disclosure-text-footer-content-item {
    text-align: left;
}
	
}

/* Common Style */
.flip-container {
    text-align: center;
    overflow: hidden;
    margin: 20px 0;
    padding: 30px 0;
}

.flip-card {
    display: inline-block;
    position: relative;
    height: 214px;
    backface-visibility: hidden;
    /* Assign the perspective to enable 3d Transform */
    perspective: 600px;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    vertical-align: top;
    width: 214px;
    transition: 0.6s;
    margin: 0 3px;
    /*background-color: black;*/
    border-radius: 36px;
}

.flip-card .front {
	width: 100%;
	height: 100%;
	background: white;
    position: absolute;
    z-index: 9;
    /* Assign The 3D Transform */
    /* -webkit-transform: rotateY(0deg) rotateX(0deg); */
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    /* -moz-transform: rotateY(0deg) rotateX(0deg); */
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
/* Transition Effect */
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    border-radius: 20px;
}

.flip-card .front img {
    border-radius: 20px;
    width: 214px;
    height: 214px;
}

.flip-card .front span {
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    color: #fff;
    background: black;
    opacity: .7;
    margin-bottom: 31px;
    text-align: left;
    word-wrap: break-word;
    font-size: 21px;
    padding-left: 10px;
}

/* .flipping class for flip effect using jquery */
.flip-card.flip .front {
    z-index: 9;
     -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}


.flip-card .back {
	width: 100%;
	height: 100%;
	background: black;
	position: absolute;
	z-index: 8;
	/* Assign The 3D Transform */
	-webkit-transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform: rotateY(-180deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	-ms-transform: rotateY(-180deg);
	/*-ms-backface-visibility: hidden; */
	/* Transition Effect */
	transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	padding: 0px 12px 23px 12px;
	border-radius: 20px;
	color: white;
}

.flip-card .back p {
    font-size: 12px;
    text-align: left;
    height: 80%;
    overflow: hidden;
    word-wrap: break-word;
}

.flip-card .back a {
    text-transform: uppercase;
    float: right;
    text-decoration: none;
    border-bottom: 1.2px solid #427ed2;
}

/* .flipping class for flip effect using jquery */
.flip-card.flip .back {
    z-index: 10;
    /*-webkit-transform: rotateY(0deg) rotateX(0deg);
    -moz-transform: rotateY(0deg) rotateX(0deg);
    -ms-transform: rotateY(0deg) rotateX(0deg); */
    transform: rotateY(0deg);
    visibility: visible;
}

.flip-card.slick-center {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
    opacity: 1 !important;
    margin: 12px 5px;
    width: 214px !important;
}

.flip-card.slick-center .front img {
    -moz-box-shadow: 0 0 5px 3px #888;
    -webkit-box-shadow: 0 0 5px 3px #888;
box-shadow: 0 0 5px 3px #888;
}

.flip-card.slick-slide {
    opacity: 0.6;
    margin-top: 35px;
    margin-bottom: 35px;
}

.flip-card.slick-slide:not(.slick-active) {
    pointer-events: none;
}

@media ( min-width : 320px) and (max-width : 768px) {
    .flip-card {
        width: 205px !important;
    }
}

keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
@-webkit-keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
@-moz-keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
@-o-keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
@-ms-keyframes donothing { 0% { } 100% { } }
.productlist2 {
    text-align: center;
}

.productlist2 .text-detail-small {
    /* display: block; */
    overflow: hidden;
}

.productlist2 .text-detail-small-item {
    padding: 0;
    position: relative;
    /* display: inline-block; */
}

.account-overview-img-div {
    width: 100%;
    height: 70px;
    background-color: rgb(0, 130, 197);
    display: block;
    text-align: center;
    color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.account-overview-img-div img {
    height: 100%;
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.productlist2 .text-detail-small-item h2 {
    text-align: center;
    font-size: 20px;
    line-height: 1;
    margin: 5% auto;
    padding: 5%;
    word-break: break-word;
    white-space: pre-wrap;
    word-wrap: break-word;
	overflow-wrap: break-word;
    width: inherit;
}

.account-overview-content-div{
    min-height: 200px;
}

.productlist2 .text-detail-small-item p {
	word-break: break-word;
    padding-left: 7%;
    padding-right: 5%;
    min-height: 130px;
    padding-bottom: 30%;
    word-wrap: normal;
}

.account-overview-button-div {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.productlist2 .text-detail-small-item a {
    text-decoration: none;
}

.apply-anchor, .details-anchor, .fee-anchor {
    background-color: darkorange;
    width: 95%;
    height: 30px;
    color: white;
    line-height: normal !important;
    font-size: 12px;
    text-align: center;
    padding-top: 4px;
    border-radius: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
}
.apply-anchor {
    background-color: rgb(221, 79, 5);
}
.details-anchor, .fee-anchor {
    background-color: rgb(119, 129, 137);
}

.details-fee-anchor {
    display: flex;
    width: 97%;
}



.productlist2 .text-detail-small-item.slick-center {
    opacity: 1 !important;
    margin: 5px 12px !important;
    -moz-box-shadow: 0 0 5px 2px #888;
    -webkit-box-shadow: 0 0 5px 2px #888;
    box-shadow: 0 0 5px 2px #888;
}
.productlist2 .text-detail-small-item.slick-slide {
    opacity: 0.5;
    margin-left: 1px;
    margin-right: 1px;
    /* height: 342px; */
}

.productlist2-cmpbtn .btn-group{
	padding-left: 5%;
    position: relative;
    color: #464646;
    overflow: hidden;
    background-color: #fff;
    background-color: #fff;	
}

.productlist2 .morectnt span {
    display: none;
}

.account-overview-compare-button-div {
    margin-top: 15px;
}

.account-overview-compare-button-div a {
    background-color: rgb(221, 79, 5);
    text-decoration: none;
    border-radius: 6px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.account-overview-compare-button-div img {
    height: 20px;
    width: 32px;
    padding-top: 8px;
    padding-left: 12px;
    padding-right: 6px;
}

.account-overview-compare-button-div span {
    background: white;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 40px;
    padding-left: 40px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    color: black;
}

.productlist2 .slick-slide img {
    display: inline-block;
}

a.disabled {
   pointer-events: none;
   cursor: default;
}

@media ( min-width : 320px) and (max-width : 768px) {
    .productlist2 .text-detail-small-item {
        width: 214px;
    }
    .account-overview-content-div {
        /*min-height: 0px;*/
    }
    .productlist2 .text-detail-small-item p {
       /* min-height: 0px;
        padding-bottom: 0%;*/
    }
    .slick-track{
        margin: -4px 0;
    }
    .productlist2 .text-detail-small-item p {
        padding-bottom: 75px;
    }
}



h1.select-title {
    text-align: center;
    font-size: 35px;
    font-weight: 400;
    color: #3c3c3c;
}
/*remodal width changed FFN-25*/
.compare-selection-modal{
    max-width: 1000px;
}
.prod-desc i{
    color: rgb(0, 124, 194);
}
h3.select-sub-title {
    text-align: center;
    font-size: 24px;
    font-weight: 150;
    color: #3c3c3c;
}
.seperator {
    border-bottom: 2px solid #6e6e6e;
    margin: 0 40px;
}
.prod-select {
    text-align: left;
    margin: 0 40px 0 40px;
}
.prod-select .select-icon {
    content: '';
    position: absolute;
    background-image: url("images/select-off.png");
    background-repeat: no-repeat;
    width: 69.8px;
    height: 46.3px;
}
.prod-select.selected .select-icon {
    content: '';
    position: absolute;
    background-image: url("images/select-on.png");
    background-repeat: no-repeat;
    width: 69.8px;
    height: 46.3px;
}

p.prod-title {
    color: #495862;
    font-size: 24px;
    font-weight: bold;
    margin: 20px 0 10px 100px;
}
p.prod-desc {
    text-align: left;
    color: #495862;
    font-size: 18px;
    margin-left: 140px;
    margin-right: 30px;
}
.compare-button {
    color: #ffffff;
    background-color: #dd4f05;
    margin: 25px auto;
    border-radius: 6px;
    padding: 10px;
    width: 150px;
    cursor:pointer;
}
p.compare-error {
    color: red;
    font-weight: bold;
    margin: 20px 0 0 0;
}
.compare-selection-modal .remodal-close:after {
    content: '';
    position: absolute;
    background-image: url("images/close-button.png");
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.showmoretxt{
	cursor:pointer;
}
.remodal-close:hover,
.remodal-close:active {
    background: none;
}

.remodal.compare-remodal{
    border: 20px solid transparent;
    border-radius: 30px;
}

@media (max-width: 415px) {
h1.select-title {
    font-size: 30px;
}

h3.select-sub-title {
    font-size: 18px;
}

.seperator, .prod-select {
    margin: 0 20px;
}

p.prod-title {
    font-size: 20px;
    font-weight: bold;
}
p.prod-desc {
    margin-left: 120px;
    margin-right: 15px;
}
}
.compareproducts {
    width: 90%;
    margin: auto;
    padding-bottom: 20px;
}

.compare-block {
    margin: 10px 5%;
}

.prod {
    border-radius: 10px 10px 0px 0px;
    background-color: #464747;
    width: 48%;
    margin: 2px;
	float: left;
    clear: none;
}

.param {
    clear: both;
    width: 100%;
    float: none;
}

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


.param-comp {
	position: relative;
    padding: 10px 10px 10px 10px;
    background: white;
    min-height: 50px;
    float: left;
    width: 48%;
    margin: 0 2px;
    clear: none;
    text-align: center;
}


a.apply-button {
    color: #ffffff;
    background: #dd4f05;
    padding: 4% 18%;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    display: table-cell;
}

.desc {
    background-color: white;
    text-align: center;
    padding: 10px 4px;
    float: left;
    width: 48%;
    margin: 0 2px;
    justify-content: center;
    align-items: center;
}

.desc-head {
    display: none;
    padding: 10px 0;
}

.prod-title-wrap {
    text-align: center;
    height: auto;
    display: table-cell;
    vertical-align: middle;
}

.prod-title-wrap .title {
    color: #ffffff;
    font-weight: bold;
    padding: 10px 15px;
    font-size: 13px;
    margin: 0;
    word-break: break-word;
}
.compare-block sup {
    cursor: pointer;
    color: #dd4f05;
    font-size: 10px;
    font-weight: 600;
}
sup.compare-superscript-param{
    left: 0.5em;
}
sup.compare-superscript-yes{
    top: -1.5em;
    left: 2em;
    font-weight: 600;
}
.clear-all {
    clear: both;
}

.param-head {
    background-color: #fcd771;
    text-align: center;
    margin: 0 2px 0 2px;
    width: 97%;
}

.param-title {
    cursor: pointer;
    color: #6b6b6b;
    font-weight: bold;
    padding: 10px 2px 0 15px;
    display: inline-block;
    font-size: 12px;
    text-align: left;
    float: left;
}
.param-title.opened{
    padding: 8px 2px 0 18px;
}
.param-title-text {
    display: block;
    padding: 15px 2px 0 34px;
    text-align: left;
    font-size: 12px;
    color: #6b6b6b;
    font-weight: bold;
}
.param-desc {
    font-size: 12px;
    text-align: left;
    padding: 0 20px 15px 34px;
    clear: both;
    color: #6b6b6b;
}


.yes-icon {
    content: '';
    position: absolute;
    background-image: url("images/compare-arrow.png");
    background-repeat: no-repeat;
    width: 22px;
    height: 25px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.last-param .param-comp{
    border-radius: 0px 0px 10px 10px;
    text-align: center;
}

.last-param .param-head {
	border-radius: 0px 0px 10px 10px;
}

p.yes-desc {
	word-break: break-word;
    font-size: 12px;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    color: #6b6b6b;
}

p.yes-title {
    margin: auto;
    font-weight: bold;
    color: #0082c5;
    display: table-cell;
    vertical-align: middle;
}

img.yes-image {
    width: auto !important;
    max-height: 67px;
}
.yes-imagecenter {
    width: calc(100% - 20px) ! important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.compare-accounts {
    text-align: center;
}

a.cmp-btn {
    width: 46% !important;
    font-size: 13px;
    margin: 20px;
}

.credit-card {
    content: '';
    position: absolute;
    background-image: url("images/credit-card.png");
    background-repeat: no-repeat;
    width: 40%;
    height: 10%;
}

sup a {
    color: #dd4f05;
    text-decoration: none;
    cursor: pointer;
    margin-left: 4px;
    padding: 1px;
    font-size: 9px;
}

.param-title:before {
	display: inline;
    content: "+";
    margin-right: 5px;
    font-size: 20px;
    font-weight: bold;
    vertical-align: top;
}

.param-title.opened:before {
    content: "-";
}

@media (max-width: 378px) {
a.apply-button {
    padding: 4% 12%;
}

.credit-card {
    margin-left: 0%;
}
}

@media (min-width: 570px) {
.credit-card {
    margin-left: 4%;
}
}


@media (min-width: 976px) {
.compare-block {
    width: 800px;
    margin: auto;
}
.compareproducts{
     font-size : 16px;
 }
}

@media (max-width: 956px) {
.prod-title-wrap .title {
    font-size: 12px;
}

.param-title {
	font-size: 11.5px;
}
}

@media (max-width: 884px) {
.prod-title-wrap .title {
    font-size: 11px;
}

.param-title {
	font-size: 11px;
}

p.yes-desc {
    font-size: 10px;
}

.param-desc {
    font-size: 10px;
}
}

@media (max-width: 812px) {
.prod-title-wrap .title {
    font-size: 10px;
}

.param-title {
	font-size: 10px;
}

p.yes-desc {
    font-size: 9.5px;
}

.param-desc {
    font-size: 9.5px;
}

}


@media (min-width: 768px) {
.prods {
    margin-left: 26%;
    clear: both;
    width: 100%;
}

.prod {
    width: 17%;
    margin: 10px 4px 0;
}

.description {
    clear: both;
    width: 100%;
}

.desc-head {
    float: left;
    width: 25%;
    margin: 0 4px;
    background-color: #ffffff;
    border-radius: 10px 10px 0 0;
    display: table;
}
.desc {
    width: 17%;
    float: left;
    margin: 0 4px;
}

p.desc-title {
    text-align: center;
    font-weight: bold;
    color: #0082c5;
    font-size: 14px;
    padding: 4% 12%;
    margin: 0;
    display: table-cell;
}

a.apply-button {
    font-size: 13px;
    padding: 4% 12%;
}

.param-comp {
    width: 17%;
    margin: 0 4px;
    min-height: 90px;
}

.param-head {
	min-height: 90px;
    float: left;
    width: 25%;
    margin: 0 4px;
}

.param:nth-child(even) .param-head, .param:nth-child(even) .param-comp {
    background-color: #ffffff;
}

.param:nth-child(odd) .param-head, .param:nth-child(odd) .param-comp {
    background-color: #fcd771;
}

.credit-card {
    margin-left: 4%;
}
.compareproducts{
    font-size : 14px;
}
}

@media (max-width: 767.5px) {

.prod-title-wrap .title {
    font-size: 13px;
}
.param-desc {
    text-align: center;
    padding: 0 20px 15px 20px;
}
sup.compare-superscript-param{
    left: 0.5em;
}
.param-title.opened:before{
    margin-right: 4px;
}
.param-title:before {
    display: inline;
    margin-right: 0px;
    font-size: 18px;
}
.param-title.opened {
    padding: 4px;
}
.param-title {
	font-size: 12px;
    text-align: center;
    padding: 4px;
    display: inline;
    white-space: nowrap;
    float: none;
}
.param-title-text{
    display: inline;
    padding: 4px 4px 4px 0px;
    text-align: center;
}
sup {
    font-size: 60%;
}
a.apply-button {
    padding: 4% 14%;
}

p.yes-desc {
    font-size: 11px;
}

.param-desc {
    font-size: 11px;
}

.last-param .param-head {
    border-radius: 0;
}

/* .yes-icon {
    margin-left: 15%;
} */

.last-param .param-head {
    height: 25px;
}

a.cmp-btn {
    width: 85% !important;
    font-size: 13px;
    margin: 20px 0;
}

.compare-accounts {
    margin-left: 0;
}
}

@media (max-width: 339px){
a.apply-button {
    padding: 4% 12%;
}
}
@media (min-width: 812px){
a.apply-button {
    padding: 4% 16%;
}
}
.online-banking-versions .select {
    margin: 0 auto;
    position: relative;
    width: 90.5%;
}

.options {
    background-color: #ccc;;
    display:none;
    position: absolute;
    width: 100%;
    z-index: 999;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.styledSelect,
.options li {
    background-color: #1483c3;
    border: 1px solid #5B6670;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    padding: 15px 15px 15px 30px;
    text-align: left;
}

.options li {
    background-color: transparent;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.styledSelect:after {
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
    content: "";
    display: inline-block;
    float: right;
    position: relative;
    top: 4px;
}

.styledSelect.active {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.ffb.sticky-container .categories-container {
    float: right;
}

.categories-container .categories-header {
    margin-left: 29px;
    margin-bottom: 0;
    font-size: 25px;
}

.ffb.sticky-container .categories-container:after,
.ffb.sticky-container .sticky-parsys:after {
    clear: both;
    content: "";
    display: table;
}

.categories-container .category-list .category-name {
    color:#606060;
    cursor: pointer;
    padding: 0 20px;
    border-left: 9px solid transparent;
}

.categories-container .category-list .category-name.highlight {
    background: #3670B3;
    border-color: #fdb414;
    color: #ffffff;
}

.categories-container select {
    border: 2px solid #bdb9b9;
    padding: 0 35px 0 15px;
    border-radius: 9px;
    height: 36px;
    color: #887e7e;
    max-width: 100%;
    background: url(images/accordianarrow.png) no-repeat right white;
    background-size:auto 18px;
    background-position: 95% 8px;
    -webkit-appearance: none;
}

@media handheld, only screen and (max-width: 768px) {
    .ffb.sticky-container .categories-container {
        float: none;
        text-align:center;
        margin: 0;
    }
    .categories-container .categories-header {
        margin-left: 0;
        margin-bottom: 20px;
    }
}
.freq-questions {
    margin: 10px 0;
}

.freq-questions .title,
.freq-questions .answer > p,
.freq-questions .question {
	margin: 0;
}

.freq-questions .ui-button {
    cursor: pointer;
    width: 27px;
    position: absolute;
    background-image: url("images/more_1.png");
    left: -45px;
    height: 30px;
    background-repeat: no-repeat;
}

.freq-questions ul.plus-icon-list li {
    position: relative;
}

.freq-questions ul.plus-icon-list {
    list-style: none;
    margin-top: 8px;
    padding-left: 60px;
}


.freq-questions .expanded.ui-button {
    background-image: url("images/less.png");
}

.freq-questions .answer {
    font-size: 14px;
    color: #606060;
}

.freq-questions .title {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    color: #999999;
}

.freq-questions .question {
    line-height: 27px;
    color: #555759;
    font-weight: 600;
}

.freq-questions .answer {
    color: #6f6f72;
    margin-top: 10px;
}
.message-selection-modal{
    max-width: 1000px;
    padding: 40px;
}

.form-selection-modal{
    max-width: 700px;
    padding: 40px;
}

.message-selection-wrapper p{
    text-align: left;
}

.message-modal h1{
    text-align: center;
    font-size: 35px;
    font-weight: 400;
    color: #3c3c3c;
}

.message-modal p{
    text-align: left;
    color: #495862;
    font-size: 18px;
}

.message-modal span{
    font-size: 24px;
}

.remodal.dataform-remodal{
    border: 20px solid transparent;
    border-radius: 30px;
}

.message-selection-modal .remodal-close:after,
.form-selection-modal .remodal-close:after {
    cursor: pointer;
    background-color: #fbca0a;
    border-radius: 100%;
    font-size: 25px;
    margin: 0;
}
.actions .btn{
   background-color: #ab1355;
              color: #ffffff ;
}
.actions {
    display: inline-flex;
}

.sticky-container [data-mod="stickycontainer"] {
    position: relative;
}
.sticky-container .sticky-content-container {
    padding: 5px;
}
.sticky-container .content-container {
    border-left: 2px solid rgb(159, 159, 159);
    padding: 5px;
    padding-left: 20px;
}
@media (max-width: 767px) {
    .ffb.sticky-container .content-container[class*="-column"] {
        border-left: none;
    }
}
.sticky-container .row {
    margin-left: 0;
    margin-right: 0;
}

/* Author mode */
.cq-wcm-edit .sticky-container [data-mod="stickycontainer"] {
    position: static;
}
.messaging-container .cobalt-blue a{
 color: white !important;
}
.messaging-container .contrast-blue a{
color: white !important;
}

.messaging-container .flatriron-dark-grey a{
color: white !important;
}
.message.section-content {
    color: black !important;
}
.messaging-container .message {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 20px;
}
.messaging-container .message a {
    text-decoration: none;
}
.messaging-container .message .close {
    cursor: pointer;
    padding: 1px 6px;
    background-color: #ffffff;
    border-radius: 100%;
    font-weight: bold;
    font-size: 10px;
    margin: 0 10px;
    color: #4169e1;
}
.messaging-container .contrast-blue {
    background-color: #034B95;
}
.messaging-container .cobalt-blue {
    background-color: #0047AB;
}
.messaging-container .gold-ffb-main-yellow {
    background-color: #FFD700;
}
.messaging-container .contrast-yellow {
    background-color: #FFB400;
}
.messaging-container .flatriron-dark-grey {
    background-color: #696969;
}
.messaging-container .thrid-street-light-grey {
    color: #D3D3D3;
}
.messaging-container .message .accept-cookies-button.close {
    padding: 5px 9px;
    font-size: 12px;
    text-align: center;
}
@media only screen and (max-width: 600px) {
    .message.section-content p {
       word-break: break-word;
    }
}
@media screen and (min-width: 375px) {
    .accordion-content .icon-close {
         top: 44px;
    }
}
.popover.bootstrap-popover .popover-navigation .btn {
    background-color: rgb(0, 124, 194);
    color: #FFFFFF;
    margin: 0;
}

.popover.bootstrap-popover .popover-navigation {
    display: flex;
    justify-content: space-between;
}

.loginBox-footer .desktop {
    display: block;
}

.bootstrap-modal .modal-content {
    padding: 20px;
    font-size: 18px;
}

.bootstrap-modal .remodal-close {
    display: none;
}

.bootstrap-modal .button {
    height: 35px;
    border: 1px solid rgb(0, 124, 194);
    color: #ffffff;
    background-color: rgb(0, 124, 194);
    border-radius: 5px;
}

.bootstrap-popover .highlighted-text{
    color: rgb(0, 124, 194);
}

.bootstrap-popover .popover-content {
    text-align: center;
    font-size: 18px;
    padding: 10px;
}

.online-banking-versions.active .options {
    display: block !important;
}

.online-banking-versions.active .styledSelect {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}





@media (max-width: 768px) {
	.cq-dd-image{	
    	display:none;
        width:0;
        height:0;
	}
	
	.image.parbase.section .cq-dd-image{
		display: block;
		width: 100%;
		height: 100%;
	}
}
.in-line{
	padding: 12px 18px
}
@media (max-width: 768px) {
	.ffb.accordian-tab.section .overdraft-drawer-trigger.accordion-tab{
		width: 295px;
	}
}
.social-network {
    position: fixed;
    right: -165px;
    top: 50%;
    width: 200px;
    z-index: 10001;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.social-network-container .sticky {
    margin: 0;
    padding: 0;
}

.social-network-container .sticky li {
    list-style-type: none;
}

.social-network-container .sticky li a {
    align-items: center;
    display: flex;
    cursor: pointer;
    color: inherit;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    text-decoration: none;
    width: 200px;
}
.social-network-container .sticky img {
    float: left;
}

.social-network-container .sticky p {
    margin: 0px;
    line-height: 16px;
    font-size: 11px;
    margin-left: 6px;
}

.social-network-container .sticky li a:hover {
    margin-left: -165px;
}

@media only screen and (max-width: 768px) {
    .social-network-container {
        display: flex;
        bottom: 0;
        justify-content: center;
        top: auto;
        transform: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        right: auto;
        background: rgba(0, 0, 0, 0.8);
        width: 100%;
    }

    .social-network-container .sticky li a {
        width: auto;
    }

    .social-network-container .sticky li a:hover {
        margin-left: auto;
    }

    .social-network-container .sticky p {
        display: none;
    }
}
.hero-content .btn {
    padding: 12px 25px 12px 65px;
}

.hero-content .btn-ghost{
    padding: 12px 25px;
}
.blog {
	margin-bottom: 20px;
}
@media (min-width: 769px) {
	.blog .blog-image[class*="-column"] {
		padding-left: 0;
	}
}
.blog img {
	width: 100%;
}
.blog img,
.blog .blog-image a {
	display: block;
}
@media (min-width: 769px) {
	.blog .blog-content[class*="-column"] {
		max-width: 450px;
		padding-left: 0;
	}
}
.blog .blog-content .eyebrow {
	font-size: 12px;
	font-weight: 500;
	color: #999999;
	text-transform: uppercase;
}
.blog .blog-content .title {
	margin-bottom: 4px;
}
.blog .blog-content .title a {
	border-bottom: none;
	color: #555759;
	font-weight: 600;
}
.blog .blog-content .author {
	font-size: 12px;
	line-height: 14px;
	color: #999999;
	padding-bottom: 4px;
}
.blog .blog-content .blog-desc {
	font-weight: 550;
	line-height: 19px;
	color: #909292;
	margin-bottom: 5px;
}
.blog .blog-content .social-media {
	font-size: 12px;
	font-weight: 600;
	color: #999999;
}
.blog .blog-content .social-media .last-modified-time {
	padding-right: 10px;
	border-right: 2px solid #999999;
}
.blog .blog-content .social-media .share {
	padding-left: 10px;
}
.blog .blog-content .social-media .social-share-media {
	padding-left: 5px;
}
.blog .blog-content .social-media .social-icon a {
	height: 18px;
	width: 18px;
	display: inline-block;
	background-size: cover;
	margin: 0;
	text-decoration: none;
	vertical-align: middle;
}
.blog .blog-content .social-media .social-icon a.fb {
	background-image: url("images/social-icons/facebook.png");
}
.blog .blog-content .social-media .social-icon a.linkedin {
	background-image: url("images/social-icons/linkedin.png");
}
.blog .blog-content .social-media .social-icon a.twitter {
	background-image: url("images/social-icons/twitter.png");
}
.blog .blog-content .social-media .social-icon a.mail {
	background-image: url("images/social-icons/email.png");
}
.blog .blog-desc,
.blog .blog-page .blog-description {
	font-size: 14px;
	margin-top: 10px;
}

.productlist .text-detail-small .text-detail-small-item {
	padding : 18px;
	margin: 5px !important;
}

.productlist.section .text-detail-small .text-detail-small-item {
    position: relative;
}

.productlist.section .text-detail-small-item a {
    position: absolute;
    bottom: 10px;
}

.text-detail-small-item{
	height : 230px;
}
.select-community-modal h2 {
    padding: 0px 40px;
}
.pagination {
    text-align: center;
    padding: 10px;
}
.pagination li {
    position: fixed;
	list-style: none;
    float: left;
    width: 20px;
    height: 20px;
    color: blue;
    cursor: pointer;
}

.pagination ul {
	border: 0px;
	padding: 0px;

}

.pagination a{
    padding: 3px;
    cursor: pointer;
}

.pagination a.nav{
    cursor: pointer;
}

@media screen and (max-width: 798px){
    .pagination a.nav {
        display: inline;
    }
}
.cookies-container .cookie{
    align-items: center;
    display: flex;
    justify-content: center;
    <!--justify-content: space-around;-->
    padding: 0 20px;
}
#cookieid p {
	flex-basis: 50%;
    text-align: left;
    margin: 0 5%;
}
.messaging-container .message .accept-cookies-button.close {
    background-color:#ffffff;
    border: none;
    color: black;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
    border-radius:30px;
    display: inline-block;
    align-items: center;
    justify-content: space-around;
}
.messaging-container .message a {
    text-decoration: none;
}
.cookies-container .contrast-blue {
    background-color: #004C97;
}
.cookies-container .cobalt-blue {
    background-color: #0072CE;
}
.cookies-container .gold-ffb-main-yellow {
    background-color: #FFC845;
}
.cookies-container .contrast-yellow {
    background-color: #FFB500;
}
.cookies-container .flatriron-dark-grey {
    background-color: #636b70;
}
.cookies-container .thrid-street-light-grey {
    color: #B2B4B2;
}
.checkmarklist.section {
    width:99%;
    margin: 0 auto;
    padding: 2px 0;
    word-break: break-word;
}

.number-format-list {
    display: inline-block;
    border: 1px solid black;
    border-radius: 100%;
    width: 34px;
    font-size: 24px;
    height: 34px;
    line-height:28px;
    color: black;
    margin: 8px 10px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.checkmarklist .numbers-style{
    padding: 15px;
}

li.number-format{
    position: relative;
    font-size: 24px;
    text-align: left;
    margin: 0;
}

.checkmarklist .bullet-styles{
    padding: 15px;
}

.checkmarklist .bullet-allignment {
    position: relative;
    font-size: 24px;
    text-align: left;
    margin: 0px 16px;
}

.number-format-value {
    display: inline-block;
    width: 94%;
    padding:6px;
}

.text-numbers-list {
    text-align:center;
    width: 94%;
    margin: 0 auto;
}

.number-format {
    text-align:left;
    margin-bottom:5px;
    display: flex;
}

.text-numbers-list ul {
    list-style: none outside none;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

.checkmarklist-description {
    margin: 0 0 10px 0;
    text-align: center;
}

.checkmarklist-title {
    font-size: 45px !important;
    text-align:center;
}

.checkmarklist-subtitle {
    font-size: 45px !important;
    text-align: center;
    margin: 0 0 10px 0;
}

.font-color-light-grey, .font-color-light-grey h1 {
    color: #959595 !important;
    border-color: #959595 !important;
}

.skyline {
    color: #A4C8E1 !important;
    border-color: #A4C8E1 !important;
}

font-color-black {
    color: #000 !important;
    border-color: #000 !important;
}

.contrast-blue {
    color: #004C97 !important;
    border-color: #004C97 !important;
}

.font-color-white, .font-color-white h1 {
    color: #fff !important;
    border-color: #fff !important;
}

.font-color-grey, .font-color-grey h1, h1.font-color-grey {
    color: #787878 !important;
    border-color: #787878 !important;
}

.font-color-dark-grey, .font-color-dark-grey h1 {
    color: #475660 !important;
    border-color: #475660 !important;
}

.font-color-strong-blue, .font-color-strong-blue h1 {
    color: #007cc2 !important;
    border-color: #007cc2 !important;
}

.new-yellow {
    color: #FFC845 !important;
    border-color: #FFC845 !important;
}

.contrast-yellow {
    color: #FFB500 !important;
    border-color: #FFB500 !important;
}

.new-blue {
    color: #0072CE !important;
    border-color: #0072CE !important;
}

.midland {
    color: #FBD872 !important;
    border-color: #FBD872 !important;
}

.riverfront {
    color: #6CACE4 !important;
    border-color: #6CACE4 !important;
}

.flatiron {
    color: #636b70 !important;
    border-color: #636b70 !important;
}

.thrid-street {
    color: #B2B4B2 !important;
    border-color: #B2B4B2 !important;
}

.cardinal {
    color: #DC4405 !important;
    border-color: #DC4405 !important;
}

.steel {
    color: #221C35 !important;
    border-color: #221C35 !important;
}

.queen-city {
    color: #8E3A80 !important;
    border-color: #8E3A80 !important;
}

@media screen and (max-width: 768px){
    .checkmarklist li.bullet-allignment{
        font-size: 18px;
    }
    .checkmarklist li.number-format{
        font-size: 18px;
    }
    .number-format-list{
        width: 25px;
        font-size: 18px;
        height: 25px;
        line-height: 22px;
        margin: 8px 5px;
    }
}
	.responsive{
        z-index: 2;
        overflow: hidden;
        padding-left: 0 !important;
        padding-right: 0 !important;
        background-size: cover;
    	background-repeat: no-repeat;
    	width: 100%
    }
    .text{
        text-align:center;
    	display: flow-root;

    }
    .responsive-image{
        text-align:center; 
    }
    .right{
        float: right;
    }
    .left{
        float: left;
    }
	.text p {
		font-size: 2vw;
	}
	.text h1 {
		font-size: 2vw;
	}
    .text h2 {
		font-size: 2vw;
	}
    .text h3 {
		font-size: 3vw;
	}
	.btn {
		font-size: 14px;
	}

/* ========================================================================
  WRAPPED ALL CSS IN "bootstrap-popover" CLASS
  ==========================================================================*/



/* ========================================================================
 * bootstrap-popover - v0.12.0
 * http://bootstraptour.com
 * ========================================================================
 * Copyright 2012-2015 Ulrich Sossou
 *
 * ========================================================================
 * Licensed under the MIT License (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     https://opensource.org/licenses/MIT
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */

/*!
 * Bootstrap v3.1.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.bootstrap-popover .btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bootstrap-popover .btn:focus, .bootstrap-popover .btn:active:focus, .bootstrap-popover .btn.active:focus, .bootstrap-popover .btn.focus, .bootstrap-popover .btn:active.focus, .bootstrap-popover .btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.bootstrap-popover .btn:hover, .bootstrap-popover .btn:focus, .bootstrap-popover .btn.focus {
  color: #333;
  text-decoration: none;
}
.bootstrap-popover .btn:active, .bootstrap-popover .btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.bootstrap-popover .btn.disabled, .bootstrap-popover .btn[disabled] {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-popover fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-popover a.btn.disabled, .bootstrap-popover fieldset[disabled] a.btn {
  pointer-events: none;
}
.bootstrap-popover .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.bootstrap-popover .btn-default:focus, .bootstrap-popover .btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.bootstrap-popover .btn-default:hover, .bootstrap-popover .btn-default:active, .bootstrap-popover .btn-default.active {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.bootstrap-popover .open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.bootstrap-popover .btn-default:active:hover, .bootstrap-popover .btn-default.active:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.bootstrap-popover .open > .dropdown-toggle.btn-default:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.bootstrap-popover .btn-default:active:focus, .bootstrap-popover .btn-default.active:focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.bootstrap-popover .open > .dropdown-toggle.btn-default:focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.bootstrap-popover .btn-default:active.focus, .bootstrap-popover .btn-default.active.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.bootstrap-popover .open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.bootstrap-popover .btn-default:active, .bootstrap-popover .btn-default.active {
  background-image: none;
}
.bootstrap-popover .open > .dropdown-toggle.btn-default {
  background-image: none;
}
.bootstrap-popover .btn-default.disabled:hover, .bootstrap-popover .btn-default[disabled]:hover {
  border-color: #ccc;
}
.bootstrap-popover fieldset[disabled] .btn-default:hover {
  background-color: #fff;
  border-color: #ccc;
}
.bootstrap-popover .btn-default.disabled:focus, .bootstrap-popover .btn-default[disabled]:focus {
  background-color: #fff;
  border-color: #ccc;
}
.bootstrap-popover fieldset[disabled] .btn-default:focus {
  background-color: #fff;
  border-color: #ccc;
}
.bootstrap-popover .btn-default.disabled.focus, .bootstrap-popover .btn-default[disabled].focus {
  background-color: #fff;
  border-color: #ccc;
}
.bootstrap-popover fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.bootstrap-popover .btn-default .badge {
  color: #fff;
  background-color: #333;
}
.bootstrap-popover .btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.bootstrap-popover .btn-primary:focus, .bootstrap-popover .btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.bootstrap-popover .btn-primary:hover, .bootstrap-popover .btn-primary:active, .bootstrap-popover .btn-primary.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.bootstrap-popover .open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.bootstrap-popover .btn-primary:active:hover, .bootstrap-popover .btn-primary.active:hover {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.bootstrap-popover .open > .dropdown-toggle.btn-primary:hover {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.bootstrap-popover .btn-primary:active:focus, .bootstrap-popover .btn-primary.active:focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.bootstrap-popover .open > .dropdown-toggle.btn-primary:focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.bootstrap-popover .btn-primary:active.focus, .bootstrap-popover .btn-primary.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.bootstrap-popover .open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.bootstrap-popover .btn-primary:active, .bootstrap-popover .btn-primary.active {
  background-image: none;
}
.bootstrap-popover .open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.bootstrap-popover .btn-primary.disabled:hover, .bootstrap-popover .btn-primary[disabled]:hover {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.bootstrap-popover fieldset[disabled] .btn-primary:hover {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.bootstrap-popover .btn-primary.disabled:focus, .bootstrap-popover .btn-primary[disabled]:focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.bootstrap-popover fieldset[disabled] .btn-primary:focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.bootstrap-popover .btn-primary.disabled.focus, .bootstrap-popover .btn-primary[disabled].focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.bootstrap-popover fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.bootstrap-popover .btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.bootstrap-popover .btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.bootstrap-popover .btn-success:focus, .bootstrap-popover .btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.bootstrap-popover .btn-success:hover, .bootstrap-popover .btn-success:active, .bootstrap-popover .btn-success.active {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.bootstrap-popover .open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.bootstrap-popover .btn-success:active:hover, .bootstrap-popover .btn-success.active:hover {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.bootstrap-popover .open > .dropdown-toggle.btn-success:hover {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.bootstrap-popover .btn-success:active:focus, .bootstrap-popover .btn-success.active:focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.bootstrap-popover .open > .dropdown-toggle.btn-success:focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.bootstrap-popover .btn-success:active.focus, .bootstrap-popover .btn-success.active.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.bootstrap-popover .open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.bootstrap-popover .btn-success:active, .bootstrap-popover .btn-success.active {
  background-image: none;
}
.bootstrap-popover .open > .dropdown-toggle.btn-success {
  background-image: none;
}
.bootstrap-popover .btn-success.disabled:hover, .bootstrap-popover .btn-success[disabled]:hover {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.bootstrap-popover fieldset[disabled] .btn-success:hover {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.bootstrap-popover .btn-success.disabled:focus, .bootstrap-popover .btn-success[disabled]:focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.bootstrap-popover fieldset[disabled] .btn-success:focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.bootstrap-popover .btn-success.disabled.focus, .bootstrap-popover .btn-success[disabled].focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.bootstrap-popover fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.bootstrap-popover .btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.bootstrap-popover .btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.bootstrap-popover .btn-info:focus, .bootstrap-popover .btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.bootstrap-popover .btn-info:hover, .bootstrap-popover .btn-info:active, .bootstrap-popover .btn-info.active {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.bootstrap-popover .open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.bootstrap-popover .btn-info:active:hover, .bootstrap-popover .btn-info.active:hover {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.bootstrap-popover .open > .dropdown-toggle.btn-info:hover {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.bootstrap-popover .btn-info:active:focus, .bootstrap-popover .btn-info.active:focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.bootstrap-popover .open > .dropdown-toggle.btn-info:focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.bootstrap-popover .btn-info:active.focus, .bootstrap-popover .btn-info.active.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.bootstrap-popover .open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.bootstrap-popover .btn-info:active, .bootstrap-popover .btn-info.active {
  background-image: none;
}
.bootstrap-popover .open > .dropdown-toggle.btn-info {
  background-image: none;
}
.bootstrap-popover .btn-info.disabled:hover, .bootstrap-popover .btn-info[disabled]:hover {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.bootstrap-popover fieldset[disabled] .btn-info:hover {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.bootstrap-popover .btn-info.disabled:focus, .bootstrap-popover .btn-info[disabled]:focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.bootstrap-popover fieldset[disabled] .btn-info:focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.bootstrap-popover .btn-info.disabled.focus, .bootstrap-popover .btn-info[disabled].focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.bootstrap-popover fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.bootstrap-popover .btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.bootstrap-popover .btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.bootstrap-popover .btn-warning:focus, .bootstrap-popover .btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.bootstrap-popover .btn-warning:hover, .bootstrap-popover .btn-warning:active, .bootstrap-popover .btn-warning.active {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.bootstrap-popover .open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.bootstrap-popover .btn-warning:active:hover, .bootstrap-popover .btn-warning.active:hover {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.bootstrap-popover .open > .dropdown-toggle.btn-warning:hover {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.bootstrap-popover .btn-warning:active:focus, .bootstrap-popover .btn-warning.active:focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.bootstrap-popover .open > .dropdown-toggle.btn-warning:focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.bootstrap-popover .btn-warning:active.focus, .bootstrap-popover .btn-warning.active.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.bootstrap-popover .open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.bootstrap-popover .btn-warning:active, .bootstrap-popover .btn-warning.active {
  background-image: none;
}
.bootstrap-popover .open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.bootstrap-popover .btn-warning.disabled:hover, .bootstrap-popover .btn-warning[disabled]:hover {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.bootstrap-popover fieldset[disabled] .btn-warning:hover {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.bootstrap-popover .btn-warning.disabled:focus, .bootstrap-popover .btn-warning[disabled]:focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.bootstrap-popover fieldset[disabled] .btn-warning:focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.bootstrap-popover .btn-warning.disabled.focus, .bootstrap-popover .btn-warning[disabled].focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.bootstrap-popover fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.bootstrap-popover .btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.bootstrap-popover .btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.bootstrap-popover .btn-danger:focus, .bootstrap-popover .btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.bootstrap-popover .btn-danger:hover, .bootstrap-popover .btn-danger:active, .bootstrap-popover .btn-danger.active {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.bootstrap-popover .open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.bootstrap-popover .btn-danger:active:hover, .bootstrap-popover .btn-danger.active:hover {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.bootstrap-popover .open > .dropdown-toggle.btn-danger:hover {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.bootstrap-popover .btn-danger:active:focus, .bootstrap-popover .btn-danger.active:focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.bootstrap-popover .open > .dropdown-toggle.btn-danger:focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.bootstrap-popover .btn-danger:active.focus, .bootstrap-popover .btn-danger.active.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.bootstrap-popover .open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.bootstrap-popover .btn-danger:active, .bootstrap-popover .btn-danger.active {
  background-image: none;
}
.bootstrap-popover .open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.bootstrap-popover .btn-danger.disabled:hover, .bootstrap-popover .btn-danger[disabled]:hover {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.bootstrap-popover fieldset[disabled] .btn-danger:hover {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.bootstrap-popover .btn-danger.disabled:focus, .bootstrap-popover .btn-danger[disabled]:focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.bootstrap-popover fieldset[disabled] .btn-danger:focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.bootstrap-popover .btn-danger.disabled.focus, .bootstrap-popover .btn-danger[disabled].focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.bootstrap-popover fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.bootstrap-popover .btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.bootstrap-popover .btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-popover .btn-link:active, .bootstrap-popover .btn-link.active, .bootstrap-popover .btn-link[disabled] {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-popover fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-popover .btn-link {
  border-color: transparent;
}
.bootstrap-popover .btn-link:hover, .bootstrap-popover .btn-link:focus, .bootstrap-popover .btn-link:active {
  border-color: transparent;
}
.bootstrap-popover .btn-link:hover, .bootstrap-popover .btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.bootstrap-popover .btn-link[disabled]:hover {
  color: #777777;
  text-decoration: none;
}
.bootstrap-popover fieldset[disabled] .btn-link:hover, .bootstrap-popover .btn-link[disabled]:focus, .bootstrap-popover fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.bootstrap-popover .btn-lg, .bootstrap-popover .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.bootstrap-popover .btn-sm, .bootstrap-popover .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.bootstrap-popover .btn-xs, .bootstrap-popover .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.bootstrap-popover .btn-block {
  display: block;
  width: 100%;
}
.bootstrap-popover .btn-block + .btn-block {
  margin-top: 5px;
}
.bootstrap-popover input[type="submit"].btn-block, .bootstrap-popover input[type="reset"].btn-block, .bootstrap-popover input[type="button"].btn-block {
  width: 100%;
}
.bootstrap-popover .btn-group, .bootstrap-popover .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.bootstrap-popover .btn-group > .btn, .bootstrap-popover .btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.bootstrap-popover .btn-group > .btn:hover, .bootstrap-popover .btn-group-vertical > .btn:hover, .bootstrap-popover .btn-group > .btn:focus, .bootstrap-popover .btn-group-vertical > .btn:focus, .bootstrap-popover .btn-group > .btn:active, .bootstrap-popover .btn-group-vertical > .btn:active, .bootstrap-popover .btn-group > .btn.active, .bootstrap-popover .btn-group-vertical > .btn.active {
  z-index: 2;
}
.bootstrap-popover .btn-group .btn + .btn, .bootstrap-popover .btn-group .btn + .btn-group {
  margin-left: -1px;
}
.bootstrap-popover .btn-group .btn-group + .btn, .bootstrap-popover .btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.bootstrap-popover .btn-toolbar {
  margin-left: -5px;
}
.bootstrap-popover .btn-toolbar .btn, .bootstrap-popover .btn-toolbar .btn-group, .bootstrap-popover .btn-toolbar .input-group {
  float: left;
}
.bootstrap-popover .btn-toolbar > .btn, .bootstrap-popover .btn-toolbar > .btn-group, .bootstrap-popover .btn-toolbar > .input-group {
  margin-left: 5px;
}
.bootstrap-popover .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.bootstrap-popover .btn-group > .btn:first-child {
  margin-left: 0;
}
.bootstrap-popover .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.bootstrap-popover .btn-group > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.bootstrap-popover .btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.bootstrap-popover .btn-group > .btn-group {
  float: left;
}
.bootstrap-popover .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.bootstrap-popover .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .bootstrap-popover .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.bootstrap-popover .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.bootstrap-popover .btn-group .dropdown-toggle:active {
  outline: 0;
}
.bootstrap-popover .btn-group.open .dropdown-toggle {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.bootstrap-popover .btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-popover .btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.bootstrap-popover .btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.bootstrap-popover .btn .caret {
  margin-left: 0;
}
.bootstrap-popover .btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.bootstrap-popover .dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.bootstrap-popover .btn-group-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.bootstrap-popover .btn-group-vertical > .btn-group {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.bootstrap-popover .btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  float: none;
}
.bootstrap-popover .btn-group-vertical > .btn + .btn, .bootstrap-popover .btn-group-vertical > .btn + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.bootstrap-popover .btn-group-vertical > .btn-group + .btn, .bootstrap-popover .btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.bootstrap-popover .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.bootstrap-popover .btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.bootstrap-popover .btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.bootstrap-popover .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.bootstrap-popover .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .bootstrap-popover .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.bootstrap-popover .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.bootstrap-popover .btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.bootstrap-popover .btn-group-justified > .btn {
  float: none;
  display: table-cell;
  width: 1%;
}
.bootstrap-popover .btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.bootstrap-popover .btn-group-justified > .btn-group .btn {
  width: 100%;
}
.bootstrap-popover .btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
.bootstrap-popover [data-toggle="buttons"] > .btn input[type="radio"], .bootstrap-popover [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], .bootstrap-popover [data-toggle="buttons"] > .btn input[type="checkbox"], .bootstrap-popover [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

/* popover */

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover > .arrow {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 11px;
}
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.tour-backdrop {
  position: absolute;
  z-index: 1100;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.popover[class*="tour-"] {
  z-index: 1102;
}
.popover[class*="tour-"] .popover-navigation {
  padding: 9px 14px;
  overflow: hidden;
}
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  float: right;
}
.popover[class*="tour-"] .popover-navigation *[data-role="prev"], .popover[class*="tour-"] .popover-navigation *[data-role="next"], .popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  cursor: pointer;
}
.popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled, .popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled, .popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled {
  cursor: default;
}
.popover[class*="tour-"].orphan {
  position: fixed;
  margin-top: 0;
}
.popover[class*="tour-"].orphan .arrow {
  display: none;
}