/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
    font-size:62.5%;
}
body {
    font:400 14px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color:#444;
    left: auto !important;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
    max-width:100%;
    vertical-align:bottom;
}
a {
    color:#444;
    cursor: pointer;
    text-decoration:none;
}
a:hover {
    color:#444;
}
a:focus {
    outline:0;
}
a:hover,
a:active {
    outline:0;
}
a.emphasized {
    text-decoration:underline;
    color: #0275d8;
}
a:not([href]):not([tabindex]) {
    cursor: pointer!important;
}
input:focus {
    outline:0;
    border:1px solid #04A4CC;
}
b, strong { font-weight: 600; }

.purple { color: #7d0f81; }
.light-purple { color: #b812bc; }
.blue { color: #253274; }

.req, .require, .required {color: #A40000}
label.req, label.require, label.required {color: #333;}
label.req:after, label.require:after, label.required:after {color: #A40000; content: '*'}

.tooltip {font-size: 12px;}

.tooltip.category-tooltip .tooltip-inner {min-width: 200px;}
.tooltip.category-tooltip .tooltip-inner::before {content:none;}

.hideImportant {
    display:none !important;
}

.fancybox-overlay {z-index:999998;}
#fancybox-loading, .fancybox-wrap, .themodal-overlay {z-index:999999;}

/*------------------------------------*\
    TABLE NAV
\*------------------------------------*/
.tableNav {width:100%; display:inline-block; font-size:.92em;}
.tableNav ul {width:100%; float:left; clear:both!important; display:block; margin:.5em 0 1.5em 0; padding:0 0 9px 0; border-bottom:1px solid #CCC; color:#333; text-shadow:1px 1px 1px #FFF;list-style-type: none; line-height: 1.5em;}
.tableNav li {float:left; background:none; margin:0; padding:0;}
.tableNav li a {color:#333; text-decoration:none; background-color:transparent; font-weight: 400; margin-bottom:-3px!important; padding:10px .7em; box-sizing:border-box; transition:all 0.25s ease;}
.tableNav li a:hover,.tableNav li a.active {background:#b812bc; color:#FFF; text-shadow:none;}
.tableNav li:first-of-type {margin-right: 12px;}


/*------------------------------------*\
    HORIZONTAL NAV
\*------------------------------------*/
#horizNav {font-weight:normal; display:inline-block; background: transparent none repeat scroll 0 0; }
#horizNav ul {float:left; margin:0; padding-left: 0.5em;}
#horizNav li {float:left; display:inline-block; white-space:nowrap; background:none; margin:0 0 0 .5em; padding:0;}
#horizNav li:first-of-type {margin:0;}
#horizNav a {}
#horizNav li:last-of-type:after {content:"";}

/*------------------------------------*\
    TABLE STYLES
\*------------------------------------*/
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { background : none!important; }
.dataTables_length select, .dataTables_length label, .dataTables_filter label, .dataTables_filter label input {margin-right:0!important; margin-bottom: 0px;}
div.dataTables_wrapper div.dataTables_length select {border: 1px solid rgba(0,0,0,.15); width: 100%!important; }
.dataTables_length label,.dataTables_filter label {margin-right:0!important; padding-bottom:0;}
.dataTables_filter input {max-width: 150px; min-width: 150px;}
td.sorting_1, td.sorting_2, td.sorting_3, td.sorting_4, td.sorting_5, td
.sorting_6 { background-color: rgba(160,160,160,.1)!important;}
table tbody tr:nth-child(odd) {background-color: #F2F2F2!important;}
table.dataTable {font-size: 12px; font-weight: 400;}
table.dataTable thead {background: #3b3e46;color: #FFF;}
table.dataTable thead th, table.dataTable thead td {padding: 10px;}

td > .action_separator:first-child, td > span > .action_separator:first-child{
    display:none;
}
.action_separator{
    padding:0 .5em
}

.card {

}
.card-block {
    padding: 1em;
}

ul.nav {
    margin-bottom: 1em;
}

.nav-pills .nav-link.active {
    background-color: #b812bc;
}
#bbiCart #mediaPrice, #bbiCart #prodPrice, #bbiCart #totalPrice {
    width: 100px;
    text-align: right;
    margin-left: 0.5em;
}

/*------------------------------------*\
    FORM STYLES
\*------------------------------------*/
button, input, optgroup, select, textarea {font-family: 'Poppins', 'Ubuntu', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
label {font-weight: bold; margin-bottom: 1rem;}
input {margin-bottom: 1em; padding: 9px 8px!important;}
select {margin-bottom: 1em; padding: 7px 8px!important;}
input {border: 1px solid #CCC;}
select {height: 40px!important;}
.form-control {font-size: inherit}
span.error, label.error { display: inline-block; padding: .75rem 1.25rem; margin-bottom: 1rem; border-radius: .25rem; background-color: #f2dede; border: 1px solid #ebcccc; color: #a94442; font-weight: 400; }
span.info {color:#03C; border:1px solid #03C; background-color:rgba(0,51,204,.05);display: inline-block; padding: .75rem 1.25rem; margin-bottom: 1rem; border-radius: .25rem; font-weight: 400; }
label input[type=checkbox], label input[type=radio] {margin-right: .5em;} /* Fixing stupid Qbot inputs */
label > label:not(:first-of-type) > input[type=radio]{margin-left: 1em;}
form .submit { text-align: right; margin: 1em 0;} /* fixing qbot */
/*form .submit label.right {float: none!important;}*/
form.left:after {clear:both; content: ' ';}
form textarea {min-height: 200px;}

/*------------------------------------*\
    Alert
\*------------------------------------*/
.message {padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; font-weight: 400;}
.message.confirm {background-color: #dff0d8;border-color: #d0e9c6;color: #3c763d;}
.message.error {background-color: #f2dede; border: 1px solid #ebcccc; color: #a94442;}

/*------------------------------------*\
    Buttons
\*------------------------------------*/
.btn, form button {
    background-color: #253274;
    border: 1px solid #253274 !important;
    border-radius: 0.25rem;
/*    -moz-box-shadow: 0px 2px 0px rgb(28, 38, 88), inset 0px 0px 0px rgba(255,255,255,0);
        -webkit-box-shadow: 0px 2px 0px rgba(28, 38, 88, 1), inset 0px 0px 0px rgba(255,255,255,0);
        box-shadow: 0px 2px 0px rgba(28, 38, 88, 1), inset 0px 0px 0px rgba(255,255,255,0);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 1em;
        color: #ffffff!important;
        display: inline-block;
        font-size: 20px;
        font-weight: 900;
        text-decoration: none;
        cursor: pointer;
        margin-bottom: 20px;
        line-height: normal;
        padding: 8px 50px;
        border: none;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size: 1em;
    font-weight: bold;
    padding: 0.25em 1em;
    color: #FFF;
}
.btn:hover, form button:hover {
    background-color: #1C2658;
    color: #FFF;
}
.btn:focus, .btn:active {
    color: #FFF;
}
/*
a.btn-back {
    background: #ffffff;
    -moz-box-shadow: 0px 2px 0px rgb(28, 38, 88), inset 0px 0px 0px rgba(255,255,255,0);
    -webkit-box-shadow: 0px 2px 0px rgba(28, 38, 88, 1), inset 0px 0px 0px rgba(255,255,255,0);
    box-shadow: 0px 2px 0px rgba(28, 38, 88, 1), inset 0px 0px 0px rgba(255,255,255,0);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 1em;
    color: #253274!important;
    display: inline-block;
    font-size: 16px;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 12px;
    line-height: normal;
    padding: 4px 25px;
    border: solid #1C2658 1px;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a.btn-back:hover {
    color:#1C2658;
    background: #FFF;
}
a.btn-back:focus, a.btn-back:active {
    color: #1C2658;
}
*/
.btn.full-width {width: 100%;}

.btn.btn-secondary, .btn.btn-alt, form button.alt {
    background-color: #FFFFFF !important;
    color: #253274 !important;
    text-shadow:none;
    border: 1px solid #253274 !important;
    box-shadow: none !important;
}
.btn.btn-secondary:hover {
    background: #FFF;
    color: #1C2658 !important;
    border-color: #1C2658;
}

.btn.small, .btn-secondary.small, form button[type=submit].small, form button[type=submit].alt.back {
    font-size: 12px;
    padding: 8px 20px;
    -moz-box-shadow: 0px 1px 0px rgb(28, 38, 88), inset 0px 0px 0px rgba(255,255,255,0);
    -webkit-box-shadow: 0px 1px 0px rgba(28, 38, 88, 1), inset 0px 0px 0px rgba(255,255,255,0);
    box-shadow: 0px 1px 0px rgba(28, 38, 88, 1), inset 0px 0px 0px rgba(255,255,255,0);
}
.btn.xsmall {
    font-size: 12px;
    /*padding: 4px 10px;*/
    -moz-box-shadow: 0px 1px 0px rgb(28, 38, 88), inset 0px 0px 0px rgba(255,255,255,0);
    -webkit-box-shadow: 0px 1px 0px rgba(28, 38, 88, 1), inset 0px 0px 0px rgba(255,255,255,0);
    box-shadow: 0px 1px 0px rgba(28, 38, 88, 1), inset 0px 0px 0px rgba(255,255,255,0);
}
.btn.btn-action {
    background-color: #253274 !important;
    border: 1px solid #253274 !important;
    color: #FFFFFF !important;
}
.btn-large {
    font-family: "HelveticaNeue-Bold","HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 21px !important;
    padding: 0 1em !important;
}
input.disabled,button.disabled,button.disabled:hover,a.disabled,a.disabled:hover {color:rgba(0,0,0,.2)!important; background-color:#E0E0E0!important; border:1px solid #DADADA!important; cursor:default; text-shadow:none; font-weight:600;}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
.row-eq-height { display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; }
/* wrapper */
.wrapper {
    max-width:1280px;
    width:95%;
    margin:0 auto;
    position:relative;
}
hr.divider { margin: 2em 0; border: 0; border-top: 1px dashed #CCC;}
.navSpacer {margin: 0 .5em;}
main {overflow: hidden;}

/*------------------------------------*\
    HEADER
\*------------------------------------*/
#topBar { background: #FFF; border-bottom: 1px solid #CCC; font-size: 14px; color: #333; padding: 0; line-height: 43px; }
#topBar a { color: #333; }
#topBar a:hover {text-decoration: underline}

/* logo */
img#logo {max-height: 100px;}
@media (max-width: 991px) {
}

/*------------------------------------*\
    NAVIGATION
\*------------------------------------*/
.navmenu-fixed-right { left: auto !important; }
#navBtn {background: transparent; border: 1px solid #1C2658; margin-top: 30px;}
#navBtn:hover {cursor: pointer;}
#navBtn .navbar-toggler-icon .icon-bar {background: #1C2658;}
#mainNav .navbar-brand{
    visibility: hidden;
}

#offcanvasNav { background: #333; }
#offcanvasNav:after{ position: absolute; top: 0; left: 0; height: 100%; width: 1px; -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 1); box-shadow: 3px 3px 10px rgba(0, 0, 0, 1); content: " ";}
#offcanvasNav ul { display: block; }
#offcanvasNav ul li { display:block; padding: 10px 15px; font-size: 16px; color: #FFF; border-bottom: 1px solid #666; }
#offcanvasNav ul li.topic {background: #222; border-bottom: 1px solid #666; font-weight: bold; padding: 10px;}
#offcanvasNav ul li:not(.topic):before {content: '\f054'; font-family: "FontAwesome", Arial, sans-serif; font-size: 14px; margin-right: 5px; }
#offcanvasNav ul li a { color: #FFF;}
#offcanvasNav ul li a:hover { text-decoration: none; border-bottom: 2px solid #253274; }
#offcanvasNav ul li ul {padding-left: 10px;}
#offcanvasNav ul li ul li {border-bottom: 1px dashed #666;}
#offcanvasNav ul li ul li:last-of-type {border-bottom: none;}
#offcanvasNav ul li ul li:before {content: '\f054'; font-family: "FontAwesome", Arial, sans-serif; font-size: 10px!important; margin-right: 5px; }

#mainNav {background:#3b3e46; min-height:50px;}
#mainNav .container button {
    font-size: 17.5px !important;
    padding: 4.5px 10.5px !important;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}
#mainNav nav.navbar {border-bottom: none;}
#mainNav nav.navbar-brand {height:50px;}
#mainNav nav ul#nav {padding: 0;}
#mainNav nav ul#nav li {padding:0 1em; display: flex; line-height: 38px; position: relative;}
#mainNav nav ul#nav li.navparent:after {content: '\f0d7'; font-family: "FontAwesome", serif; color: #FFF; margin-left: .5em;}
#mainNav nav ul#nav li a:hover { border-bottom: 2px solid #b812bc; text-decoration: none;}
#mainNav nav ul#nav li a {color:#FFF;}
#mainNav nav ul#nav li.navparent ul { line-height: 45px; }
#mainNav nav ul#nav li.navparent ul li {white-space: nowrap; padding: 0 1em;}
#mainNav nav ul#nav li.navparent ul li a {width: 100%;}
#mainNav nav ul#nav li ul { position: absolute; top: 100%; left: 0; z-index: 99999; display: none; float: left; padding: 0 10px;
    margin: 0; font-size: 16px; text-align: left; list-style: none; background-color: #5f6469; -webkit-background-clip: padding-box;
    background-clip: padding-box; border: none; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    white-space: inherit; min-width: 100%; line-height: 50px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
#mainNav nav ul#nav li:hover ul {display: block;}
#mainNav nav ul#nav li ul {background: #3b3e46; font-size: 14px;}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/
footer { clear:both; margin: 0; }
footer #footer-main ul {list-style: none; padding:0 0 0 10px;}
footer #footer-main ul li {padding: 0;}
footer #footer-main ul li:before { content: '\f105'; font-family: "FontAwesome", serif; padding-right: 8px;}
footer #footer-main ul li a {font-weight: 400; color: #FFF;}
footer #footer-main { background: #253274; border-top: solid 1px #EEE; color: #FFF; padding: 1.5em 0;}
footer #footer-copyright {background: #3b3e46; color: #FFF; padding: 1em 0;}
footer #footer-copyright a { color: #FFF; }

/*------------------------------------*\
    USER BAR
\*------------------------------------*/
header #userBar {padding: 20px 0;}

/*------------------------------------*\
    LOGIN FORM STYLES
\*------------------------------------*/
/*form.loginForm div.loginContainer div {float:left; margin-right:5px; position:relative;}*/
form.loginForm input,form.logoutForm input {
    margin:0;
    padding:0 55px 0 10px;
    line-height:2em;
    border-radius:6px;
    background-color:rgba(255,255,255,.5);
    font:.7461em 'Open Sans',Helvetica, Arial, sans-serif;
    border:1px solid #333!important;
    transition:all .2s ease-in-out;
}
form.loginForm input.text {color:#333; text-shadow:none;}
.loginContainer label {font-size:10px; color:#333; margin-top:-1px; padding-bottom:0; line-height:1.55em;}
.loginContainer input {margin-top:-7px!important; height:2.825em !important;}
.loginContainer input:focus {background-color:rgba(255,255,255,8);}
.loginButtonsOnly {display:none; float:right;}
.loginContainer button,.loginButtonsOnly button {}
#secondaryNav button + button {margin-left:1px;}
form.loginForm a.passwordRecovery {
    position:absolute;
    top:8px;
    right:21px;
    margin:14px 0 0;
    padding:0 6px;
    height:18px;
    background-color:#999;
    color:#FFF;
    font-size:10px;
    font-weight:normal;
    line-height:17px;
    text-shadow:0 -1px 0 rgba(0,0,0,.25);
    box-sizing:border-box;
    border-radius:3px;
    text-decoration:none;
    display:inline-block;
}
form.loginForm a.passwordRecovery:hover {background-color:#767676;}
form.loginForm .loginBtn { float: left; background: #FFF; color: #253274!important; border: 1px solid #253274; font-size: 12px; padding: 8px 15px; margin: 16px 0 0 0; line-height: 1em; }
form.loginForm .loginBtn:hover {background: #FFF; text-decoration: underline }
.loginFailed {display: none; padding: 10px 0; text-align: center; color: #FFF; background: #d45659; border-bottom: 3px solid #c24649;}
.loginFailed a#closeLoginFailed {color: #a12f31;font-size: 14px;padding-right: 20px;position: absolute;right: 0;}

/*------------------------------------*\
    LOGOUT FORM STYLES
\*------------------------------------*/
form.logoutForm {float:right; text-align:right; color:#333;}
form.logoutForm a {color:#333; text-decoration:underline;}

header .searchBtn { background: #FFF; color: #253274!important; border: 1px solid #253274; border-radius: 0; font-size: 12px; padding: 8px 15px; margin: 16px 0 0 0; line-height: 1em; }

/*------------------------------------*\
    PAGES
\*------------------------------------*/
#home-hero {background: url('../../images/brand/home-hero.jpg'); background-position: center; background-size:cover; color: #FFF; padding: 5em 0;}
#home-hero .subHeader:before { border-top: solid #253274; width: 40px; content: ' '; display: block; padding-bottom: 20px;}

#home-carousel {color: #FFF;}
#home-carousel #carouselContent {position: absolute; width: 100%; padding: 3em 0; text-align: center; z-index: 1000; margin: 50px 0}
#home-carousel #carouselContent #carouselHeader {background: rgba(37, 50, 116,.8); font-size: 72px; font-weight: 100; }
#home-carousel #carouselContent a {font-size: 42px;}
#home-carousel .carousel-item { background: url('../../images/brand/home-hero.jpg'); background-position: center center; background-size:cover; padding: 6em 0; height: 500px}
#home-carousel .carousel-item#slide0 { background: linear-gradient( rgba(0,0,0,.5), rgba(0,0,0,.5)), url('../../images/brand/carousel/slide0.jpg'), center center; background-size:cover;}
#home-carousel .carousel-item#slide1 { background: linear-gradient( rgba(0,0,0,.5), rgba(0,0,0,.5)), url('../../images/brand/carousel/slide1.jpg'), center center; background-size:cover;}
#home-carousel .carousel-item#slide2 { background: linear-gradient( rgba(0,0,0,.5), rgba(0,0,0,.5)), url('../../images/brand/carousel/slide2.jpg'), center center; background-size:cover;}
#home-carousel .carousel-item#slide3 { background: linear-gradient( rgba(0,0,0,.5), rgba(0,0,0,.5)), url('../../images/brand/carousel/slide3.jpg'), center center; background-size:cover;}
#home-carousel .carousel-item#slide4 { background: linear-gradient( rgba(0,0,0,.5), rgba(0,0,0,.5)), url('../../images/brand/carousel/slide4.jpg'), center center; background-size:cover;}
#home-carousel .carousel-item .overlay {background: rgba(0,0,0,.7);}
#home-carousel .header {font-size:32px; font-weight: 200; text-transform: uppercase}
#home-carousel .header:before { border-top: solid #253274; width: 40px; content: ' '; display: block; padding-bottom: 20px;}
#home-carousel .subHeader {font-size: 18px; font-weight: 400}

#mapContainer {border-bottom: 2px solid #b812bc; border-top: 2px solid #b812bc; position:relative;}
#mapContainer #brandRfpMapIframe {height: 400px;}
#mapContainer #mapOverlay {background: rgba(255,255,255, 0); position:absolute;top:0;left:0;width:100%;height:100%;}
#mapContainer #mapCta {background: rgba(43, 64, 123, 0.9); border: 2px solid #b812bc; color: #FFF; height: 300px; margin: 50px 0; padding: 40px 20px; text-align: center;}
#mapContainer #mapCta h1 {color: #FFF; font-size: 56px; font-weight: 200; text-align: center; text-transform: uppercase;}
#mapContainer #mapCta h3 {color: #FFF; font-size: 32px; font-weight: 200;}
#mapContainer #mapCta #mapGetStarted {background: #b812bc; border-radius: 100px; color: #FFF; display: inline-block; font-size: 36px; font-weight: 600; margin-top: 1em; padding: .2em 1.5em;text-transform: uppercase }
#mapContainer #mapCta #mapGetStarted:hover {background: #9f11a3; text-decoration: none;}

#homeMapImage {border-bottom: 2px solid #b812bc; border-top: 2px solid #b812bc; position:relative;}
#homeMapImage #brandRfpMapIframe {height: 400px;}
#homeMapImage #mapOverlay {background: rgba(255,255,255, 0); position:absolute;top:0;left:0;width:100%;height:100%;}
#homeMapImage #mapCta {color: #FFF; height: 300px; margin: 70px 0; padding: 40px 20px; text-align: center;}
#homeMapImage #mapCta h1 {
    font:bold 5em/1.2 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color:rgba(255,255,255, 0.95);
    text-align:center;
    letter-spacing:3px;
    text-shadow: 5px 2px 14px rgba(0,0,0, 1);
    text-transform:uppercase;
    -webkit-text-stroke:2px #873A8C;
}

.updateMapBtn {background: #2B407B; border-radius: 8px; color: #FFF; font-weight: 400; padding: .5em 1em; text-transform: uppercase;}
.updateMapBtn:hover {background: #1C2658; text-decoration: none;}
.updateMapBtn i.fa {font-size: 1.5em; margin-right: .5em; position:relative; top: 3px;}

.updateAddressBtn {background: #2B407B; border-radius: 8px; color: #FFF; font-weight: 400; padding: .5em 1em; text-transform: uppercase;}
.updateAddressBtn:hover {background: #1C2658; text-decoration: none;}
.updateAddressBtn i.fa {font-size: 1.5em; margin-right: .5em; position:relative; top: 3px;}

#search .card-header {background: #2B407B; color: #FFF;}
#search .brandInventoryCol:first-of-type {padding-right: .5em;}
#search .brandInventoryCol:last-of-type {padding-left: .5em;}
#search #updateMapBtn {background: #2B407B; border-radius: 8px; color: #FFF; font-weight: 400; padding: .5em 1em; text-transform: uppercase;}
#search #updateMapBtn:hover {background: #1C2658; text-decoration: none;}
#search #updateMapBtn i.fa {font-size: 1.5em; margin-right: .5em; position:relative; top: 3px;}
#search .formSubmit {display: inline-block; font-size: 34px; margin-top: .5em; overflow: visible; position:relative; text-transform: uppercase; }
#search .formSubmit:before, #search .formSubmit:after { background-color: #CCC; content: '\a0'; height: 1px; overflow: hidden; position: absolute; top: 50%; width: 100vw; }
#search .formSubmit:before { margin-right: 125%; right: 0; text-align: right; }
#search .formSubmit:after { left:0; margin-left: 125%; text-align: right; }

#whatIsBillboardsIn {padding: 2em 0;}
#whatIsBillboardsIn h2, #whyUseBillboardsIn h2, #howItWorks h2 {font-size: 3.5rem; font-weight: bold;}
#whatIsBillboardsIn p {font-size: 2rem;}

#whyUseBillboardsIn {border-top: solid 1px #EEE;}
#whyUseBillboardsIn, #howItWorks p {font-size: 1.75rem;}

.nbmBox {width:100%; margin:2em 0 0 0; padding:2.5em 0; background:linear-gradient(to right,rgba(43,64,123,1) 0%,rgba(133,59,138,1) 100%); font:300 14px/1.4 'Poppins','Ubuntu','Helvetica Neue',Helvetica, Arial,sans-serif; color:#FFF;}
.whiteBar {width:100%; background-color:#FFF; line-height:1.25em;}
.buttonBar {text-align:center; clear:both; margin:0 1.5em;}
.buttonBar a {display:inline-block; background-color:#FFF; text-transform:uppercase; font-size:1.5em; font-weight:bold; color:#2B407B; line-height:1.25em; text-decoration:none; border-radius:.75em; margin:0; padding:0 2em;}
.buttonBar a:hover {color:#853B8A;}

#marketArchive .market img {height: 150px; width: auto; display: block; border: 5px solid #FFF; margin: 0 auto .5em auto; -moz-box-shadow: 2px 1px 5px #999;-webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999;}
#marketArchive .market h3 {text-align: center;}
#marketArchive .market a:hover {text-decoration: none;}

#typeArchive .type img {height: 150px; width: auto; display: block; border: 5px solid #FFF; margin: 0 auto .5em auto; -moz-box-shadow: 2px 1px 5px #999;-webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999;}
#typeArchive .type h3 {text-align: center;}
#typeArchive .type a:hover {text-decoration: none;}

#pageTitleBanner {background: url('../../images/brand/page-banner-new.jpg'); background-position: center; background-size:cover; text-align: center; color: #FFF; padding: 5em 0; margin-bottom: 2em;}
#pageTitleBanner h1:after {display: block; content: ' '; border-bottom: 1px solid #FFF; width: 40px; margin: .75em auto;}

#requestBanner {background: #8d0f91; color: #FFF;}
#requestBanner #requestBannerFiller { background: url('../../images/brand/request-side-bg.jpg') no-repeat bottom left; }
#requestBanner #requestBannerContent {padding: 5em 2em;}
#requestBanner #requestBannerContent a.btn {background: transparent; border: 1px solid #FFF; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

#largerCampaign { border-bottom: 1px solid #CCC; padding: 2em 0;}
#largerCampaign h2 {font-size: 32px; font-weight: 200;}
#largerCampaign h2:after {display: block; content: ' '; border-bottom: 2px solid #253274; width: 100px; margin: 20px auto;}

#testimonials {padding: 3em 0;}
#testimonials h4:after {display: block; content: ' '; border-bottom: 2px solid #8d0f91; width: 100px; margin: 20px auto;}

#bottomBanner { background: #253274; color: #FFF; padding: 2em 0}


/*------------------------------------*\
    IMAGES
\*------------------------------------*/


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {
    #findAds {
        width:100%;
    }
}
@media only screen and (min-width:480px) {
    #findAds {
        border-right:1px solid #8A1F8F;
        font-size:18px;
    }
}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-webkit-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-moz-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
    margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display:block;
    margin:5px auto 5px auto;
}
.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
a img.alignnone {
    margin:5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.wp-caption {
    background:#FFF;
    border:1px solid #F0F0F0;
    max-width:96%;
    padding:5px 3px 10px;
    text-align:center;
}
.wp-caption.alignnone {
    margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin:5px 20px 20px 0;
}
.wp-caption.alignright {
    margin:5px 0 20px 20px;
}
.wp-caption img {
    border:0 none;
    height:auto;
    margin:0;
    max-width:98.5%;
    padding:0;
    width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
    * {
        background:transparent !important;
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
    }
    a,
    a:visited {
        text-decoration:underline;
    }
    a[href]:after {
        content:" (" attr(href) ")";
    }
    abbr[title]:after {
        content:" (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content:"";
    }
    pre,blockquote {
        border:1px solid #999;
        page-break-inside:avoid;
    }
    thead {
        display:table-header-group;
    }
    tr,img {
        page-break-inside:avoid;
    }
    img {
        max-width:100% !important;
    }
    @page {
        margin:0.5cm;
    }
    p,
    h2,
    h3 {
        orphans:3;
        widows:3;
    }
    h2,
    h3 {
        page-break-after:avoid;
    }

}