/* ---------------------------------------------------------------------- */
/* Theme Information
/* ----------------------------------------------------------------------
Name: Boundless Network
Description: Responsive Multi-Purpose HTML Template
Author: alphawd
------------------------------------------------------------------------- */

/* Table of Content
==================================================
	#Site Styles
    #Google Fonts
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
@import url(base.css);
@import url(skeleton.css);
@import url("font-awesome.css");
@import url("camera.css");
@import url("ui-lightness/jquery-ui-1.10.4.css");

/* #Google Fonts
================================================== */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,400italic,900);
@import url(http://fonts.googleapis.com/css?family=Slabo+27px);



h1, h2, h3 {
    color: #231F20;
    font-family: 'Lato',Arial,Helvetica,sans-serif;
    font-weight: 700;
    margin-bottom: 15px;
}

h4, h5, h6 {
    font-family: 'Lato',Arial,Helvetica,sans-serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #231F20;
    font-family: 'Lato',Arial,Helvetica,sans-serif;
    font-weight: 700;
}

h1, h1 a {
    font-size: 24px;
}

h2, h2 a {
    font-size: 21px;
}

h3, h3 a {
    font-size: 18px;
}

h4, h4 a {
    font-size: 16px;
    color: #CD1F2C;
    font-weight: 400;
    line-height: 20px;
}

a.redLink {
    color: #cd1f2c;
}

span.return-link a {
    color: #fff;
    background-color: #cd1f2c;
    padding: 9px;
    display: inline-block;
}

.blue h4, .blue h4 a, .blue a {
    color: #4CA4C6;
}

.orange h4, .orange h4 a, .orange a {
    color: #f08421
}

.purple h4, .purple h4 a, .purple a {
    color: #2B3A7D;
}

.purple p.case-quote, .purple .case-stats h3,.purple .case-studies-quote {
    color: #2B3A7D;
}

.avocado h4, .avocado h4 a, .avocado a {
    color: #989749;
}

.avocado p.case-quote, .avocado .case-stats h3,.avocado .case-studies-quote {
    color: #989749;
}

h5, h5 a {
    font-size: 14px;
}

h6, h6 a {
    font-size: 11px;
    font-weight: 400;
    font-style: italic;
    line-height: normal;
}

i {
    font-style: italic;
}

a:hover {
    color: inherit;
    text-decoration: underline !important;
}

img.thumbnail-overlay {
    z-index: 1;
    width: 125px;
    position: absolute;
    background-color: gray;
    opacity: .25;
    right: 0;
}

.image-popup-vertical-fit {
    position: relative;
}

.container .one-fifth.columns {
    float: left;
    display: inline;
    width: 172px;
    margin-left: 10px;
    margin-right: 10px;
}

.container_white {
    background-color: white;
}

.red {
    background-color: #CA2828;
    color: #fff;
}

.section_link.blue {
    background-color: #4CA4C5;
    color: #fff;
}

.centered-banner {
    max-width: 960px;
    margin: 0 auto;
}

.red-striped .content {
    padding-bottom: 2px;
    margin-bottom: 4px;
}
.red-striped .features_arrow img {
    margin-top: -4px;
}

.red-striped .section_title {
    font-family: 'Slabo 27px',serif;
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
    margin-left: 10px;
    margin-bottom: 10px;
}

.red-striped .content:nth-child(odd),.red-striped .content:nth-child(odd) .section_title {
    background-color: #CA2828;
}

.red-striped .content:nth-child(odd) .section_title,.red-striped .content:nth-child(odd) .section_sub {
    color: #fff;
}

.red-striped .content:nth-child(odd) .title_dotted_line {
    border-bottom: 1px dotted #fff;
}

a.section_link {
    vertical-align: bottom;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 30px;
    font-family: 'Slabo 27px',serif;
    box-sizing: border-box;
    width: 300px;
    padding: 10px;
}

#careers_sales_affiliate a.section_link {
    text-align: center;
}

.section_header {
    text-align: center;
    position: relative;
    margin-bottom: 25px;
}

.section_title,
.one-third.title {
    margin-left: 0;
    margin-right: 0;
}

span.section_title {
    top: 38px;
    z-index: 2;
    position: relative;
    display: inline-block;
    padding: 0 15px;
    font-size: 18px;
    line-height: normal;
    color: #978E84;
    font-weight: 300;
    background: #fff;
    text-transform: uppercase;
}

.container-well .section_title {
    background: inherit;
    top: 0;
}

.container-well .section_content {
    color: #000;
}

.section_content {
    font-size: 16px;
    padding: 15px;
    display: block;
}

#careers_sales_affiliate span.section_title {
    font-size: 18px;
}

#careers_sales_affiliate .section_header .section_title {
    text-align: left;
    margin-left: 15px;
}

#careers_sales_affiliate .section_header {
    margin-bottom: 0;
}

#careers_sales_affiliate .section_title {
    margin-bottom: 0;
}

#careers_sales_affiliate .section_content {
    padding: 10px 15px 15px 15px;
}

#careers_sales_affiliate .two-thirds.column {
    margin-bottom: 15px;
}

#client_list span.section_title, #blog_preview_section span.section_title {
    top: -10px;
}

span.section_title.title_inset {
    top: 0;
}

span.title_dotted_line {
    z-index: 1;
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    margin-top: -1px;
    border-bottom: 1px dotted #978F86;
    box-sizing: border-box;
}

span.title_dotted_line.title_inset, .title_dotted_line.gutter_rule.title_inset {
    top: 15px;
}

span.title_dotted_line.gutter_rule {
    top: 50px;
    z-index: -1;
}

span.title_spacer {
    margin-top: 20px;
    display: inline-block;
}

.one-third.column.title.long {
    margin-top: -22px;
}

span.section_title.long {
    padding: 0;
}

.separator {
    margin-bottom: 40px;
    clear: both;
}

ul.list-check {
    list-style: none;
}

ul.list-check li {
    margin-bottom: 10px;
}

ul.list-check li:before {
    content: "\f00c" !important;
    font: 14px 'FontAwesome';
    margin: 3px 8px 0 0;
    color: #289DCC;
}

.transparent {
    background: none !important;
}

.bullet-list {
    vertical-align: top;
    max-width: 270px;
    list-style: initial;
    font-size: 18px;
    color: inherit;
    display: inline-block;
    padding-left: 10px;
}

.bullet-list li {
    line-height: 1.5;
    margin-bottom: 16px;
}

.affiliate-intro .readmore {
    font-style: italic;
    position: absolute;
    bottom: 0;
}

img {
    height: auto;
    max-width: 100%;
}

.content {
    width: 100%;
    position: relative;
}


/* Images Overlay
==========================*/
.work {
    position: relative;
    margin-bottom: 40px;
    
    text-align: center;
}

.work-image {
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    
    -webkit-transition: box-shadow 0.2s ease;
    transition: box-shadow 0.2s ease;
}

.work-image img {
    width: 100%;
    display: block;
    
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.work-image:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.desc h3 {
    margin: 0;
}

.desc .tags {
    margin: 0 0 10px;
}

.link-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    
    background: rgba(0,0,0,0);
    
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.link-overlay:before {
    display: block;
    
    width: 46px;
    height: 46px;
    
    position: absolute;
    top: 50%;
    left: 50%;
    
    margin: -22px 0 0 -25px;
    
    border-radius: 50%;
    background: #fff;
    
    text-align: center;
    font: 14px/46px 'FontAwesome';
    color: #2c2c2c;
    
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.work-image:hover .link-overlay {
    background: rgba(20,22,23,0.6);
}

.work-image:hover .link-overlay:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.work p {
    margin: 0;
}

.work-name {
    display: inline-block;
    margin: 15px 0 6px;
    font-size: 14px;
}

a.work-name {
    color: #313538;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    position: relative;
}

a.work-name:hover {
    color: #289DCC;
}

a.smoothScroll {
    color: inherit;
    cursor: pointer;
}

.tags {
    font-size: 12px;
    color: #c9c9c9;
}

/* wrapper */
.wrapper {
    width: 100%;
}

/* block */
.block {
    width: 100%;
    padding: 50px 0;
}

.block-grey {
    width: 100%;
    padding: 50px 0;
    background: #f5f6f8;
}

/* header */
.header {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    background: #fff;
}

.mfp-no-margins img.mfp-img {
    padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
    top: 0;
    bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
    padding: 0;
}

/* responsive menu */

nav {
    display: none;
}

.responsive-menu {
    display: none;
    float: left;
    margin: 25px 0 25px 10px;
}
.responsive-menu i {
    font-size: 28px !important;
    color: #A0A0A0;
}

/* slider */

.camera_wrap {
    margin-bottom: 60px !important;
}

.slider-img {
    width: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
}

.slider-img img {
    max-width: 100% !important;
    display: block;
}

.camera_caption .slider-title {
    color: #FFFFFF;
    font-family: 'Lato',Arial,Helvetica,sans-serif;
    font-size: 23px;
    font-weight: 700;
    height: 35px;
    line-height: 35px;
    margin-bottom: 0;
    padding: 5px 15px;
    background-color: #289dcc;
    position: absolute;
}

.camera_caption .slider-subtitle {
    color: #777777;
    font-family: 'Lato',Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    background-color: #FFFFFF;
    position: absolute;
    position: absolute;
    top: 55px;
}

.camera_caption .slidertext {
    color: #4C4C4C;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 17px;
    position: absolute;
    top: 95px;
    width: 350px;
}

/* Features menu section */

.features_menu_section .one-third.column {
    position: relative;
    width: 310px;
    margin: 15px 15px 0 0;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
}

.features_menu_section .one-third.column.thirdfeature {
    margin-right: 0;
}

.features_content {
    position: relative;
    width: 100%;
    min-height: 260px;
    padding-bottom: 20px;
    text-align: center;
    box-sizing: border-box;
}

#creative_features .features_content {
    overflow: hidden;
}
#creative_features #creative_programs_header {
    position: absolute;
    left: -70px;
}

.features_arrow,
.features_title,
.features_text,
.features_icon {
    z-index: 2;
    position: relative;
    display: block;
    width: 100%;
    padding: 0 55px;
    text-align: center;
    box-sizing: border-box;
}

.features_arrow {
    margin: -1px auto 0;
    height: 25px;
    margin-bottom: 20px;
    /* box-sizing: border-box; */
}

.features_icon {
    height: 55px;
}

.features_icon,
.features_title {
    margin-bottom: 5px;
}

.features_arrow img,
.features_icon img {
    margin-top: -1px;
    display: inline-block;
    height: 100%;
}

.features_background {
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
}

.features_background img {
    display: block;
    height: 100%;
    max-width: none;
}

.features_title,
#index_features .features_text {
    padding: 0 10px;
    color: #fff;
    text-transform: uppercase;
}

.features_title {
    font-family: 'Slabo 27px',serif;
    font-size: 16px;
}

.features_actions {
    z-index: 2;
    position: relative;
    background: #fff;
    padding-top: 5px;
}

.features_actions a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 30px;
    font-family: 'Slabo 27px',serif;
    border-width: 0 2px 0 0;
    border-style: solid;
    border-color: #fff;
    box-sizing: border-box;
}

#creative_features .features_actions a {
    border: none;
}

#platform_features .features_actions a {
    float: left;
    width: 50%;
}

.features_actions a:nth-child(even) {
    border-width: 0 0 0 2px;
}

.portal_feature .features_actions a {
    background-color: #8f285e;
}

.portal_stores_feature .features_actions a {
    background-color: #49a4c6;
}

.groupbuy_feature .features_actions a {
    background-color: #273982;
}

.process_feature .features_actions a {
    background-color: #9a953c;
}

.adoption_feature .features_actions a {
    background-color: #ed8322;
}

.merchandise_feature .features_actions a {
    background-color: #ca2828;
}

#index_features .one-third.column {
    height: 200px;
}

#index_features .section_header {
    display: table;
    height: 90px;
    background: #D4D1CE url("http://s3.amazonaws.com/bn-www-assets/banners_headers/headline_asphalt.jpg") repeat-y 0 0;
    font-size: 31px;
    font-family: 'Slabo 27px',serif;
    color: #fff;
    text-align: center;
    overflow: auto;
    width: 100%;
    margin: 0 auto;
    line-height: normal;
}

#index_features .section_header span {
    /* height: 90px; */
    display: table-cell;
    vertical-align: middle;
}

#platform_features .container {
    background: #fff;
}

#platform_features,
#creative_features {
    margin-bottom: 40px;
}

#platform_features .features_title, #creative_features .features_title {
    font-family: 'Lato',Arial,Helvetica,sans-serif;
    padding: 0;
}

#platform_features .features_text, #creative_features .features_text {
    font-style: italic;
}

/* Features section */

.features_section {
    color: #fff;
}

.features_header {
    padding-bottom: 40px;
}

.features_header .features_title {
    margin-top: 15px;
    color: #fff;
    font-family: 'Slabo 27px',serif;
    font-size: 27px;
    text-transform: none;
}

.feature_intro_section {
    padding-bottom: 20px;
}

.feature_intro_section p {
    margin-right: 30px;
}

.features_intro_title {
    display: block;
    font-family: 'Lato',Arial,Helvetica,sans-serif;
    font-size: 27px;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 10px;
}

#portal_section .features_intro_title {
    color: #4ca4c5;
}

#portal_store_section .features_intro_title {
    color: #293880;
}

#portal_store_section .features_title {
    text-transform: capitalize;
    font-family: 'Slabo 27px',serif;
}

#groupbuy_section .features_intro_title {
    color: #ee8322;
}

.features_section p {
    color: #fff;
    font-family: 'Lato',Arial,Helvetica,sans-serif;
    font-size: 17px;
    font-weight: 300;
}

.features_section p span {
    font-style: italic;
}

.features_description {
    padding: 40px 0;
    border-top: 1px solid #fff;
}

.features_description .four.columns {
    text-align: center;
}

.features_description .features_title {
    font-size: 22px;
    margin-bottom: 20px;
    padding: 0;
}

.features_description .features_icon {
    display: inline-block;
    width: 115px;
    height: 115px;
    padding: 0;
    margin-bottom: 0;
}

.loved_by dt {
    margin-bottom: 5px;
    font-style: italic;
    border-bottom: 1px solid #fff;
    font-size: 15px;
}

.loved_by dd {
    float: left;
    width: 50%;
    line-height: 24px;
}

.loved_by dd span {
    float: left;
    height: 10px;
    width: 10px;
    margin: 5px .3em 0 0;
    border: 1px solid #fff;
}

.loved_by dd span span {
    float: none;
    display: block;
    height: 8px;
    width: 8px;
    margin: 1px;
    border: 0;
    background: #fff;
}

span.features_screenshot {
    display: block;
    width: 100%;
    position: relative;
}

.features_benefits p {
    text-align: center;
}

.features_benefits .features_title {
    padding: 0;
    font-size: 23px;
    font-weight: 300;
}

.features_extra {
    padding: 40px 0;
}

#portal_store_section .features_benefits .features_title {
    line-height: normal;
    color: #293880;
}

.loved_by.six.columns {
    clear: both;
    margin: 20px 0 0;
}

.groupbuy_description {
    font-size: 17px;
}

.groupbuy_description dt {
    font-size: 19px;
    font-style: italic;
}

.groupbuy_description dd {
    min-height: 34px;
    margin: 20px 0 0 40px;
}

.groupbuy_description dd span {
    float: left;
    height: 26px;
    width: 26px;
    margin: -2px 0 0 -40px;
    border: 1px solid #fff;
    border-radius: 50%;
    line-height: 24px;
    font-weight: 300;
    text-align: center;
    box-sizing: border-box;
}

.red_cta {
    margin-top: 10px;
    padding: 10px 0;
    text-align: center;
    background: #cd282a;
    color: #fff;
}

.red_cta a {
    color: #fff;
}

.small_red_cta span {
    font-size: 17px;
    font-style: italic;
}

.small_red_cta a {
    text-transform: uppercase;
    font-family: 'Slabo 27px',serif;
    font-size: 23px;
}

.large_red_cta {
    padding: 30px 0;
}

.large_red_cta span {
    font-size: 27px;
    font-family: 'Slabo 27px',serif;
    margin-right: .6em;
}

.large_red_cta a {
    font-size: 19px;
    font-style: italic;
}

/* Creative page */

#creative_intro_section {
    padding: 50px 0;
}

#creative_intro_section .sixteen.columns {
    padding: 0 75px;
    text-align: center;
    box-sizing: border-box;
}

#creative_intro_section p {
    font-size: 20px;
    margin-bottom: 0;
}

#creative_intro_section span {
    display: block;
    font-size: 33px;
    font-family: 'Slabo 27px', serif;
}

#creative_intro_section span.divider {
    display: inline-block;
    width: 250px;
    height: 1px;
    margin: 30px 0 20px;
    border-top: 1px solid #fff;
}

/* Process section */

.inset_features_section {
    padding: 0 0 50px;
    color: #fff;
}

.inset_features_section .features_arrow {
    margin-bottom: 30px;
}

.inset_features_section .features_header,
.inset_features_section .five.columns,
.inset_features_section .eleven.columns,
.inset_features_section .eight.columns {
    z-index: 2;
    position: relative;
}

.inset_features_section .eight.columns {
    padding-bottom: 40px;
}

.inset_features_section .container {
}

.inset_features_section .features_header {
    padding: 30px 0 0;
    color: #9a953d;
}

.inset_features_section .five.columns,
.inset_features_section .eleven.columns {
    margin-bottom: 30px;
}

.inset_features_section .five.columns {
    clear: both;
    text-align: right;
    font-family: 'Slabo 27px',serif;
    ;
    font-size: 41px;
    line-height: normal;
}

.inset_features_section .eleven.columns {
    font-size: 15px;
    font-style: italic;
    padding-right: 50px;
    box-sizing: border-box;
}

.inset_features_section .mask {
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    display: block;
    background: #534538;
    opacity: .9;
}

#process_section {
    background: url("http://s3.amazonaws.com/bn-www-assets/banners_headers/creative_process_background.jpg") no-repeat;
    background-size: 100%;
}

#buyer_adoption_section {
    margin-top: -2px;
    background-color: #ed8322;
    background-size: 100%;
}

#merchandise_section {
    background: url("http://s3.amazonaws.com/bn-www-assets/banners_headers/creative_merchandising_guidelines.jpg") no-repeat;
    background-size: 100%;
}

#merchandise_section p,
#merchandise_section dl {
    font-size: 18px;
}

#merchandise_section p {
    padding-left: 50px;
}

#merchandise_section dd {
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
}

#buyer_adoption_section {
    padding-bottom: 40px;
}

#buyer_adoption_section .features_header .features_title,#merchandise_section .features_header .features_title {
    text-transform: uppercase;
}

#buyer_adoption_section .features_header .features_subtitle,#merchandise_section .features_header .features_subtitle {
    text-transform: none;
}

#buyer_adoption_section .features_benefits .features_title {
    color: #8f2a5e;
    text-transform: capitalize;
}

#buyer_adoption_section .features_benefits p {
    font-style: italic;
}

#buyer_adoption_section .small_red_cta {
    background: #fff;
}

#buyer_adoption_section .small_red_cta a {
    color: #8f295e;
}


/* Technology page */

#portal_section,
#creative_intro_section {
    background-color: #8f285e;
}

#portal_store_section {
    background-color: #49a4c6;
}

#portal_store_section p {
    font-style: italic;
}

#groupbuy_section {
    background-color: #273982;
    padding-bottom: 40px;
}

.container.tech-blurbs .features_text {
    font-style: italic;
}

/* Case study slider */

#case_study_slider .sixteen.columns {
    margin: 0;
    width: 100%;
}

.secondSlides {
    min-height: 339px;
}

#sci-slide img, #pirch-slide img, #campus-slide img, #encompass-slide img {
    margin: 0 auto;
}

#sci-slide {
    height: inherit !important;
    width: 100% !important;
    background-color: #49a4c6;
}

#pirch-slide {
    height: inherit !important;
    width: 100% !important;
    background-color: #f08421;
}

#campus-slide {
    height: inherit !important;
    width: 100% !important;
    background-color: #989749;
}

#encompass-slide {
    height: inherit !important;
    width: 100% !important;
    
    background-color: #2B3A7D;
}

.case_studies_banner,
.case_studies_header {
    display: block;
    margin-bottom: 10px;
}

span.case_studies_banner img {
    width: 100%;
}

.case_studies_header {
    font-size: 24px;
    font-weight: 300;
}

.case_study_one .case_studies_header,
.case_study_one a.readmore {
    color: #49a4c6;
}

.case_study_two .case_studies_header,
.case_study_two a.readmore {
    color: #f08421;
}

.case_study_encompass .case_studies_header,
.case_study_encompass a.readmore {
    color: #2B3A7D;
}

.case_study_campus .case_studies_header,
.case_study_campus a.readmore {
    color: #989749;
}

.case_studies_section p,
.case_studies a.readmore {
    font-size: 18px;
    line-height: normal;
}

.case_studies_section p {
    margin-bottom: 0;
}

.case_studies a.readmore {
    display: block;
    margin-bottom: 20px;
    font-style: italic;
}

/* Client section*/

#client_list {
    margin-bottom: 20px;
}

#client_list:after {
    content: "";
    display: table;
    clear: both;
}

#client_list li {
    float: left;
    width: 187px;
    height: 95px;
}

/* Moments box */

.creative-redbox {
    background: #CA2828;
    color: #fff;
    font-family: 'Lato',Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 20px;
    box-sizing: border-box;
}

.moments-toparea {
    height: 35px;
    padding: 0 0 15px 0;
}

.moments-title {
    font-size: 20px;
    display: inline-block;
    padding-left: 20px;
    vertical-align: middle;
}

.boundless-icon {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
}

.creative-redbox p, .creative-redbox a {
    color: #fff;
    font-family: 'Lato',Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px;
    margin: 0;
}

.creative-redbox a {
    font-weight: 700;
}

/* footer */

#footer {
    background-color: #978F86;
    margin-top: 10px;
}

#footer a {
    color: #fff;
}

#footer a:hover {
    text-decoration: underline;
}

#footer h5,
#footer h5 a {
    color: #fff;
    font-size: 12px;
    font-family: 'Lato',Arial,Helvetica,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    line-height: normal;
}

#footer h5 {
    text-transform: uppercase;
}

.footerbox.lastbox h5 a {
    margin-bottom: 30px;
}

.one-third.column.footerinfo {
    padding: 20px 0 20px 20px;
    margin: 0;
    border-left: 2px solid #fff;
}

.footer-bottom .one-third.column.left {
    float: right;
    width: auto;
    margin-right: 5px;
}

.footerlinks,
.footerinfo {
    box-sizing: border-box;
}

.two-thirds.column.footerlinks {
    padding: 20px 0;
    margin-left: 0;
}

.footer-box {
    float: left;
    width: 200px;
    font-family: 'Lato',Arial,Helvetica,sans-serif;
    line-height: normal;
}

.footer-box dl {
    margin-bottom: 30px;
}

.footer-box dt {
    margin-bottom: 10px;
}

.footer-box dd {
    line-height: 20px;
}

.footer-box a:hover {
    text-decoration: underline;
}

.footer-logo {
    display: inline-block;
    width: 200px;
    margin-bottom: 10px;
}

.footer-logo img {
    display: block;
    width: 100%;
}

.footer-info h5 {
    padding-bottom: 10px;
}

.footer-info ul {
    font-size: .9em;
}

ul.address {
    float: left;
    margin-right: 14px;
    font-size: .9em;
}

.footer-field-title {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
}

.footer-email-field {
    margin-top: 20px;
    clear: both;
}

.footer-email-field form {
    margin: 0;
    display: inline-block;
}
#emailForm {
    position: relative;
}

#emailForm button#submit {
    text-indent: 999em;
    position: absolute;
    right: 0;
    background: url('http://s3.amazonaws.com/bn-www-assets/icons/confirm-button.png') no-repeat;
    width: 23px;
    height: 23px;
    top: 0;
    overflow: hidden;
    outline: none;
    text-align: left;
}

.footer-social {
    margin-top: 15px;
}

.footer-social:after {
    content: "";
    display: table;
    clear: both;
}

.footer-social ul {
    float: left;
}

.footer-social li {
    display: inline-block;
    width: 30px;
    margin-right: 10px;
}

#footer p {
    color: #fff;
    font-family: 'Lato',Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 17px;
    padding-bottom: 0;
}

/* ---------------------------------------------------------------------- */
/* Button Up
/* ---------------------------------------------------------------------- */
.btntoTop {
    width: 44px;
    height: 44px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    
    background-color: #289DCC;
    border-radius: 50%;
    
    text-align: center;
    line-height: 40px;
    
    cursor: pointer;
    
    opacity: 0;
    
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.btntoTop:before {
    content: "\f106";
    
    display: inline-block;
    vertical-align: middle;
    
    font: 20px 'FontAwesome';
    color: #fff;
}

.btntoTop.active {
    opacity: 1;
}
.btntoTop.active:hover {
    opacity: 0.8
}


.twitter {
    margin-top: ;
}

.twitter li {
    background: url("http://s3.amazonaws.com/bn-www-assets/twitter_widget_ico_01.png") no-repeat scroll left 5% transparent;
    margin: 0px 0px 22px;
    padding: 0px 0px 0px 25px;
    color: #9C9C9C;
}

.twitter a {
    color: #FFFFFF;
    text-decoration: none;
}

.twitter a:hover {
    color: #289DCC;
}

.twitter b a {
    color: #FFFFFF;
    font-weight: 400;
}
/*
.block_flickr_footer {
    margin-left: -4px;
    overflow: hidden;
    padding-top: 4px;
}

.block_flickr_footer li {
    display: block;
    float: left;
    line-height: 0;
}

.block_flickr_footer li img {
    border: 3px solid #424242;
}*/

/* footer bottom */

.footer-bottom {
    width: 100%;
    background-color: #fff;
    padding: 19px 0;
}

.two-thirds.column.right {
    padding-top: 6px;
}

.footer-bottom .copyright {
    padding-right: 13px;
}

.footer-privacy a {
    color: #978F86;
}

.footer-tagline {
    position: relative;
    top: -5px;
    color: #978F86;
    font-family: 'Slabo 27px', serif;
    font-size: 11px;
    font-weight: 400;
    display: inline-block;
}

.zazzle-logo {
    width: 26px;
    padding-top: 8px;
    display: inline-block;
    overflow: hidden;
    height: 20px;
    padding-bottom: 6px;
}

.zazzle-logo span {
    width: 100%;
}


/*ul.social {
float: right;
}

ul.social li {
float: left;
}

ul.social li a  img {
margin: 16px 0 0 9px;
}*/


/* Full image banner
==========================*/
.banner-empty {
    height: 70px;
}

.banner-container {
    position: relative;
    height: 320px;
    margin-bottom: 50px;
    overflow: hidden;
}

.banner-image img {
    max-width: initial;
    height: initial;
    position: relative;
}

.banner-container .container {
    z-index: 2;
    height: 100%;
}

.banner-copy,
.banner-buttons {
    position: absolute;
    bottom: 20px;
}

.banner-copy {
    left: 0;
    padding: 15px;
}

.banner-buttons {
    right: 0;
}

.banner-image {
    /* max-height: 215px; */
    /* overflow: hidden; */
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
}

.banner-copy p {
    z-index: 2;
    position: relative;
    margin: 0;
    line-height: 25px;
    font-family: 'Slabo 27px', serfi;
    font-size: 23px;
    color: #fff;
}

.banner-copy .mask {
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: .7;
    background: #493D31;
}

.banner-buttons a {
    float: right;
    clear: right;
    display: inline-block;
    min-width: 255px;
    height: 40px;
    margin: 20px 0 0;
    padding: 0 20px!important;
    line-height: 40px!important;
    font-family: "Slabo 27px", serif;
    font-size: 1.5em!important;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    box-sizing: border-box;
}

/* Breadcrumb
==========================*/
.breadcrumbs ul {
    float: right;
    font-size: 13px;
    font-weight: 500;
    margin: 0;
}
.breadcrumbs ul li {
    color: #999999;
    display: inline-block;
    margin: 0 0 0 5px;
}
.breadcrumbs ul li:after {
    color: #CCCCCC;
    content: "\f054";
    font-family: "FontAwesome";
    font-size: 10px;
    margin: 0 0 0 9px;
}

.breadcrumbs ul li:last-child:after, .breadcrumbs ul li:first-child:after {
    content: "";
    margin: 0;
}
.breadcrumbs ul li:last-child a, .breadcrumbs ul li a {
    color: #888888;
    font-weight: 600;
}
.breadcrumbs ul li a:hover {
    color: #A0A0A0;
}
.breadcrumbs ul li:first-child {
    margin-left: 0;
    padding-right: 0;
}
.breadcrumbs ul li:first-child, .breadcrumbs ul li:last-child {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #999999;
}
.breadcrumbs ul li:last-child {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 0;
}

/* #Home Page
================================================== */

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

.service-box i {
    border: 2px solid #289DCC;
    border-radius: 50%;
    color: #289DCC;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    margin-right: 12px;
    text-align: center;
    width: 50px;
}

/* #About Us Page
================================================== */
.about-intro {
    overflow: hidden;
}

#careers-giving .section_title,#careers-giving .section_title h3 {
    margin: 5px;
    font-family: 'Slabo 27px',serif;
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
}

.two-thirds.column.intro {
    background: #CA2828;
    padding: 25px;
    box-sizing: border-box;
}

.two-thirds.column.intro h3 {
    font-family: 'Slabo 27px',serif;
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
}

.two-thirds.column.intro p {
    font-family: 'Lato',Arial,sans-serif;
    color: #fff;
    font-size: 1.6em;
    line-height: 21px;
    font-weight: 400;
}

.two-thirds.column.intro,
.one-third.column.milestone {
    margin-bottom: -5000px;
    padding-bottom: 5000px;
}

.red-striped .two-thirds.column.intro {
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    background: inherit;
}

.red-striped .content:nth-child(even) .two-thirds.column.intro h3,.red-striped .content:nth-child(even) .section_title,.red-striped .content:nth-child(even) .two-thirds.column.intro a, .red-striped .content:nth-child(even) .two-thirds.column.intro h4,.red-striped .content:nth-child(even) .two-thirds.column.intro p,.red-striped .content:nth-child(even) .affiliate-intro .bullet-list {
    color: #CA2828;
}

.red-striped .content:nth-child(even) .two-thirds.column.intro h3 {
    font-size: 20px;
}

.red-striped .corporate-career-title a {
    color: #fff;
}

.intro h4 {
    padding-bottom: 3px;
    color: #fff;
}

.one-third.column.milestone {
    background: #C4BDB7;
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
    box-sizing: border-box;
}

.one-third.column.milestone h2 {
    color: #231F20;
    font-family: 'Slabo 27px',serif;
    font-size: 1.5em;
    font-weight: 400;
    text-transform: uppercase;
}

.one-third.column.milestone li {
    padding: 15px 0;
    border-top: 1px solid #fff;
}

.one-third.column.milestone ul li:first-child {
    border-top: none;
}

.one-third.column.milestone li:after {
    content: "";
    display: table;
    clear: both;
}

.year {
    float: left;
    color: #978E84;
    font-family: 'Slabo 27px',serif;
    font-size: 2.250em;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 20px;
}

.year-copy {
    float: right;
    width: 175px;
    font-size: 1em;
    color: #231F20;
    font-family: 'Lato',Arial,sans-serif;
    line-height: normal;
}

/* About details */

#about_details {
    position: relative;
}

#about_details p {
    font-size: 13px;
}

.about_header:after,
#about_details:after {
    content: "";
    display: table;
    clear: both;
}

.zazzle-image {
    width: 65px;
    display: block;
    margin: 0 auto;
}

.about-zazzle img {
    width: 100%;
}

/* leader section */

.one-third.column.member {
    position: relative;
    margin-bottom: 35px;
}

.member-photo {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 140px;
}

.member-photo img {
    height: 100%;
}

.member-info {
    z-index: 2;
    position: relative;
    width: 300px;
    margin: 0 auto;
    height: 140px;
}

#leader_section .member-name {
    z-index: 2;
    position: relative;
    top: 50%;
    left: 20px;
    width: 50%;
    margin-bottom: 0;
}

#leader_section h3,
#leader_section h5 {
    font-family: "Slabo 27px", serif;
    font-weight: 400;
    line-height: normal;
}

#leader_section h3 {
    font-size: 1.2em;
    color: #CA2828;
}

#leader_section h5 {
    font-size: 1em;
    color: #978E84;
}

.member-content {
    position: relative;
    background: #e5e3e1;
    padding: 0 15px 50px 20px;
    height: 265px;
    box-sizing: border-box;
}

.tallmember .member-content {
    height: 280px;
}

.member-arrow {
    display: block;
    width: 15px;
    padding-bottom: 15px;
}

.member-content p {
    font-size: 13px;
    line-height: 1.31em;
    font-weight: 300;
}

.member-linkedin {
    font-family: 'Lato',Arial,sans-serif;
    font-style: italic;
    font-size: 1.02em;
    font-weight: 300;
    color: #978E84;
    padding-right: 4px;
    float: left;
}

.member-content .linkedin-link {
    position: absolute;
    left: 20px;
    bottom: 10px;
}

.member-content .linkedin-link:after {
    content: "";
    display: table;
    clear: both;
}

a.linkedin-link img {
    width: 20px;
}

img.linkedin-icon {
    width: 100%;
}


/* Case Study Page
================================================== */
.bold-text {
    font-weight: b
}

.one-third.column.case {
    width: 285px;
    padding: 0 25px 0 0;
    margin: 0;
}

.case-study-banner .banner-image {
    padding-top: 40px;
}

.case-study-banner img {
    right: auto !important;
    width: 85%;
    padding-top: 4%;
}

.content span.section_title.title_inset.case_study_title {
    margin: 0 auto;
    text-align: center;
    display: block;
    width: 135px;
}

p.case-quote {
    margin-left: 10px;
    color: #4CA4C6;
    font-size: 16px;
    line-height: 28px;
    font-style: italic;
}

.case-logo-img {
    min-height: 120px;
}

.case-logo-img img {
    max-height: 100px;
    max-width: 300px;
    margin-bottom: 10px;
}

.case-stats a {
    color: #289DCC;
}

.case-studies-quote {
    padding: 10px;
    font-size: 14px;
}

.orange p.case-quote, .orange .case-stats h3,.orange .case-studies-quote {
    color: #f08421;
}

.caseimgs img {
    max-height: 265px;
    display: inline-block;
}

.two-thirds.column.case-image img {
    margin: 0 auto;
}

.case-company-info .middle.case-stats {
    padding-left: 0;
    background: none;
}

.case-copy {
    font-size: 15px;
    margin-right: 36px;
}

.case-copy a {
    text-decoration: underline;
}

span.quote-caseauthor {
    font-size: 16px;
    font-style: normal;
}

span.case-arrow {
    width: 10px;
    display: block;
}

.case-stats {
    background: #eae9e7;
    padding: 0 20px 20px 20px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.middle.case-stats {
    background: #f4f4f3;
}

.case-stats h3 {
    color: #4BA2C8;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 20px;
}

.results-list li {
    list-style: disc inside;
    font-size: 14px;
    margin-bottom: 10px;
}

.cases-button {
    cursor: pointer;
    background: #968E84;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    text-align: center;
    margin-bottom: 20px;
}
a .cases-button {
    box-sizing: border-box;
    width: 100%;
    color: #fff;
    font-family: 'Slabo 27px', serif;
    font-size: 20px;
    display: inline-block;
    line-height: 30px;
}

.cases-button:hover {
    background: #6CBCED;
    text-decoration: none;
}

span.pdf-icon {
    height: 30px;
    width: 30px;
    display: inline-block;
    float: left;
}

.case-studies-quote {
    font-style: italic;
}

.case-studies-quote .case-arrow img {
    padding-left: 15px;
}

/* #Creative Storeis
================================================== */
.sixteen.columns.blue-title, .sixteen.columns.orange-title, .sixteen.columns.purple-title, .sixteen.columns.green-title {
    min-height: 30px;
    border-bottom: 1px;
    border-style: solid;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 30px;
}

.sixteen.columns.blue-title {
    border-color: #4CA4C5;
    color: #4CA4C5;
}

.bluetext {
    color: #4CA4C5;
    font-style: italic;
    font-weight: 700;
}

.sixteen.columns.orange-title {
    border-color: #EE8322;
    font-size: 24px;
    color: #EE8322;
}

.orangetext {
    color: #EE8322;
    font-style: italic;
    font-weight: 700;
}

.sixteen.columns.purple-title {
    border-color: #E549A8;
    color: #E549A8;
}

.purpletext {
    color: #E549A8;
    font-style: italic;
    font-weight: 700;
}

.greentext {
    color: #688C34;
    font-style: italic;
    font-weight: 700;
}

.sixteen.columns.green-title {
    border-color: #688C34;
    color: #688C34;
}

.creativetext p {
    font-size: 13px;
    line-height: 20px;
}

.creative-image {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}

.creative-image img {
    width: 100%;
    margin: 0;
}

.creative-row:after {
    content: "";
    display: table;
    clear: both;
}








/* ---------------------------------------------------------------------- */
/* Progress Bar
/* ---------------------------------------------------------------------- */
.progress-bars {
    margin-bottom: 30px;
}

.progress-scale {
    height: 18px;
    margin-bottom: 15px;
    
    border-radius: 2px;
    background: #fafafa;
    border: 1px solid #e2e2e2;
    
    text-shadow: 0 1px 1px #c4c4c4;
}

.progress-label {
    margin-bottom: 5px;
    font-size: 13px;
    color: #474343;
}

.progress-line {
    width: 0;
    height: 20px;
    
    position: relative;
    top: -1px;
    left: -1px;
    
    padding-left: 2px;
    
    border-radius: 2px 0 0 2px;
    
    -webkit-transition: width 2s ease-in-out;
    transition: width 2s ease-in-out;
}

.progress-line {
    background-color: #289DCC;
    
    -webkit-animation: bg-move 2s linear infinite;
    animation: bg-move 2s linear infinite;
}

@-webkit-keyframes bg-move {
    0% {
        background-position: -34px 0
    }
    100% {
        background-position: 0 0
    }
}

@-webkit-keyframes bg-move {
    0% {
        background-position: -34px 0
    }
    100% {
        background-position: 0 0
    }
}

.member-name h3 {
    margin-bottom: 0;
}

.job-title h5 {
    font-weight: normal;
    line-height: 17px;
    color: #807f7f;
}

ul.member-social {
    list-style: none;
}

ul.member-social li {
    display: inline-block;
    margin-right: 4px;
}

ul.member-social i {
    color: #818181;
    font-size: 15px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    background: #efefef;
}

/* #Services Page
================================================== */

/* ---------------------------------------------------------------------- */
/* Promobox
/* ---------------------------------------------------------------------- */
.promo-box {
    background: linear-gradient(to bottom, #FFFFFF 2%, #FBFBFB 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-top: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    border-left: 4px solid #289DCC;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
    padding: 25px 20px;
}

.promo-box .text {
    float: left;
}

.promo-box h2 {
    margin-bottom: 10px;
}

.promo-box p {
    font-size: 13px;
    margin-bottom: 0;
}

.promo-box a {
    float: right;
    margin-top: 10px;
    text-align: center;
    padding: 8px 15px!important;
    font-size: 13px !important;
}

.promo-box i {
    font-size: 16px;
    margin-right: 12px;
}

/* #Portfolio Page
================================================== */

/* Portfolio
==========================*/
.filter-list {
    margin: 0 0 20px;
    padding: 0;
    
    list-style: none;
}

.filter-list li {
    display: inline-block;
    position: relative;
    
    margin-right: 23px;
    padding-bottom: 10px;
    
    font-size: 13px;
    color: #313538;
    cursor: pointer;
}

.filter-list li.active {
    color: #289DCC;
}

.filter-list li:before, .filter-list li.active:before {
    content: '';
    display: block;
    height: 0;
    
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    
    z-index: 53;
    
    background: #888;
    
    -webkit-transition: height 0.2s ease;
    transition: height 0.2s ease;
}

.filter-list li:hover:before {
    height: 2px;
}

.filter-list li.active:before {
    height: 2px;
    background: #289DCC;
}


.filter-select {
    display: none;
    
    position: relative;
    margin-top: -15px;
    margin-bottom: 25px;
}

.filter-select ul {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
    
    margin: 0;
    padding: 0;
    
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: none;
    
    list-style: none;
}

.filter-select .filter-current {
    background: #fafafa;
    border: 1px solid #e2e2e2;
    border-bottom: 1px solid #dfdfdf;
}

.filter-select .filter-current:hover {
    background: #fafafa url(http://s3.amazonaws.com/bn-www-assets/light-btn.jpg) repeat-x top;
    box-shadow: 0 2px 2px rgba(0,0,0,0.04);
    border-color: #d9d9d9;
    border-bottom: 1px solid #cecece;
}

.filter-select .filter-current:active {
    background: #f5f5f5;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
    border-color: #d9d9d9;
}

.filter-select .filter-current:after {
    content: "\f0d7";
    
    float: right;
    margin-top: 5px;
    font: 12px 'FontAwesome';
}

.filter-select li, .filter-select .filter-current {
    padding: 5px 15px 4px;
    
    line-height: 22px;
    cursor: pointer;
}

.filter-select li:hover {
    margin: 0 -1px;
    
    background: #289DCC;
    color: #fff;
}

/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

/* BLOG
================================================== */


/* blog previews */

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

.blog_section a, .blog_section a:hover {
    color: #cd1f2c;
}

.blog-box {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
}

#spark-blog-recent-posts {
  display: flex;
}

.one-third.column.blog-box {
    /* height: 100%; */
}

.one-third.column.blog-box:nth-child(odd) {
    background: #EAE9E7;
}

.one-third.column.blog-box:nth-child(even) {
    background: #F4F4F3;
}

.blog-preview-text {
    /* height: 180px; */
    overflow: hidden;
}

.blog-preview-text h4 {
    padding-bottom: 5px;
}

.blog-preview-text h6 {
    padding-bottom: 10px;
}

.blog-preview-text p {
    margin-bottom: 0;
}

.blog-photo {
    align-self: bottom;
    background: #fff;
    overflow: hidden;
}

.blog-photo img {
    width: 100%;
    max-width: none;
}

.post-category {
    background: none repeat scroll 0 0 #F0F0F0;
    cursor: pointer;
    float: left;
    height: 45px;
    left: -22px;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    width: 45px;
    border-radius: 50%;
}

.post-category:hover {
    background: #289DCC;
}

.post-category i {
    color: #444444;
    display: table-cell;
    font-size: 20px;
    height: 45px;
    text-align: center;
    transition: all 0.2s ease 0s;
    vertical-align: middle;
    width: 45px;
}
.post-category:hover i {
    color: #FFFFFF;
}
.post-body {
    padding-top: 8px;
    width: 100%;
}
.post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6 {
    margin-bottom: 5px;
    text-transform: none;
    transition: all 0.2s ease 0s;
}
.post-meta {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}
.post-meta + p {
    margin-top: 0;
}
.post-meta li {
    border-right: 1px solid #DDDDDD;
    float: left;
    line-height: 12px;
    margin-bottom: 5px;
    margin-right: 8px;
    padding-right: 8px;
}
.post-meta li:last-child {
    border-right: medium none;
    margin-right: 0;
    padding-right: 0;
}
.post-meta span, .post-meta a {
    line-height: 12px;
}
.post-meta span.date {
    text-transform: uppercase;
}
.post-meta .post-tags span, .post-meta .post-tags a {
    float: left;
    padding-right: 5px;
}

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

#camera_wrap_1 .camera_next,#camera_wrap_1 .camera_prev {
    border: 1px solid white;
    background: none;
}

.widget {
    display: block;
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.widget li {
    background: url("http://s3.amazonaws.com/bn-www-assets/list_icons/aside.png") no-repeat left;
    border-bottom: 1px dotted #DDDDDD;
    padding-bottom: 7px;
    padding-left: 20px;
    padding-top: 7px;
}

.widget li:last-child {
    border-bottom: medium none;
}
.widget li a {
    display: block;
}

.widget .title {
    margin-bottom: 20px;
}

.input-wrap {
    display: block;
    margin: 0 0 12px 0;
    position: relative;
}

.input-wrap i {
    position: absolute;
    top: 7px;
    left: 11px;
    
    color: #c1c4c5;
}

.textarea-wrap i {
    position: absolute;
    top: 9px;
    left: 11px;
    
    color: #c1c4c5;
}

.input-wrap i + input, .textarea-wrap i + textarea {
    padding-left: 31px;
}

.input-wrap i.focused, .textarea-wrap i.focused {
    color: #333;
}

.input-wrap input,
.textarea-wrap textarea,
.select-wrap select {
    float: left;
    
    margin-right: 10px;
    
    width: 100%;
    height: 33px;
    
    padding: 0 12px;
    
    background: #fafafa;
    
    border: 1px solid #e2e2e2;
    border-top: 1px solid #d4d4d4;
    outline: none;
    border-radius: 2px;
    
    color: #65686d;
    line-height: 1.6;
    
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.input-wrap.m-full-width input,
.textarea-wrap.m-full-width textarea,
.select-wrap.m-full-width select {
    width: 100%;
}

.input-wrap input:focus,
.textarea-wrap textarea:focus {
    background: #fff;
    
    border: 1px solid #289DCC;
    box-shadow: 0 0 5px rgba(62,187,199,0.35);
    
    color: #65686d;
}

.input-wrap input:hover,
.textarea-wrap textarea:hover
{
    cursor: default;
}

.textarea-wrap {
    position: relative;
    margin-bottom: 12px;
}

.textarea-wrap textarea {
    float: left;
    display: block;
    
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 110px;
    
    padding: 8px 12px 12px;
    
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    font-size: 12px;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #a1a3a5;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color: #a1a3a5;
}

.form {
    margin-bottom: 20px;
}

/*--------------------------------------------------*/

.form.input-wrap {
    display: inline-block;
    width: 328px;
    margin-left: 9px;
}

.form.input-wrap input {
    width: 100%;
}

.blog-search input {
    width: 100%;
    margin-bottom: 20px;
}

.flickr-widget-blog {
    margin-right: -12px;
    margin-top: 15px;
}
.flickr-widget-blog img {
    display: block;
    width: 100%;
}

.flickr-widget-blog a {
    float: left;
    width: 53px;
    height: 53px;
    margin-right: 12px;
    margin-bottom: 12px;
    border: 1px solid #dedede;
    padding: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.blog-posts .blog-post {
    border-bottom: 1px solid #EEEEEE;
    float: left;
    margin-bottom: 50px;
    padding-bottom: 50px;
    width: 100%;
}
.blog-posts.boxes .blog-post {
    border-bottom: medium none;
    padding-bottom: 0;
}
.blog-posts.boxes .blog-post iframe {
    min-height: 133px;
}
.blog-post .post-image {
    float: left;
    margin-bottom: 20px;
    max-width: 100%;
    opacity: 1;
}
.blog-post iframe {
    min-height: 274px;
    width: 100%;
}
.blog-post .post-image:hover {
    opacity: 0.8;
}
.post-body-container {
    -moz-box-sizing: border-box;
    float: left;
    margin-left: 22px;
    padding-left: 40px;
    position: relative;
    max-width: 598px;
}
.blog-posts.boxes .post-body-container {
    width: 278px;
}

.pagination {
    float: right;
    width: 100%;
}
.pagination li {
    background: linear-gradient(to bottom, #555555 0%, #444444 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #333333;
    border-radius: 2px;
    float: left;
    height: 33px;
    margin-right: 3px;
    transition: all 0.2s ease 0s;
    width: 33px;
}
.pagination li a {
    color: #FFFFFF;
    display: table-cell;
    height: 33px;
    text-align: center;
    vertical-align: middle;
    width: 33px;
}

.pagination li.active, .pagination li:hover {
    background: #289DCC;
    border: 1px solid #2386ae;
}

.blog-posts.blog-post-single .blog-post {
    float: left;
    margin-bottom: 50px;
}
.post-comments {
    float: left;
    width: 100%;
}
.post-comments h3 {
    height: 24px;
}
.comments-li {
    float: left;
    margin-bottom: 20px;
}
.comments-li > li {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.comment {
    float: left;
    min-height: 60px;
}
.post-comments .comment + .children {
    margin-top: 20px;
}
.post-comments .children + .children {
    margin-top: 20px;
}
.comment .avatar {
    float: left;
    height: 60px;
    margin-right: 15px;
    width: 60px;
}
.author-img {
    float: left;
}
.comment .comment-meta {
    color: #777777;
    font: italic 11px Arial,sans-serif;
    margin: 0 0 10px 80px;
}
.post-comments .comments-li .comment .comment-meta li {
    display: block;
    padding-top: 2px;
}
.comment .comment-meta a {
    border-bottom: medium none;
    color: #777777;
    display: inline;
    font: 11px Arial,sans-serif;
    margin-bottom: 3px;
    transition: all 0.3s ease 0s;
}
.comment .comment-meta a.author {
    color: #444444;
    display: block;
    float: left;
    font: bold 13px Arial,sans-serif;
    margin-right: 10px;
}
.comment .comment-body {
    margin-left: 80px;
}
.post-comments .children {
    float: left;
    margin-left: 30px;
    padding: 0 0 0 50px;
}
.comment-reply-link {
    border-radius: 2px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    margin-top: 10px;
    padding: 4px 10px;
}
.comment-reply-link:hover {
    color: #FFFFFF;
}
.comment-form, #respond {
    float: left;
    width: 100%;
}
h5#reply-title {
    text-transform: none !important;
}
#respond form {
    margin-top: 20px;
}
#respond fieldset {
    margin-bottom: 10px;
}
#respond label {
    color: #444444;
    display: block;
    font: 11px Arial,sans-serif;
    margin-bottom: 7px;
    width: 100%;
}
#respond .name-container {
    float: left;
    margin-right: 20px;
}
#respond .email-container {
    float: left;
}
#respond .name-container input, #respond .email-container input {
    background: #fafafa;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    color: #A9A9A9;
    float: left;
    font: 12px 'Lato',Arial,sans-serif;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    transition: all 0.3s ease 0s;
    width: 308px;
}
#respond .message {
    -moz-box-sizing: border-box;
    float: left;
    margin-top: 5px;
    width: 100%;
}
#respond .message textarea {
    -moz-box-sizing: border-box;
    background: #fafafa;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    color: #A9A9A9;
    font: 11px/22px Arial,sans-serif;
    padding: 10px;
    width: 100%;
}
#respond #comment-reply {
    float: right;
    border: 1px solid #1f70ad !important;
    background-image: linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%) !important;
    background-image: -o-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%) !important;
    background-image: -moz-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%) !important;
    background-image: -webkit-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%) !important;
    background-image: -ms-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%) !important;
    background-color: #2778C8 !important;
    color: #fff !important;
    text-shadow: 1px -1px 0px #1c6396;
    filter: dropshadow(color=#1c6396, offx=1, offy=1);
}
#respond #comment-reply:hover {
    background: #287fc8;
}
#respond .name-container input:focus, #respond .email-container input:focus, #respond .message textarea:focus {
    border-color: #AAAAAA;
}

/* Careers Page */
#careers-intro {
    overflow: hidden;
}

#careers-giving {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#careers-giving .section_footer_img {
    height: 150px;
    position: absolute;
}

#careers-giving .section_footer_img img {
    width: 100%;
}

#careers-giving .section_header {
    margin-bottom: 8px;
}

#careers-giving .section_sub {
    font-size: 18px;
    margin-top: 0;
}

#careers-giving .column {
    position: relative;
    min-height: 410px;
}

#careers-giving .column .section_header {
    text-align: left;
    margin-left: 12px;
}

#careers-giving .column p {
    margin: 0 12px;
}

#careers-giving .column .section_title, #careers-giving .column .section_title a {
    padding: 0;
    margin: 10px 12px 0 0;
    background-color: inherit;
    top: 0;
    color: #CA2828;
    text-align: left;
    text-transform: none;
    font-weight: 400;
}

#careers-intro .careers-sidebar h3 {
    color: #675958;
    font-weight: 400;
    line-height: 24px;
    border-top: 1px solid #aaa;
}

#careers-intro .section_title {
    margin-left: 0;
}

.one-third.column.careers-sidebar {
    padding-top: 25px;
}

.job-posting {
    margin: 0 auto;
}

.job-posting h3 {
    margin: 20px 0 0 0;
    color: #CD1F2C;
}

.award-list img {
    margin: 0 auto;
    width: 40%;
    padding-bottom: 32px;
}

#careers-intro .two-thirds.column.intro p {
    color: #978E84;
    font-size: 16px;
}

#careers-giving .container-well {
    margin-top: 12px;
}

.container-well .column {
    position: relative;
    min-height: 400px;
    margin-bottom: 15px;
}

.two-thirds.column.intro a {
    color: #fff;
    font-size: 14px;
    padding: 10px;
    float: right;
}

.corporate-career-title a {
    color: #CA2828;
}

.corporate-career-title {
    margin-bottom: 10px;
}

.job-title {
    font-size: 16px;
    display: block;
}

.corporate-contact-sidebar {
    margin-top: 12px;
    margin-bottom: 12px;
    min-height: 95px;
    background-color: #4CA4C5;
}

.corporate-contact-sidebar a,.corporate-contact-sidebar h3 {
    color: #fff;
    padding: 0 12px;
}

.corporate-intro .column.intro .corporate-career-title a {
    float: none;
}

.container-well .column, .blog-post .container-well {
    background-color: #C4BDB7;
}

#frm_contact label {
    max-width: 110px;
}

#frm_contact .form-buttons label {
    max-width: 200px;
}

.section_sub {
    padding-top: 10px;
    margin: 24px 0 10px 12px;
    display: block;
    text-align: left;
}

.section_date, .section_attribution {
    font-style: italic;
}

.section_detail_link a {
    margin: 0 12px;
    color: #CA2828;
}

.section_footer_img {
    position: relative;
    bottom: 0;
    overflow: hidden;
    margin: 14px;
}

/* #Corporate Jobs
================================================== */
#corp-open-positions .positions, #corp-open-positions .info {
    margin-top: 12px;
}

.corporate-intro {
    overflow: hidden;
}

.corporate-intro .two-thirds.column.intro p {
    line-height: 27px;
}

.corporate-list.box {
    background: #C4BDB7;
    padding: 30px;
    font-size: 14px;
}


.corporate-list.box dt {
    font-family: 'Slabo 27px',serif;
    font-size: 20px;
    font-weight: 300;
}

.top-list {
    padding-bottom: 30px;
}

.corporate-list.box dd {
    display: list-item;
    list-style: disc outside;
    margin-left: 16px;
    padding-left: .1em;
    line-height: normal;
    padding-top: .3em;
}

.two-thirds.column.positions h2 {
    font-family: 'Slabo 27px',serif;
    font-size: 24px;
    font-weight: 300;
    color: #CB2729;
    padding-bottom: 30px;
    line-height: normal;
    margin: 0;
}

.two-thirds.column.positions p {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}

.inside-sales {
    padding-bottom: 55px;
}

.job-link a {
    color: #CB2729;
    font-size: 14px;
    font-style: italic;
}

.one-third.column.info {
    color: #fff;
    background-color: #4CA4C5;
    padding: 20px;
    box-sizing: border-box;

}

.info-title {
    font-family: 'Slabo 27px',serif;
    font-size: 19px;
    font-weight: 300;
    text-transform: uppercase;
    display: block;
    padding-bottom: 20px;
}

.info-email a {
    font-size: 17px;
    font-style: italic;
    color: #fff;
}

/* #Sales Affiliate
================================================== */

.affiliate-intro {
    overflow: hidden;
}

.affiliate-intro .contact {
    margin-bottom: 12px;
}
.affiliate-intro .two-thirds.column.intro p {
    font-size: 20px;
    line-height: 27px;
    padding-bottom: 40px;
    margin: 0;
}

.one-third.column .affiliate-list.box {
    background: #C4BDB7;
    padding: 30px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.affiliate-list.box dt {
    font-family: 'Slabo 27px',serif;
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
}

.affiliate-list.box dd {
    display: list-item;
    list-style: disc outside;
    margin-left: 16px;
    padding-left: .1em;
    line-height: normal;
    padding-top: .3em;
    font-size: 14px;
}

.request-demo {
    height: 50px;
    background-color: #CA2828;
    padding: 10px;
    margin: 12px 0;
    box-sizing: border-box;
}

.request-demo a, a.contact-link {
    font-size: 15px;
    font-family: 'Slabo 27px',serif;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    display: block;
}

.contact {
    background-color: #4CA4C5;
    padding: 15px;
}

.contact-title {
    font-size: 15px;
    font-family: 'Slabo 27px',serif;
    font-weight: 300;
    color: #fff;
    line-height: 20px;
    padding-bottom: 10px;
    display: inline-block;
}

.contact-link:after {
    clear: none;
}

#confirmation-dialog,#errors-dialog,#newsletter-dialog {
    margin-top: 12px;
    font-size: 18px;
}
.ui-dialog .ui-widget-header {
    background: #CA2828;
    border-color: #CA2828;
}
#errors-email-dialog {
    display: none;
}
#errors-email-dialog.ui-dialog-content {
    display: block;
}
.typ-wrapper {
    margin-top: 25px;
    width: 300px;
    text-align: left;
}
.typ-wrapper p {
    font-size: 14px;
}
a.contact-link.careers-email-link {
    display: inline;
    /* clear: none; */
    text-transform: lowercase;
    font-size: 17px;
    /* padding-left: 0; */
}

.corporate-contact-sidebar .contact {
    padding-top: 12px;
}

.two-thirds.column.affiliate-skills h2 {
    font-size: 24px;
    font-family: 'Slabo 27px',serif;
    font-weight: 300;
    color: #CB2729;
    text-transform: uppercase;
}

.two-thirds.column.affiliate-skills p {
    font-size: 14px;
    line-height: 20px;
}

.provides-list li {
    display: list-item;
    list-style: disc outside;
    margin-left: 16px;
    padding-left: .1em;
    line-height: normal;
    padding-top: .3em;
    font-size: 14px;
}

.affiliate-blog {
    background-color: #C4BDB7;
    margin-bottom: 10px;
}

.blog-post .title {
    color: #fff;
    font-size: 20px;
    line-height: 23px;
    font-style: italic;
    background-color: #968E84;
    padding: 15px;
    box-sizing: border-box;
}

#careers_sales_affiliate .blog-preview-text {
    height: auto;
}

#careers_sales_affiliate .blog-photo img {
    margin-top: 10px;
}

#careers_sales_affiliate .blog-box {
    padding: 20px;
}

#careers_sales_affiliate .section_detail_link {
    margin-top: 15px;
}
#careers_sales_affiliate .section_detail_link a {
    margin: 0;
    padding-left: 0;
    padding-top: 10px;
}

.affiliate-blog p, .affiliate-blog .section_header {
    padding: 12px;
}

.affiliate-blog .section_header {
    margin-bottom: 0;
}

.affiliate-blog-sidebar .section_header {
    text-align: left;
    margin-bottom: 10px;
}

.affiliate-blog-sidebar .affiliate_title {
    font-size: 16px;
    color: #CA2828;
    display: block;
}

.affiliate-blog-sidebar .affiliate_title, .affiliate-blog-sidebar .column p {
    padding: 0 12px;
}

.affiliate-blog-sidebar .column {
    position: relative;
    background: #eee;
}

.affiliate-blog-sidebar .section_date {
    padding-left: 12px;
}

.affiliate-blog-sidebar .section_footer_img {
    position: relative;
}

/* #Contact Page
================================================== */
/* Contact
==========================*/
.two-thirds.column.contact.form {
    height: auto;
    background: #CA2828;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 40px;
    margin-bottom: 0;
}
.inputs.has-error {
    position: relative;
}
span.help-block.form-error {
    width: 148px;
    top: -32px;
    right: 0;
    border: 1px solid white;
    border-radius: 5px;
    position: absolute;
    padding: 2px;
    line-height: 1;
}
h4.headline {
    color: #fff;
    font-family: 'Slabo 27px',serif;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 25px;
}

.one-third.column.sidebar {
    background: #968E84;
    padding: 20px;
    margin-top: 40px;
    height: 622px;
    box-sizing: border-box;
}

.one-third.column.sidebar, .list-contact, .contact-mail a, .press-mail a {
    font-size: 14px;
    color: #fff;
}

.one-third.column.sidebar.contact-us-sidebar {
    margin-bottom: -5000px;
    padding-bottom: 5000px;
}

.list-contact {
    margin-bottom: 20px
}

.contact-quote p {
    color: #fff;
    font-family: 'Slabo 27px', serif;
    font-size: 16px;
    line-height: 22px;
}

p.quote-author {
    color: #fff;
    font-family: 'Slabo 27px', serif;
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0 10px 0;
}

.location-section:after {
    content: "";
    display: table;
    clear: both;
}

.location-content {
    clear: left;
    padding: 40px 0 0 0;
}

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

.location-content h3 {
    color: #CB2729;
    font-family: 'Slabo 27px', serif;
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
}

.location-content p {
    font-size: 15px;
    font-weight: 400;
    line-height: 14px;
}

.contact label,
.contact form .inputs {
    float: none;
    width: auto;
}

.contact input.aweform[type=text],
.contact select.aweform {
    width: 100%;
}

.checkboxfield.newsletter {
    display: block;
}

.checkboxfield input[type=checkbox] {
    float: left;
}

.checkboxfield label {
    float: left;
    margin-top: 1px;
}

.capchafield {
    width: 100%;
}

.list {
    line-height: 20px;
    list-style: none outside none;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
}
.list li {
    margin-bottom: 6px;
}
.list li span {
    display: block;
    overflow: hidden;
}
.list li i {
    color: #808080;
    float: left;
    font-size: 16px;
    margin-right: 10px;
    text-align: center;
    width: 16px;
}
.list a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease 0s;
}
.list a:hover {
    color: #04BFEA;
}

.list a {
    text-decoration: none;
    color: inherit;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

.list a:hover {
    color: #289DCC;
}

/***********************
    - Form Wrapper -
***********************/

.ajax-contact-form:after {
    content: "";
    display: table;
    clear: both;
}

.ajax-contact-form div.form {
    clear: both;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    max-width: 598px;
}

/****************
    - Title -
****************/
.ajax-contact-form div.form .title {
    clear: both;
    padding: 15px;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#eaeaea')";
    font-size: 18px;
    font-weight: bold;
    color: #444;
    -moz-text-shadow: 0px 1px #fff;
    text-shadow: 0px 1px #fff;
}

/***************
    - Form -
***************/

div.form-holder {
    color: #fff;
}

div.form-holder:after {
    content: "";
    display: table;
    clear: both;
}

form .required {
    color: white;
}

form .field {
    display: inline-block;
    width: 44%;
    margin: 10px 15px;
}

form .field:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.company, .email, .message, .capchafield {
    clear: left;
}

form .field.email {
    float: left;
}

form .field.message {
    width: calc(88% + 32px);
    margin-left: 15px;
}

form label {
    display: block;
    float: left;
    width: 120px;
    margin: 6px 5px 0 0;
    font-size: 12.5px;
    line-height: 18px;
}

form .inputs {
    float: left;
    width: 418px;
}

input.aweform, select.aweform, textarea.aweform {
    font-family: 'Lato',Tahoma,Sans-Serif;
    font-size: 13px;
    line-height: 18px;
    border-radius: none !important;
}

input.aweform[type=text] {
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    -khtml-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #7e7e7e;
    width: 100%;
    height: 30px;
    margin: 0;
    outline: 0;
    padding: 5px 8px 6px 8px;
    position: relative;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-transition: border linear 0.3s, box-shadow linear 0.3s;
    -moz-transition: border linear 0.3s, box-shadow linear 0.3s;
    transition: border linear 0.3s, box-shadow linear 0.3s;
}

.footer-email-field input.aweform[type=text] {
    height: 23px;
}

input.aweform[type=text]:focus {
    border-color: #999;
    color: #333;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #ccc;
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #ccc;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #ccc;
}

input.small[type=text] {
    width: 200px;
}

::-webkit-input-placeholder {
    color: #eae9e7;
}

input.aweform:-moz-placeholder {
    color: #eae9e7;
}

textarea.aweform {
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    -khtml-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    width: 100%;
    height: 80px;
    margin: 0;
    outline: 0;
    padding: 10px;
}

textarea.aweform:focus, select.aweform:focus {
    border-color: #999;
    color: #333;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #ccc;
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #ccc;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #ccc;
}

select.aweform {
    border: none;
    color: #666;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 300px;
    height: 30px;
    margin: 0;
    padding: 4px;
}

/*****************
    - Button -
*****************/
div.form-submit {
    padding-top: 10px;
    float: none;
}

div.form-submit:after {
}

form button, input[type="submit"] {
    background-color: #C4BDB7 !important;
    background-clip: padding-box;
    color: #231F20!important;
    cursor: pointer !important;
    display: inline-block;
    font: 18px/20px 'Slabo 27px',serif !important;
    font-weight: bold;
    margin-left: 14px;
    padding: 5px 10px 6px;
    text-align: center;
    border: none;
    width: 265px;
    text-transform: uppercase;
}

button:hover, button:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background-color: #73af3d;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    -khtml-background-clip: padding-box;
    background-clip: padding-box;
    border-color: #487420;
    text-decoration: none;
    -moz-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

/*button:after {
	content:""; 
	float:right; 
	width:17px;
	height:17px; 
	margin:0 0 0 10px; 
	background:url(http://s3.amazonaws.com/bn-www-assets/icon/submit.png) no-repeat top center; 
	opacity:0.5;
	-webkit-transition: opacity linear 0.3s;
    -moz-transition: opacity linear 0.3s;
	transition: opacity linear 0.3s; 
}*/

button:hover:after, button:focus:after {
    opacity: 0.9;
}

button[disabled], input[type="submit"][disabled] {
    border: 1px solid #ccc !important;
    background-color: #eae9e7;
    background-image: none;
    color: #dfdfdf;
    cursor: not-allowed;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}

button[disabled]:after, input[type="submit"][disabled]:after {
    opacity: 0.2;
}

/********************
    - Preloader -
********************/
.preloader {
    float: right;
    padding: 4px 5px;
}

/******************
    - Captcha -
******************/
div.captcha {
    clear: both;
    display: inline-block;
    border: 1px solid #888;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    background-color: #ededed;
    background: -moz-linear-gradient(top,#fff 2%,#fbfbfb 5%,#dedede 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(2%,#fff),color-stop(5%,#fbfbfb),color-stop(100%,#dedede));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fbfbfb',EndColorStr='#dedede')";
}

div.captcha img {
    display: block;
    float: left;
}

div.captcha img.captcha-img {
    border: 1px solid #CCC;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

div.captcha img.change-captcha {
    margin-top: 5px;
    margin-left: 5px;
}

img.change-captcha {
    cursor: pointer;
}

input.captcha[type=text] {
    width: 202px;
    margin-top: 5px;
}

/************************
    - Notifications -
************************/
.notification {
    display: none;
    clear: both;
    margin-bottom: 15px;
    padding: 10px 10px 10px 40px;
    min-height: 20px;
    font-family: Arial,Tahoma,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-box-shadow: 0 1px 0 0 rgba(255,255,255,0.5) inset;
    -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.5) inset;
    -o-box-shadow: 0 1px 0 0 rgba(255,255,255,0.5) inset;
    box-shadow: 0 1px 0 0 rgba(255,255,255,0.5) inset;
}

/* Notification icon */
.icon {
    position: absolute;
    background-image: url(http://s3.amazonaws.com/bn-www-assets/icon/notification.png);
    background-repeat: no-repeat;
    height: 15px;
    top: 14px;
}

/* Notification - Fail */
.fail {
    border: 1px solid #dc4e4d;
    color: #b52525;
    background-color: #ec8282;
    background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#f48888),color-stop(100%,#e17575));
    background-image: -webkit-linear-gradient(#f48888,#e17575);
    background-image: -moz-linear-gradient(#f48888,#e17575);
    background-image: -o-linear-gradient(#f48888,#e17575);
    background-image: linear-gradient(#f48888,#e17575);
    -moz-text-shadow: 0px 1px rgba(255,255,255,0.2);
    text-shadow: 0px 1px rgba(255,255,255,0.2);
}

.fail .icon {
    width: 13px;
    left: 16px;
    background-position: 0 0;
}

/* Notification - Success */
.success {
    border: 1px solid #accc5d;
    color: #70892b;
    background-color: #c8e185;
    background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#d0e98e),color-stop(100%,#c1da7f));
    background-image: -webkit-linear-gradient(#d0e98e,#c1da7f);
    background-image: -moz-linear-gradient(#d0e98e,#c1da7f);
    background-image: -o-linear-gradient(#d0e98e,#c1da7f);
    background-image: linear-gradient(#d0e98e,#c1da7f);
    -moz-text-shadow: 0px 1px rgba(255,255,255,0.3);
    text-shadow: 0px 1px rgba(255,255,255,0.3);
}

.success .icon {
    width: 14px;
    left: 16px;
    background-position: 0 -15px;
}

.success strong {
    color: #4c5d1e;
}

/* Notification close button */
.close-notification {
    position: absolute;
    width: 5px;
    height: 6px;
    top: 18px;
    right: 10px;
    cursor: pointer;
    background-image: url(http://s3.amazonaws.com/bn-www-assets/icon/close.png);
    background-repeat: no-repeat;
}

.fail .close-notification {
    background-position: 0 0;
}

.success .close-notification {
    background-position: 0 -6px;
}

.job-posting p, .job-posting li {
    font-size: 14px;
}

.privacy .section_header h1,.privacy h1 a, .job-posting .section_header h1,.job-posting h1 a {
    font-family: 'Slabo 27px',serif;
    text-align: left;
    color: #CD1F2C;
}

.privacy a, .privacy a:visited {
    color: #CD1F2C;
    text-decoration: underline;
}

.privacy h4 {
    padding-top: 10px;
}

.privacy p, .privacy ul, .job-posting p, .job-posting ul {
    margin-bottom: 5px;
    max-width: 650px;
}

.privacy ul, .job-posting ul {
    list-style: inherit;
    margin-left: 15px;
}

/*********************
    - Responsive -
*********************/
body .mobile {
    display: none
}

.spacer80 {
    height: 80px;
    display: block;
}

.spacer {
    height: 25px;
    display: block;
}

@media only screen and (min-width: 0px) and (max-width:767px) {
    
    .mobileVis {
        visibility: initial !important;
    }
    html body .mobile {
        display: inherit;
    }
    
    .nonMobile {
        display: none !important;
    }
    
    form label {
        clear: both;
        width: 100%;
        margin-bottom: 6px;
    }
    
    form .inputs, button, input[type="submit"] {
        clear: both;
        width: 100%;
    }
    
    .field.message, .form-submit button {
        max-width: calc(100% - 18px);
    }
    
    div.form-submit {
        margin: 0;
        width: 93%;
        padding-left: 13px;
    }
    
    .gutter_rule {
        display: none;
    }
    
    form .field {
        width: 93%;
    }
    
    .one-third.column.sidebar.contact-us-sidebar {
        height: 100%;
    }
    #creative_intro_section .sixteen.columns {
        padding: 0;
    }
    #creative_features #creative_programs_header {
        position: relative;
        left: 0;
    }
    .inset_features_section .five.columns {
        text-align: left;
        padding-left: 15px;
    }
    .features_arrow, .features_title, .features_text, .features_icon {
        padding: 0;
        
        /* margin-top: 10px; */
    }
    .inset_features_section .eleven.columns {
        padding: 0 20px;
    }
    .inset_features_section .features_header {
        padding: 0 20px;
    }
    
    #merchandise_section p {
        padding: 0 20px;
    }
    
    #merchandise_section dl {
        padding: 20px;
    }
    #merchandise_section dd,#merchandise_section dt {
        padding-right: 50px;
    }
    #spark-blog-recent-posts {
        display: block;
    }
}

@media only screen and (min-width: 480px) and (max-width:767px) {
    .ajax-contact-form div.form .title {
        font-size:16px;
        padding: 12px;
    }
    
    div.form-submit {
        margin: 0;
    }
    
    form label {
        font-size: 12px;
        line-height: 12px;
    }
}

@media only screen and (min-width: 0px) and (max-width:479px) {
    .ajax-contact-form {
        margin:15px auto;
    }
    
    .ajax-contact-form div.form .title {
        font-size: 14px;
        padding: 10px;
    }
    
    form label {
        font-size: 11px;
        line-height: 11px;
    }
    
    input.aweform[type=text], select.aweform {
        width: 100%;
    }
    
    .banner-copy .mask {
        top: 15px;
        max-width: 300px;
    }
    
    .banner-copy p {
        max-height: 190px;
        top: 15px;
        max-width: 280px;
    }
    
    .banner-buttons {
        top: 200px;
    }
    
    .banner-buttons a {
        width: 100%
    }
    
    .banner-container {
        overflow: visible;
    }
    
    .banner-container.case-study-banner {
        max-height: 100px
    }
    
    .case-study-banner img {
        max-width: none;
        height: 100%;
        margin: 0 auto;
    }
    
    .case_studies_section .case_studies {
        margin-bottom: 40px;
    }
    
    .case_studies.case_study_campus {
        margin-bottom: 0;
    }
    
    .banner-image {
        /* max-width: 100vw; */
        /* max-width: 100vw; */
        overflow: hidden;
    }
    
    .zazzle-image {
        margin-bottom: 20px;
    }
    
    .features_description .features_icon {
        margin-bottom: 25px;
    }
    
    .features_section .features_header {
        padding-top: 0;
    }
    
    .features_header .features_arrow {
        top: -5px;
    }
    
    .features_menu_section {
        /*max-width: 310px;*/
    }
    
    .groupbuy_feature .section_header {
        display: none;
    }
    
    .container .one-fifth.columns {
        float: none;
        margin: 0 auto;
    }
    
    .large_red_cta {
        padding: 20px 10px;
    }
    
    .two-thirds.column.contact.form {
        margin-top: 10px;
    }
    
    .location-header {
        margin-bottom: 25px;
    }
    
    .features_header .features_icon {
        padding-left: 0 !important;
        margin-top: 20px;
    }
    
    .inset_features_section .five.columns {
        margin-bottom: 0;
    }
    
    #merchandise_section {
        background: none;
    }
    
    .banner-container .container {
        margin-bottom: -100px;
    }

    img.thumbnail-overlay {
        width: 65px;
    }
}


/* =============================================================== */
/* Buttons
================================================================ */
.button {
    display: inline-block;
    font-weight: 400;
    font-family: 'Slabo 27px',serif;
    cursor: pointer;
    margin: 0 5px 5px 0;
    *float: left;
}

.button:active {
}

.button.medium i {
    float: left;
    margin: 2px 5px 0px -5px;
}
.button.small i {
    float: left;
    margin: 1px 5px 0px -3px;
}

.button.medium {
    padding: 7px 18px !important;
    font-size: 14px;
}

.button.small {
    padding: 6px 12px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    line-height: 16px;
}


/* Input Button
==========================*/
input[type="button"] {
    display: inline-block;
    font-weight: 700;
    font-family: Arial, sans-serif;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 5px 5px 0;
    *float: left;
    padding: 7px 14px !important;
    font-size: 14px;
    width: auto !important;
    float: left;
}

input[type="button"]:active {
}


/* Red Button
==========================*/
.button.red {
    background-color: #CA2828;
    color: #fff;
}

.button.red:hover, input[type="button"]:hover {
    background: #000;
}


/* White Button
==========================*/
.button.white, input[type="button"] {
    border: 1px solid #dddddd;
    background-color: #F7F7F7;
    color: #444;
}

.button.white:hover, input[type="button"]:hover {
    background: #fbfbfb;
}


/* Black Button
==========================*/
.button.black {
    background-color: #464646;
    color: #fff;
}

.button.black:hover {
    background: #535353;
}


/* Red Button
==========================*/
.button.red {
    background-color: #CA2828;
    color: #fff;
}

.button.red:hover {
    background: #ce4640;
}


/* Green Button
==========================*/
.button.green {
    border: 1px solid #819633;
    background-color: #8DA046;
    color: #fff;
    text-shadow: 1px -1px 0px #77873b;
    filter: dropshadow(color=#77873b, offx=1, offy=1);
}

.button.green:hover {
    background: #93a749;
}


/* Blue Button
==========================*/
.button.blue {
    border: 1px solid #1f70ad;
    background-color: #2778C8;
    color: #fff;
    text-shadow: 1px -1px 0px #1c6396;
    filter: dropshadow(color=#1c6396, offx=1, offy=1);
}

.button.blue:hover {
    background: #287fc8;
}

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
    
    .responsive-menu {
        float: right;
        display: block;
    }
    
    .logo {
        float: left;
    }
    
    .logo-img {
        right: auto;
        left: 0;
        display: block;
        width: 149px;
        height: 21px;
        margin-left: 85px;
        position: absolute;
    }
    
    .menu {
        display: none;
    }


}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .banner-image img {
        right: calc(-20% + 960px);
    }
    .banner-container {
        height: 115px;
    }
    .case-study-banner .banner-image {
        padding-top: 0;
    }
    .camera_wrap .camera_caption {
        position: absolute;
        top: 13% !important;
        left: 70px !important;
        width: 50%;
        bottom: 0;
        display: block;
    }
    .camera_wrap .camera_caption .slider-title {
        font-size: 17px !important;
    }
    .camera_wrap .camera_caption .slider-subtitle {
        font-size: 12px !important;
    }
    .camera_wrap .camera_caption .slidertext {
        font-size: 12px !important;
    }
    .slider_button {
        position: absolute;
        top: 160px;
    }
    #contacts-form-main input[type=text],
    #contacts-form-main input[type=password],
    #contacts-form-main input[type=email] {
        width: 258px;
    }
    #contacts-form-main textarea {
        width: 547px;
    }
    .blog-photo {
        width: 196px;
    }
    .blog-photo img {
        width: 100%;
        height: 100%;
    }
    
    .features_menu_section .one-third.column {
        width: 236px;
    }
    
    .features_menu_section .one-third.column {
        margin: 10px;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .banner-image img {
        right: calc(-8% + 960px);
    }
    .banner-container {
        height: 215px;
    }
    .case-study-banner .banner-image {
        padding-top: 0;
    }
    .camera_wrap .camera_caption {
        position: absolute;
        top: 22%;
        left: 70px !important;
        width: 50%;
        bottom: 0;
        display: block;
    }
    
    #contacts-form input[type=text],
    #contacts-form input[type=password],
    #contacts-form input[type=email] {
        width: 130px;
    }
    #contacts-form textarea {
        width: 290px;
    }
    #contact-info li {
        width: 275px;
    }
    #contacts-form-main input[type=text],
    #contacts-form-main input[type=password],
    #contacts-form-main input[type=email] {
        width: 290px;
    }
    #contacts-form-main textarea {
        width: 290px;
    }
    .features_header {
        padding: 20px;
        height: auto;
        font-size: 26px;
        box-sizing: border-box;
    }
    .one-third.column.features {
        width: 100%;
        margin: 15px 0 0;
    }
    .one-third.column.footerinfo {
        padding: 20px 0;
        border-width: 2px 0 0;
        border-color: #fff;
        border-style: solid;
    }
    .footer-bottom .one-third.column {
        margin-top: 20px;
    }
    .one-third.column.blog-two {
        margin: 20px 0;
    }
    .blog-box {
        padding-bottom: 20px;
    }
    .blog-preview-text {
        height: auto;
        margin-bottom: 10px;
    }
    .blog-photo {
        position: static;
        width: 100%;
        height: auto;
    }
    
    #case_study_slider .secondslides {
        min-height: 140px !important;
    }
    
    .one-third.column.blog-box {
        margin-bottom: 10px;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .banner-image img {
        right: calc(-15% + 960px);
    }
    .banner-container {
        height: 115px;
    }
    .case-study-banner .banner-image {
        padding-top: 0;
    }
    #slider {
        height: 95px!important;
    }
    .camera_wrap .camera_caption {
        display: none !important;
    }
    #contacts-form input[type=text], #contacts-form input[type=password], #contacts-form input[type=email] {
        width: 190px;
    }
    #contacts-form textarea {
        width: 410px;
    }
    .contact-info li {
        width: 165px;
        padding-right: 20px;
    }
    #contacts-form-main input[type=text], #contacts-form-main input[type=password], #contacts-form-main input[type=email] {
        width: 190px;
    }
    #contacts-form-main textarea {
        width: 410px;
    }
    
    ul.social {
        float: left;
    }
    .footer-box {
        width: 50%;
    }
    .footer-box.lastbox {
        width: 100%;
    }
    .footer-box.lastbox dl {
        float: left;
        width: 50%;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    
    .camera_caption {
        display: none !important;
    }
    
    .camera_wrap .slider-img img {
        max-width: 130% !important;
    }
    
    .breadcrumbs ul {
        float: left;
    }
    
    ul.social {
        float: left;
    }

    span.banner-image {
        max-height: 215px;
        max-width: 100vw;
    }

}



/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('fonts/FontName.eot');
	    src: url('fonts/FontName.eot?iefix') format('eot'),
	         url('fonts/FontName.woff') format('woff'),
	         url('fonts/FontName.ttf') format('truetype'),
	         url('fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/