html, body, * { 
    font-family: 'Lato', Lato, sans-serif;
    font-weight: normal;
    vertical-align: middle;
    color: #52575D;
}
body {
    font-size: 18px;
}

a, a:visited, a:active {
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
    text-align: inherit;
    color: #227aa5;
}
    a:hover {
        color: #225D7A;
    }

h1 {
    font-size: 36px;
    text-align: inherit;
}
h2 {
    font-size: 32px;
    text-align: inherit;
}
h3 {
    font-size: 28px;
    text-align: inherit;
}
h4 {
    font-size: 24px;
    text-align: inherit;
}
h5 {
    font-size: 20px;
}
b, i {
    font-family: inherit;
    font-size: inherit;
    vertical-align: bottom;
}
span {
    font-family: inherit;
    font-size: inherit;
    text-align: inherit;
}
input {
    display: inline-block;
    min-height: 30px;
    padding: 0 3px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    outline: none;
    vertical-align: middle;
}
select {
    min-height: 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    outline: none;
}
label {

}
img {

}
b {
    font-weight: bold;
}

/**PAGE WRAPPERS**/

/**HEADER**/
#soTopSearch {
    height: 0;
    position: relative;
    overflow: hidden;
    transition: height .5s;
    -webkit-transition: height .5s;
    -moz-transition: height .5s;
    -o-transition: height .5s;
}
    #soTopSearch.open {
        height: 80px;
        transition: height .5s;
        -webkit-transition: height .5s;
        -moz-transition: height .5s;
        -o-transition: height .5s;
    }
    #soTopSearch input {
        width: 100%;
        height: 100%;
        border: none;
        border-bottom: 1px solid #ddd;
        outline: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        font-size: 48px;
        font-style: italic;
        text-align: center;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    #soTopSearch input.soSearchButtonTop {
        display: none;
    }
#soHeaderMobile {
    display: none;
    background: #f5f5f5;
    position: relative;
}
    .mobile-nav-container {
        padding: 12px 8px;
        float: left;
    }
    .mobile-nav > * {
        display: inline-block;
    }
    #soHeaderMobile .mobile-nav * {
        font-size: 18px;
    }
    #soHeaderMobile .mobile-nav li a {
        color: #3c4147;
    }
        #soHeaderMobile .mobile-nav li a:hover {
            color: #227aa5;
        }
    .mobileHide {
        display: none;
    }
    .mobileHeaderBottom {
        padding-bottom: 12px;
        clear: both;
    }
    #mobileNav {
        margin-top: 5px;
        padding: 8px 20px 8px 12px;
        background: #d67b11;
        border-radius: 5px 0 0 5px;
        -webkit-border-radius: 5px 0 0 5px;
        -moz-border-radius: 5px 0 0 5px;
        float: right;
    }
        #mobileNav .navItems * {
            font-size: 18px;
            font-weight: bold;
            color: #fff;
            vertical-align: top;
        }
    #soHeaderMobile .header-logo {
        display: inline-block;
        width: 49%;
        height: auto;
        margin: 0;
        padding-left: 10px;
        padding-bottom: 8px;
    }
    .mobilemenu-cons {
        display: inline-block;
        width: 45%;
        margin-left: 5px;
        text-align: center;
    }
    .mobilemenu-cons a {
        display: inline-block;
        width: 40%;
        margin-left: 25px;
    }
        .mobilemenu-cons a img {
            display: block;
            width: 100%;
        }
    #socialmedia-menu {
        height: 80px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        overflow: hidden;
        z-index: -1;
    }
        #socialmedia-menu .bg-color {
            width: 0;
            background: #000;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: .8;
            -moz-opacity: .8;
            transition: width .5s;
            -webkit-transition: width .5s;
            -moz-transition: width .5s;
            -o-transition: width .5s;
        }
            #socialmedia-menu .bg-color.open {
                width: 100%;
                transition: width .5s;
                -webkit-transition: width .5s;
                -moz-transition: width .5s;
                -o-transition: width .5s;
            }
            #socialmedia-menu .bg-color.responsive {
                width: 100px;
                transition: width .5s;
                -webkit-transition: width .5s;
                -moz-transition: width .5s;
                -o-transition: width .5s;
            }
        #socialmedia-menu .icons-wrapper {
            display: none;
            height: 80px;
            padding: 8px;
            text-align: center;
            position: relative;
        }
        #socialmedia-menu .icons-wrapper a {
            display: inline-block;
            width: 9%;
            margin: 0 4%;
        }
            #socialmedia-menu .icons-wrapper a img {
                width: 100%;
            }
#soHeader {
    background: #f5f5f5;
}
    #soHeader * {
        font-size: 16px;
    }
    #soHeader a {
        color: #3c4147;
    }
    #soHeader a:hover {
        color: #227aa5;
    }
#topheader {
    max-width: 1220px;
    margin: auto;
    padding-bottom: 20px;
    position: relative;
}
#topheader > div {
    display: inline-block;
}
.header-logo {
    width: 305px;
    height: 128px;
    margin-top: 5px;
}
    .header-logo a, .header-logo img {
        display: block;
        width: 100%;
        height: 100%;
    }
.header-nav > * {
    display: inline-block;
}
    span.header-cart-label,
    span.mobile-cart-label {
        display: block;
        height: 20px;
        padding-left: 25px;
        background-image: url(images/icons/cart-logo.png);
        background-repeat: no-repeat;
        background-position: top left;
        font-weight: bold;
        color: #d67b11;
    }
    span.header-cart-label:hover,
    span.mobile-cart-label:hover {
        background-position: bottom left;
        color: #227aa5;
    }
.header-nav-item {
    margin: 0 8px;
}
.soSideSearchContainer {
    margin-top: 25px;
    margin-left: 45px;
}
.soSideSearchContainer input[type='text'] {
    width: 245px;
    height: 45px;
    padding: 0 10px;
    border: 1px solid #ddd;
}
.soSearchButton {
    display: none;
}
.header-nav-container {
    position: absolute;
    top: 68px;
    right: 20px;
}
#soAccount a {
    vertical-align: bottom;
}
#mainnav {
    width: 1220px;
    margin: auto;
}
#mainnav .nav-submenu {
    display: none;
}
.main-nav li.nav-item {
    display: inline-block;
}
    li.nav-item * {
        color: #fff;
    }
        li.nav-item *:hover {
            color: #227aa5;
        }
    li.nav-item > a {
        display: block;
    }
    li.nav-item > a > * {
        display: inline-block;
    }

/*top nav*/
#soTopNav {
    width: auto;
    padding-right: 20px;
    text-align: right;
    position: absolute;
    top: 0;
    right: 12px;
}
    #soTopNav > * {
        display: inline-block;
    }
        .navItems > div {
            display: inline-block;
        }
    .navItems {
        margin-top: 10px;
        margin-right: 25px;
    }
    span.header-pipe {
        margin: 0 4px;
    }
    #soTopNav > a {
        width: 25px;
        height: 25px;
        margin: 5px;
    }
        #soTopNav > a img {
            width: 100%;
            height: 100%;
        }
.headerBar {
    min-height: 75px;
    padding: 12px;
    background: #51A361;
    overflow: hidden;
}
    .headerBar * {
        color: #fff;
    }
    .barwrapper {
        max-width: 1220px;
        margin: 0 auto;
    }

/*mini-cart*/
.soPopupWindow {
    width: 375px;
}
.soMiniCartPopped {
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #d5d5d5;
}
#soMiniCartHeader {
    padding-bottom: 8px;
    border-bottom: 1px dashed #e5e5e5;
}
#soMiniCartHeader h3 {
    font-size: 28px;
}
.DS-MiniCart-ProductImage {
    width: 100px;
    height: 125px;
}
    .DS-MiniCart-ProductImage img {
        width: 100%;
        height: 100%;
        margin: auto;
    }
.DS-MiniCart-ProductLink a {
    font-size: 20px;
    font-weight: bold;
}
#soHeader .DS-MiniCart-CheckOutLink-left a {
    color: #227aa5;
}
    #soHeader .DS-MiniCart-CheckOutLink-left a:hover {
        color: #fff;
    }
#soHeader .DS-MiniCart-CheckOutLink-right a {
    color: #fff;
}
.DS-MiniCart-ProductPrice, .DS-MiniCart-SubTotal {
    color: #0095CF;
}

#soMiniCartMobile {
    padding: 8px;
    background: #fff;
    border: 1px solid #ddd;
}

/**FOOTER**/
#soFooter {
    padding-top: 45px;
}
.footer-wrapper {
    height: 800px;
    border-top: 1px solid #3c4147;
    position: relative;
}
.footer-top {
    max-width: 1220px;
    margin: 0 auto;
    margin-top: -30px;
    position: relative;
}
.footer-left {
    position: absolute;
    top: 40px;
    left: 0;
}
.footer-right {
    text-align: right;
    position: absolute;
    top: 40px;
    right: 0;
}
    .footer-col {
        display: inline-block;
        width: 175px;
        vertical-align: top;
        text-align: left;
    }
    ul.footer-menu {
        margin-bottom: 40px;
    }
    .footer-menu > a {
        display: block;
        margin-bottom: 8px;
    }
        .footer-menu a h5 {
            color: #227aa5;
        }
    .footermenu-header {
        font-weight: bold;
    }
    .footermenu-item {
        padding: 8px 0;
    }
    .footermenu-item a {
        color: #262626;
        font-size: 14px;
    }
    .footermenu-item a:hover {
        color: #227aa5;
    }
.footer-center {
    width: 440px;
    margin: auto;
    text-align: center;
}
    .footer-sub {
        border: 1px solid #3c4147;
    }
    .footer-sub h5 {
        color: #fff;
        background: #3c4147;
        padding: 8px 0;
        font-size: 24px;
    }
    .soSubscribeWidgetEmailBox {
        min-height: 225px;
        padding-top: 15px;
        position: relative;
    }
    .soSubscribeWidgetContainer {
        max-width: 450px;
        height: 310px;
        padding: 12px;
        padding-top: 30px;
        margin: 0;
        position: relative;
    }
    .soSubscribeWidgetTitle {
        text-align: left;
    }
    .soSubscribeWidgetTitle > * {
        display: inline-block;
    }
    .soSubscribeWidgetTitle img {
        width: 68px;
        margin-right: 12px;
    }
    .soSubscribeWidgetTitle span {
        width: 300px;
        text-align: left;
        font-size: 16px;
    }
    .soSubscribeWidgetContainer input[type='text'] {
        display: block;
        width: 100%;
        height: 40px;
        margin: 0;
        padding: 6px;
        font-size: 20px;
    }
    .soSubscribeWidgetContainer input.subscribe-firstname,
    .soSubscribeWidgetContainer input.subscribe-lastname {
        display: inline-block;
        width: 205px;
        margin: 4px 0;
    }
        .soSubscribeWidgetContainer input.subscribe-firstname {
            float: left;
        }
        .soSubscribeWidgetContainer input.subscribe-lastname {
            float: right;
        }
        .soSubscribeWidgetContainer input.subscribe-email {
            clear: both;
        }
    .soSubscribeWidgetContainer a.soActionBtn {
        margin: 0 45px;
        padding: 14px 5px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .soSubscribeWidgetOptions {
        height: auto;
        position: absolute;
        top: 185px;
        left: 0;
        right: 0;
        z-index: 2001;
    }
    .soSubscribeWidgetOptions .dsFormItem {
        display: inline-block;
        margin: 0 8px;
    }
        .soSubscribeWidgetOptions .dsCodeControlCheckBoxListContainer li {
            display: inline-block;
            margin: 0 2px;
        }
        .dsCodeControlCheckBoxListContainer label, .dsCodeControlCheckBoxListContainer input {
            display: inline-block;
        }
    .soSubscribeWidgetContainer input {
        margin: 0;
    }
    .soSubscribeWidgetOptions .dsCodeControlCol1, .soSubscribeWidgetOptions .dsCodeControlCol2 {
        display: none;
    }
    .soSubscribeWidgetOptions .dsCodeControlCol3 {
        width: 100%;
        margin: 0;
    }
    .soSubscribeWidgetOptions .soSubscribeWidgetErrorMsg {
        padding-top: 7px;
        display: block;
        color: #ff0000;
        background: #fff;
        font-size: 16px;
    }
    .soSubscribeWidgetContainer > .soSubscribeWidgetErrorMsg {
        position: absolute;
        top: 215px;
        left: 0;
        right: 0;
        color: #ff0000;
        background: #fff;
        font-size: 16px;
    }
    .footer-social {
        width: 95%;
        margin: auto;
        margin-top: 35px;
        padding: 12px;
        padding-top: 40px;
        border-top: 1px dashed #ddd;
    }
    .footer-social > * {
        display: inline-block;
    }
    .footer-social h5 {
        margin-right: 10px;
        font-size: 20px;
        font-weight: bold;
        color: #227aa5;
    }
    .footer-affiliate {
        margin: 40px 0;
        text-align: left;
    }
    .footer-affiliate > * {
        display: inline-block;
    }
    .affiliate-label {
        width: 150px;
        font-size: 16px;
        font-style: italic;
    }
    .affiliate-logo {
        width: 280px;
        text-align: right;
    }
.footer-bottom {
    font-size: 14px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

/**MAIN CONTENT**/
#soMainContent {
    position: relative;
}
#soContentWrapper {
    padding: 0;
}
#soContent {
    display: inline-block;
    width: 78%;
    padding: 8px 0;
    padding-bottom: 40px;
}
    #soContent.nosidebar {
        display: block;
        width: auto;
        padding: 0;
    }
    #soContent.nosidebar #soWelcomeMsg,
    #soContent.nosidebar #soAdSpace,
    #soContent.nosidebar #Div1,
    #soContent.nosidebar #soFrontPageFeatures {
        max-width: 1220px;
        margin: auto;
    }
#soCheckoutContent {
    display: inline-block;
    width: 72%;
    padding: 8px 15px;
    vertical-align: top;
}
#soCheckoutSidebar {
    display: inline-block;
    width: 25%;
    padding: 5px;
    padding-top: 30px;
    vertical-align: top;
}
/*breadcrumbs*/
#breadcrumb {
    width: 100%;
    height: 30px;
    padding: 4px 12px;
    background: #DF7B21;
    border-bottom: 1px solid #000;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}
    #breadcrumb * {
        color: #fff;
    }
    #breadcrumb a {
        text-decoration: underline;
    }

/*sidebar*/
#soSideBarMenu {
    display: inline-block;
    width: 20%;
}
#soSideBarMenu .soSidebarIcon {
    display: none;
    width: 35px;
    height: 35px;
    margin-left: 8px;
    margin-top: 8px;
    background-image: url(images/icons/sidemenu.png);
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: .8;
    -moz-opacity: .8;
    z-index: 1;
    transition: opacity .2s;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;

}
    #soSideBarMenu .soSidebarIcon:hover {
        opacity: 1;
        -moz-opacity: 1;
        transition: opacity .2s;
        -webkit-transition: opacity .2s;
        -moz-transition: opacity .2s;
        -o-transition: opacity .2s;
    }
#soSideBarMenu .soSidebarWrapper {
    padding: 8px;
}
#soSideBarMenu .sidebarClose {
    display: none;
    width: 25px;
    height: 25px;
    background-image: url(images/icons/close.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    opacity: .6;
    -moz-opacity: .6;
    z-index: 3;
    transition: opacity .5s;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
}
    #soSideBarMenu .sidebarClose:hover {
        opacity: 1;
        -moz-opacity: 1;
        transition: opacity .5s;
        -webkit-transition: opacity .5s;
        -moz-transition: opacity .5s;
        -o-transition: opacity .5s;
    }

/**PAGE CONTENT**/
.infoTitle, .soMySponsorships > .Title {
    margin: 20px 0;
    text-align: center;
}
.infoHeader {
    margin: 0;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    position: relative;
}

/*slider*/
.dsSlider {
    width: 100%;
    height: 475px;
    margin-bottom: 8px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
    .dsSlider .sliderimg {
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
    }
    .dsSlider .sliderimg img {
        width: 100%;
        height: auto;
    }
#pix_prev {
    width: 85px;
    height: 85px;
    background-image: url(images/slider/prev.png);
    background-size: contain;
    left: 15px !important;
}
#pix_next {
    width: 85px;
    height: 85px;
    background-image: url(images/slider/next.png);
    background-size: contain;
    right: 15px !important;
}
/*buttons*/
a.soActionBtn {
    display: inline-block;
    padding: 7px 15px;
    background: #227aa5;
    border: 1px solid #227aa5;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
    a.soActionBtn:hover {
        background: none;
        color: #227aa5;
    }
a.soIdleBtn, .ui-dialog .ui-dialog-buttonpane button {
    display: inline-block;
    padding: 7px 15px;
    color: #227aa5;
    background: none;
    border: 1px solid #227aa5;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    outline: none;
    cursor: pointer;
}
    a.soIdleBtn:hover, .ui-dialog .ui-dialog-buttonpane button:hover {
        background: #227aa5;
        color: #fff;
    }
    .ui-dialog .ui-dialog-buttonpane button * {
        color: #227aa5;
    }
    .ui-dialog .ui-dialog-buttonpane button:hover * {
        color: #fff;
    }
a.soActionBtn:before, a.soIdleBtn:before {
    content: '> ';
}
#soCheckoutContent a.soActionBtn {
    background: #00A34F;
    border: 1px solid #00A34F;
}
    #soCheckoutContent a.soActionBtn:hover {
        background: none;
        color: #00A34F;
    }
#soCheckoutContent a.soIdleBtn {
    border: 1px solid #555;
    color: #555;
}
    #soCheckoutContent a.soIdleBtn:hover {
        background: #555;
        color: #fff;
    }

/*forms*/
.dsRequiredFieldsHint *, .dsRequiredField {
    color: #ff0000;
    font-size: 16px;
}
/*tables*/
/*tabs*/
ul.tabs {
    text-align: center;
}
ul.tabs li {
    padding: 5px 8px;
    border: none;
    border: 1px solid #227aa5;
    background: #227aa5;
    cursor: pointer;
}
    ul.tabs li a {
        color: #fff;
    }
    ul.tabs li:hover {
        background: none;
    }
    ul.tabs li:hover * {
        color: #227aa5;
    }
ul.tabs li.active {
    padding: 5px 8px;
    border: 1px solid #227aa5;
    background: none;
    cursor: default;
}
    ul.tabs li.active * {
        color: #227aa5;
    }
ul.tabs li *{
    font-size: 24px;
    font-weight: bold;
    color: #3c4147;
}
/*product tabs*/
/*sort and layout*/
.sortandLayout .sorter {
    float: left;
}
.sortandLayout .layout {
    float: right;
}
.sortandLayout ul.btn li {
    padding: 5px 10px;
    background: #d67b11;
    border-bottom: 1px solid #87571E;
    border-right: 1px solid #87571E;
}
    .sortandLayout ul.btn li a {
        color: #fff;
    }
.sortandLayout ul.btn li.active {
    background: #eee;
    border: none; /*clear border*/
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    cursor: default;
}  
    .sortandLayout ul.btn li.active * {
        color: #d67b11;
    }
.sortandLayout .sorter-items-container > div {
    margin-right: 8px;
}
/*pagination*/
.page-numbers-container > a {
    margin: 1px;
    padding: 3px 2px;
    color: #fff;
    background: #d67b11;
    border: 1px solid #d67b11;
    border-radius: 4px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
    vertical-align: bottom;
}
    .page-numbers-container > a * {
        color: #fff;
    }
.page-numbers-container > span {
    padding: 3px 4px;
    color: #d67b11;
    border: 1px solid #d67b11;
    border-radius: 4px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
    vertical-align: bottom;
    cursor: default;
}

.pagination > a {
    padding: 3px;
    color: #fff;
    background: #d67b11;
    border: 1px solid #d67b11;
    border-radius: 4px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
    vertical-align: bottom;
}
.pagination > span {
    padding: 3px 4px;
    color: #d67b11;
    border: 1px solid #d67b11;
    border-radius: 4px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
    vertical-align: bottom;
    cursor: default;
}
/*product image gallery*/
.dsproductimage .GalleryImgContainer {
    height: 300px;
    text-align: center;
}
    .dsproductimage .GalleryImgContainer img {
        width: auto;
        height: 100%;
    }
.dsproductimage .GalleryHolder {
    margin-top: 8px;
    border-top: 1px dashed #e5e5e5;
}

/* Signin */
#dsSigninPage .dsloginpanel {
    width: 49%;
}
#dsSigninPage .dsRightColumn {
    width: 49%;
    float: right;
}
.soCreateAccountBtn, .soCreateOrgAccountBtn {
    margin-top: 12px;
}
#dsSigninPage div.createAccount {
    margin-bottom: 12px;
}

/* Account */
#soCreateAccountPage .infoHeader h3 {
    display: inline-block;
}
#dsAccountPage .topButtons {
    padding: 0;
    margin-bottom: 12px;
    float: right;
}
#dsAccountPage .updateAccountTopButtons {
    margin-bottom: 12px;
    float: left;
}
.accountSection {
    margin: 15px 0;
}
#dsAccountPage .infoHeader h3 {
    display: inline-block;
}
    #dsAccountPage .infoHeader h3 span:before {
        content: '> ';
    }
#dsAccountPage .infoContainer {
    padding: 8px 50px;
}
.noIcon.ui-icon {
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.expandCollapseIcon {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(images/ui-icons_cd0a0a_256x240.png);
    vertical-align: middle;
}
    .expandCollapseIcon.expanded {
        background-position: -16px 48px;
    }
    .expandCollapseIcon.collapsed {
        background-position: 0 48px;
    }
#dsAccountPage .infoContainer.churchControl {
    border: none;
}
.dsCodeControlCol2 {
    text-align: center;
}
.dsCodeControlCol3 {
    width: 40%;
    margin-left: 6px;
}
#paymentOptions .revision {
    padding-bottom: 12px;
    border-bottom: 1px dashed #e5e5e5;
}
#paymentOptions .dsPaymentOptionsList {
    padding: 0 40px;
}
#paymentOptions .editHeader input[type='checkbox'] {
    width: auto;
    margin-left: 15px;
    text-align: left;
}
.dsPaymentOption .paymentoption-header a, .dsPaymentOption .paymentoption-header a:hover {
    display: inline-block;
    padding: 4px 8px;
    margin-left: 5px;
    vertical-align: middle;
}
.dsAccountPreferenceHeader {
    text-align: center;
}
.dsPreferencesLanguages .dsFormItem .dsFormLabel,
.dsPreferencesLanguages .dsFormItem .dsCodeControlCol3  {
    vertical-align: top;
}
.dsPreferencesNewsletter .dsFormItem .dsFormLabel {
    width: 38%;
}
.dsPreferencesNewsletter .dsFormItem .dsCodeControlCol3 {
    width: auto;
}
.dsGivingStatementBtn {
    margin: 0;
}
.dsGivingStatementPopup.ui-widget-content {
    border: 1px solid #ddd;
}
#payOptions .emptylist, .dsPaymentOptionsContainer .emptylist {
    text-align: center;
}

/*donation history*/
#divTransactionHistory .soCSSTableHeader * {
    font-size: 20px;
}
#divTransactionHistory ul.tabs.ui-tabs-nav li {
    padding: 5px 8px;
    margin: 3px 0;
    border: 1px solid #227aa5 !important;
    background: #227aa5;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    float: none;
    cursor: pointer;
}
    #divTransactionHistory ul.tabs.ui-tabs-nav li a {
        color: #fff;
        cursor: pointer;
    }
    #divTransactionHistory ul.tabs.ui-tabs-nav li:hover {
        background: #fff;
    }
    #divTransactionHistory ul.tabs.ui-tabs-nav li:hover a {
        color: #227aa5;
    }
#divTransactionHistory ul.tabs.ui-tabs-nav li.ui-tabs-selected {
    padding: 5px 8px;
    border: 1px solid #227aa5 !important;
    background: none;
    cursor: default;
}
    #divTransactionHistory ul.tabs.ui-tabs-nav li.ui-tabs-selected a {
        color: #227aa5;
        cursor: default;
    }
#divTransactionHistory ul.tabs.ui-tabs-nav {
    padding-bottom: 10px;
    text-align: center;
}
#divDonationHistory .PagedContainer {
    min-height: 30px;
    margin-bottom: 12px;
}
#divDonationHistory .col4 {
    float: right;
}
.ui-widget-content {
    border: none;
}
.dsHistoryRowButton a.soIdleBtn, .dsHistoryRowButton a.soIdleBtn:hover, .dsHistoryRowButton a.soIdleBtn:active {
    background: none;
    border: none;
    color: #227aa5;
}
    .dsHistoryRowButton a.soIdleBtn:before {
        content: none;
    }
.dsHistoryRowButton {
    display: inline-block;
}
#divProductPurchaseHistory tr {
    border-bottom: 1px solid #ddd;
}
#divProductPurchaseHistory th {
    font-size: 18px;
    text-align: center;
}
.dsHistoryTableTitle {
    margin: 0;
    font-size: 24px;
}
.soMakeAnotherDonationBtn {
    margin: 0;
    float: left;
}
.dsGivingStatementBtn, .dsGivingStatementBtnLabel {
    display: inline-block;
}
.dsGivingStatementBtnLabel {
    margin-right: 5px;
}
.infoTransactionHistoryContainer {
    background: #eee;
}
#MyCommitments .soCSSTableRow * {
    font-size: 13px;
}
#MyCommitments .soCSSTableRow.soCSSTableHeader * {
    font-size: 16px;
}
#MyCommitments .dsHistoryRowButton a {
    min-width: 90px;
    color: #227aa5;
}
    #MyCommitments .dsHistoryRowButton a:hover {
        text-decoration: underline;
    }
    #MyCommitments .soRecurringDonations .dsHistoryRowButton a {
        min-width: 0;
    }
#divSubscriptionHistory .col2,
#divSubscriptionHistory .col3,
#divSubscriptionHistory .col4 {
    text-align: center;
}
#divEventRegistrationHistory .dsorderitems th.soHeaderCol2,
#divEventRegistrationHistory .dsorderitems th.soHeaderCol3 {
    text-align: center;
}

/*receipt*/
/*giving statement*/
#GivingStatement .infoTitle {
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
}

/* Wishlist */
#wishListPage .dscol5 {
    width: auto;
    float: right;
}
#wishListPage .dsProducts {
    margin-bottom: 24px;
}
#wishListPage .dsProducts .dsCSSTableHeader {
    border-bottom: 1px dashed #ddd;
}
#wishListPage .dsProducts .dscol2 {
    overflow: hidden;
    text-overflow: ellipsis;
}
#wishListPage .dsProducts .dscol2 a {
    white-space: nowrap;
}

/* Product Grid */
.productGriditem {
    width: 280px;
    margin: 20px 8px;
    padding: 0;
    padding-bottom: 12px;
    background: #eee;
}
.productGridimage {
    height: 275px;
    padding-bottom: 12px;
    background: #fff;
}
    .productGridimage a {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .productGridimage img {
        height: 100%;
    }
    .productGriditem.shadow .productGriditemname, .productGriditem.shadow .productGridimage {
        box-shadow: 2px 2px 8px #999;
    }
.productGriditemname {
    height: 70px;
    padding: 10px 8px;
    margin: 0;
    font-size: 20px;
}
    .productGriditemname a {
        display: block;
        width: 100%;
        color: #52575D;
    }
    .productGriditemname a:before {
        content: '> ';
    }
.productGriditemprice {
    padding: 12px 0;
    color: #0095CF;
}
.productGridItemButton {
    width: 80%;
    min-height: 0;
    margin: 2px auto;
    text-align: center;
}
    .productGridItemButton a {
        width: 100%;
    }

/* Product List */
.dsentitygriditem {
    border-bottom: 1px dashed #ddd;
}
.dsentitygridimage {
    height: 300px;
    overflow: hidden;
    text-align: center;
}
.dsentitygridimage img {
    width: auto;
    max-width: 100%;
}

/* Product Detail */
.dsproductcontent {
    margin-bottom: 12px;
}
.dsproductimagecontainer {
    height: 350px;
    text-align: center;
    position: relative;
}
.dsproductimagecontainer div {
    width: 100%;
    height: 100%;
}
.dsproductimagecontainer .dsproductratingstars {
    height: auto;
    padding: 5px 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: opacity .2s;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
}
    .dsproductimagecontainer:hover .dsproductratingstars {
        opacity: .2;
        -moz-opacity: .2;
        transition: opacity .2s;
        -webkit-transition: opacity .2s;
        -moz-transition: opacity .2s;
        -o-transition: opacity .2s;
    }
    .dsproductratingstars .white-trans-bg {
        display: block;
        width: 100%;
        background: #fff;
        opacity: .8;
        -moz-opacity: .8;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .dsproductratingstars table {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
    }
    .dsproductratingstars table * {
        display: block;
    }
    .dsproductratingstars table td {
        display: inline-block;
        text-align: center;
    }
.dsproductimagecontainer img {
    width: auto;
    max-width: 100%;
    height: 100%;
}
.productGridItemPurchase {
    width: 80%;
    margin: 0;
    margin: 2px auto;
}
    .productGridItemPurchase a {
        width: 100%;
    }
.dsproductdescription {
    min-height: 100px;
}
#dsKitComponents .dscol4 {
    float: right;
}

/* Projects List */
.projectSearch input.soSearchButton[type="button"] {
    background-image: url(images/MagnifyingGlass2.png);
    background-color: #fff;
    border: none;
    cursor: pointer;
}
#projectsCatPage .dsentitygridimage img {
    width: auto;
}
.dsentitygridimage img {
    height: 100%;
    margin: 0 auto;
}
.soSearchContainer {
    padding: 8px 0;
    border-bottom: 1px dashed #e5e5e5;
}

/* Project Detail */
#soProjectDetailPage .dsproductdescription {
    clear: both;
}
.sogiftnote {
    text-align: center;
}
.sogiftnote > div {
    display: inline-block;
}
.soGiftNoteInput {
    width: 325px;
    margin-left: 8px;
}
    .soGiftNoteInput input {
        width: 100%;
    }

/* Pledge List */

/* Pledge Detail */
.dsPremiumImage {
    width: 100%;
    height: 250px;
}
.dsPremiumImage img {
    width: auto;
    height: 100%;
}

/* Sponsorship List */
.soSlideDownContainer {
    border-bottom: 1px dashed #e5e5e5;
}
.soSlideDown {
    background: none;
}
.soSlideDownContent {
    min-height: 50px;
    position: relative;
}
    .soContainerCloseBtn {
        position: absolute;
        top: 0;
        right: 0;
    }
.slideDownLinkContainer {
    background: none;
}
    .slideDownLinkContainer a {
        display: inline-block;
        padding: 7px 15px;
        background: #227aa5;
        border: 1px solid #227aa5;
        color: #fff;
        text-align: center;
        cursor: pointer;
    }
        .slideDownLinkContainer a:before {
            content: '> ';
        }
#soSponsor .infoHeader {
    margin-top: 12px;
}
.dsSearchResultImage {
    width: 100%;
    height: auto;
}
.dsSearchResultImage img {
    width: auto;
    height: 100%;
}
.dsSponsorshipResultsGridItem {
    padding: 0;
    padding-bottom: 8px;
    background: #e5e5e5;
}
.dsSponsorshipGridItemName a {
    font-size: 24px;
}
#soSponsorshipResultsGrid .dsSponsorshipGridItemButton,
#soSponsorshipResultsGrid .dsSearchResultSponsorshipDetails {
    display: inline-block;
}
.dsSponsorshipResultsGridItem {
    width: 375px;
}
.dsSponsorshipGridItemName {
    padding: 8px 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dsSponsorshipResultsGridItem .dsSponsorshipMonthlyAmount {
    color: #0095CF;
}
.dsSponsorshipResultsGridItem .soChildAttributes * {
    font-size: 14px;
}

/* Sponsorship Detail */
.soSponsorDetailSearchPanel {
    padding: 8px;
    margin: 20px 0;
    background: #e5e5e5;
}
.dsAnonymousDonation {
    margin-top: 12px;
}

/* Subscription Detail */
/* Event List */
.dsEventTopSearch {
    padding-bottom: 8px;
    border-bottom: 1px dashed #e5e5e5;
}
.dsEventTopSearch > span {
    display: inline-block;
    margin: 0 3px;
}
/* Event Detail */
.dsEventPriceAmt {
    color: #0095CF;
}
.soEventAvailability{
	display: none;
}
/*sessions*/
#soSessionsFilter {
    padding-top: 12px;
}
.soSessionsLeftCriteria {
    width: 250px;
}
.selectAll {
    padding-top: 8px;
    border-top: 1px solid #ddd;
}
.dseventsessions {
    text-align: center;
}
.dseventsessionsFilterDays {
    padding: 8px 0;
}
.dseventsessionsFilterDays * {
    font-size: 14px;
}
    .dseventsessionsFilterDays a {
        padding: 4px;
        margin: 0 4px;
        border: 1px solid #227aa5;
    }
.dseventsessiontable label {
    padding: 0;
}
.dseventsessionitem {
    display: inline-block;
    margin: 4px 15px;
    text-align: left;
}
.dseventsessiontable input[type='text'] {
    margin: 0 4px;
}
/* Catalog Details */

/* Cart */
.dsCartSummaryPanel > div {
    padding: 12px 0;
}
.dsCartSummaryPanel .dsCSSTableHeader {
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
}
.dsShoppingCartBottomButtonsNotes > .soShoppingCartBottomLeft, #dsShoppingCartSummary .soShoppingCartBottomLeft {
    display: block;
    width: auto;
    float: left;
    padding: 8px 0;
}
    .dsShoppingCartBottomButtonsNotes > .soShoppingCartBottomLeft span {
        display: inline-block;
    }
    .dsShoppingCartBottomButtonsNotes > .soShoppingCartBottomLeft input {
        width: 150px;
        display: inline-block;
    }
.dsShoppingCartBottomButtonsNotes > .soShoppingCartBottomright, #dsShoppingCartSummary .soShoppingCartBottomright {
    display: block;
    width: auto;
    float: none;
}
#dsShoppingCartSummary {
    padding: 8px 15px;
    background: #e5e5e5;
}
#dsShoppingCartSummary .soShoppingCartBottomLeft {
    padding: 0;
}
.soShoppingCartBottomright .dsCSSTable {
    text-align: right;
}
    .soShoppingCartBottomright .dsCSSTableRow {
        padding: 0 5px;
    }
.dsCartSummarySubTotals .col1 {
    width: auto;
}
.dsCartSummarySubTotals .col2 {
    width: 125px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
    .dsCartSummarySubTotals .col2 * {
        color: #227aa5;
        font-weight: bold;
    }
.dsCartSummaryPanel .dscol5,
.dsCartSummaryPanel .dsSubscriptions .dscol6 {
    float: right;
}
    .dsCartSummaryPanel .dsSubscriptions .dscol5 {
        float: none;
    }
.dsCartSummaryPanel .dscol2 {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dsCartSummaryPanel .dscol2 a {
    font-weight: bold;
    font-size: 18px;
    white-space: nowrap;
}
.soDownloadCart {
    margin-left: 4px;
}
    .soDownloadCart:before {
        content: '(';
    }
    .soDownloadCart:after {
        content: ')';
    }
.soAddtoCartDialog .soAdditionalProducts {
    margin-top: 12px;
}

/* Checkout */
.dsProductsShippingGroup .dscol5 {
    float: right;
}
#soCheckoutShipping .soShoppingCartBottomright {
    padding: 8px 2px;
    background: #e5e5e5;
}
#dsCheckoutPaymentPage #dsShoppingCartSummary {
    width: 100%;
}
.dsCartSummarySubTotals .dsCartTotalCaption, .dsCartSummarySubTotals .dsCartTotal {
    font-weight: bolder;
    font-size: 20px;
    color: #0095CF;
}
.dsShippingMultiDetails .dsShippingInfoSubtitle {
    color: #0095CF;
}
.dsShippingMultiDetails.infoHeader {
    border: none;
}
.dsProductsShippingGroup .dsCSSTableHeader {
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
}
#pnlOrderSummary > div {
    padding: 12px 0;
}
#pnlOrderSummary .dsCSSTableHeader {
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
}
#pnlOrderSummary .dsEvents .dscol5,
#pnlOrderSummary .dsProducts .dscol5,
#pnlOrderSummary .dsOneTimeDonations .dscol5,
#pnlOrderSummary .dsRecurringDonations .dscol5,
#pnlOrderSummary .dsSubscriptions .dscol6 {
    float: right;
}
#dsCheckoutReviewPage #dsShoppingCartSummary {
    float: none;
    width: 100%;
}
#pnlOrderSummary .dsSubscriptions .dscol2 {
    width: 36%;
}
#dsCheckoutReviewPage .dsOneTimeDonations .dscol2 {
    width: auto;
}

.dsRecurringDonations .dscol2, #dsCheckoutPaymentPage .dsRecurringDonations .dscol2, #dsCheckoutReviewPage .dsRecurringDonations .dscol2{
    width: 34%;
}
.dsRecurringDonations .dscol3, #dsCheckoutPaymentPage .dsRecurringDonations .dscol3, #dsCheckoutReviewPage .dsRecurringDonations .dscol3{
    width: 10%;
}
.dsRecurringDonations .dscol4, #dsCheckoutPaymentPage .dsRecurringDonations .dscol4, #dsCheckoutReviewPage .dsRecurringDonations .dscol4{
    width: 30%;
}

/* Anonymous Checkout */
#dsAnonymousCheckoutPage .infoHeader {
    border: none;
}
#dsAnonymousCheckoutPage .ui-state-active .ui-icon {
    background-image: url(images/ui-icons_FFFFFF_256x240.png);
    background-position: -64px 0 !important;
}
#dsAnonymousCheckoutPage .ui-state-default .ui-icon {
    background-image: url(images/ui-icons_FFFFFF_256x240.png);
    background-position: -32px 0 !important;
}
.ui-accordion .ui-accordion-header {
    background: #DF7B21;
    border: none;
    outline: none;
}

/* Search */
#dsSearchPage .infoHeader {
    margin-top: 12px;
}
#dsSearchPage .dssearchcriteria .dssearchtype,
#dsSearchPage .dssearchcriteria .dsproducttype {
    width: 80%;
    margin: 8px auto;
    padding: 5px;
    border: 1px solid #e5e5e5;
}
    #dsSearchPage .dssearchcriteria .dsproducttype table {
        width: 100%;
        text-align: center;
    }
    #dsSearchPage .dssearchcriteria td {
        width: 20%;
    }
        #dsSearchPage .dssearchcriteria td * {
            font-size: 16px;
        }
#dsSearchResultsArea .soSearchResultsItem {
    min-height: 325px;
    border-bottom: 1px dashed #e5e5e5;
}
#dsSearchResultsArea .dsentitygridname a, #dsSearchResultsArea .dsentitygridname a span {
    padding: 8px 0;
    font-size: 24px;
    color: #227aa5;
}
#dsSearchResultsArea .dsentitygridsummary {
    padding: 8px;
}
#dsSearchResultsArea {
    padding-top: 12px;
    border-top: 1px solid #ddd;
}

/* Event Search */

/* My Groups*/
.soCreateGroupPhoneNumber span, .soPhoneType span {
    width: 38%;
}

/* My Sponsorships */
.soMySponsorships .PageButtons {
    padding: 12px 0;
    text-align: center;
}
.soMySponsorships .PageButtonsRow > div {
    display: inline-block;
    margin: 4px 12px;
}
.soMySponsorships .Header {
    padding: 12px 0;
}
    .soMySponsorships .Header * {
        font-size: 18px;
    }
.soMySponsorships .Item {
    padding: 12px 0;
    border-bottom: 1px dashed #e5e5e5;
}
    .soMySponsorships .Item .ui-tabs {
        background: #e5e5e5;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
    }
    .soMySponsorships .Item .Attributes .Amount {
        color: #0095CF;
    }
.soMySponsorships .Image {
    height: 250px;
}
    .soMySponsorships .Image div {
        height: 100%;
        margin: 0 auto;
    }
.soMySponsorships .Footer .infoContainer {
    min-height: 0;
    padding: 0 8px;
}
.soMySponsorships .Image img {
    display: block;
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}
.soMySponsorships .ui-tabs .ui-tabs-nav {
    padding: 8px 4px;
    border-bottom: 1px solid #bbb;
}
.soMySponsorships .ui-tabs .ui-tabs-nav li {
    padding-bottom: 0;
    background: #227aa5;
    border: 1px solid #227aa5 !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    outline: none;
    cursor: pointer;
}
    .soMySponsorships .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
        padding-bottom: 0;
    }
.soMySponsorships .ui-tabs .ui-tabs-nav li.ui-state-active {
    background: none;
}
    .soMySponsorships .ui-tabs .ui-tabs-nav li.ui-state-active a {
        color: #227aa5;
    }

/* My Causes */
/* My Balances */
span[id$='NoOutstandingBalances'] {
    display: block;
    padding: 12px 0;
    text-align: center;
}
#soMyBalancesPage .soBalanceHeaders {
    margin-bottom: 12px;
}
.soMyBalancesDetailTable {
    padding: 8px 4px;
    margin: 0;
    background: #f7f7f7;
}

/* My Pledges */
#dsPledgesPage .infoHeader {
    margin-top: 12px;
}
#pledgesHistoryTable th {
    text-align: center;
}
#pledgesHistoryTable th.dsTableAmountColumn {
    text-align: center;
}
#pledgesHistoryTable th.dsTableNameColumn {
    text-align: left;
}
#pledgesHistoryTable th.dsTableAmountGiven {
    text-align: right;
}
#pledgesHistoryTable td.dsTableDonationColumn,
#pledgesHistoryTable td.dsTableAmountPledged {
    text-align: center;
}
#pledgesHistoryTable td.dsTableAmountGiven {
    text-align: right;
}

/* My Events */
.SOMyEvents .ui-tabs .ui-tabs-nav {
    padding: 8px 4px;
}
.SOMyEvents .ui-tabs .ui-tabs-nav li {
    padding-bottom: 0;
    background: #227aa5;
    border: 1px solid #227aa5 !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    outline: none;
    cursor: pointer;
}
    .SOMyEvents .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
        padding-bottom: 0;
    }
.SOMyEvents .ui-tabs .ui-tabs-nav li.ui-state-active {
    background: none;
}
    .SOMyEvents .ui-tabs .ui-tabs-nav li.ui-state-active a {
        color: #227aa5;
    }

.SOMyEvents .dsorderitems .col2,
.SOMyEvents .dsorderitems .col3,
.SOMyEvents .dsorderitems .col4,
.SOMyEvents .dsorderitems .col5, 
.SOMyEvents .dsorderitems .col6 {
    text-align: center;
}
.SOMyEvents .col7 a.soIdleBtn:before {
    content: none;
}

/* Contact Us */

/* OTHER */
#soFrontPageFeatures > div {
    text-align: center;
}
.soFrontPageFeatureItem .Feature-Secondary-Item-Image {
    height: 275px;
    padding-bottom: 12px;
}
#soFrontPageFeatures .infoHeader {
    text-align: left;
    position: relative;
}
    #soFrontPageFeatures .infoHeader .viewAllLink {
        position: absolute;
        bottom: 6px;
        right: 8px;
    }
    #soFrontPageFeatures .infoHeader .viewAllLink a {
        display: inline-block;
        padding: 4px 15px;
        background: #227aa5;
        border: 1px solid #227aa5;
        color: #fff;
        text-align: center;
        cursor: pointer;
    }
.soFrontPageFeatureItem {
    padding: 8px;
}
.soFrontPageFeatureItem .Feature-Secondary-Item-Image {
    background: #fff;
}
#soFrontPageFeatures .Feature-Secondary-Item {
    padding-bottom: 12px;
    background: #e5e5e5;
}
#soFrontPageFeatures .Feature-Secondary-Item .Feature-Secondary-Item-Info-Name {
    padding: 4px 8px;
}
    #soFrontPageFeatures .Feature-Secondary-Item .Feature-Secondary-Item-Info-Name h4 {
        height: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #soFrontPageFeatures .Feature-Secondary-Item .Feature-Secondary-Item-Info-Name a {
        white-space: nowrap;
    }
#soFrontPageFeatures .Feature-Secondary-Item .Feature-Secondary-Item-Info-Description {
    height: 55px;
    padding: 8px;
    text-align: center;
}
#soFrontPageFeatures .Feature-Secondary-Item .Feature-Secondary-Item-Info-Cart-Button {
    padding: 8px 0;
}
    .Feature-Secondary-Item .soPriceAmt {
        font-size: 24px;
        color: #0095CF;
        vertical-align: bottom;
    }
    .soFrontPageFeatureItem .dsproductprice span {
        padding-bottom: 3px;
        vertical-align: middle;
    }
.hiddenColumnsText a {
    vertical-align: bottom;
}

#soEventSearch .infoHeader,
#soEventSearch .dsentitygriditem {
    position: static;
}
.eventFeaturedItem {
    border-bottom: none;
}
#eventFeaturePanel .eventFeaturedItemImage {
    width: auto;
    height: 250px;
}
#eventFeaturePanel .eventFeaturedItemImage img {
    width: auto;
    height: 100%;
    margin: 0 auto;
}
#eventFeaturePanel .eventFeaturedItemButton {
    text-align: center;
}
#soEventSearch .dsentitygridbutton {
    width: auto;
}
#soEventSearch .dsentitygridimage {
    width: 20%;
    height: 150px;
}
.eventSearchByDate * {
    text-align: left;
}

/** MEDIA QUERIES **/
/*1300*/
@media (max-width: 1300px) {
    #topheader {
        padding: 0 8px 20px 8px;
    }
    .footer-left {
        width: 30%;
        left: 8px;
    }
        .footer-left .footer-col {
            width: 47%;
            margin: 0 2px;
        }
    .footer-right {
        width: 30%;
        right: 8px;
    }
        .footer-right .footer-col {
            width: 46%;
            margin: 0 2px;
        }
    .footer-center {
        width: 35%;
    }
    .footer-affiliate > * {
        display: block;
    }
    .footer-affiliate {
        text-align: center;
    }
        .affiliate-label {
            width: auto;
        }
        .affiliate-logo {
            width: auto;
            text-align: center;
        }

    #soContent {
        padding: 8px 12px;
    }

    .soSubscribeWidgetContainer input.subscribe-firstname,
    .soSubscribeWidgetContainer input.subscribe-lastname {
        width: 49%;
    }
}

/*1220*/
@media (max-width: 1220px) {
    #topheader {
        text-align: center;
    }
    #topheader > div {
        display: block;
    }
    .header-logo {
        margin: 5px auto;
        margin-top: 0;
        padding-top: 8px;
    }
    .dsSlider, .dsSlider .sliderimg, .dsSlider .sliderimg img {
        height: 475px;
    }
    .soSideSearchContainer {
        margin: 12px 0;
    }
    #topheader div.header-nav-container {
        display: block;
        text-align: center;
        position: relative;
        top: auto;
        right: auto;
    }
    .soSubscribeWidgetTitle {
        text-align: center;
    }
    .soSubscribeWidgetTitle span {
        width: auto;
        text-align: center;
    }

    #dsAccountPage .topButtons, #dsAccountPage .updateAccountTopButtons {
        margin: 3px 0;
        text-align: center;
        float: none;
    }
        #dsAccountPage .updateAccountTopButtons {
            margin-top: 12px;
        }

    #dsSigninPage .dsloginpanel, #dsSigninPage .dsRightColumn {
        width: 47%;
    }
    #dsSigninPage {
        min-height: 600px;
    }

    #divSubscribeWidgetOptions {
        margin-top: 35px;
    }
    .soSubscribeWidgetContainer {
        height: 350px;
    }
    .soSubscribeWidgetContainer > span.soSubscribeWidgetErrorMsg {
        margin-top: 35px;
    }
}

/*1024*/
@media (max-width: 1024px) {
    #soTopNav {
        padding: 5px 0;
        left: 0;
        right: 0;
        text-align: center;
    }
    #topheader {
        padding-top: 30px;
    }
    .navItems {
        margin: 0;
    }
    .soSideSearchContainer input[type='text'] {
        margin: 0 auto;
    }

    #MyCommitments .soCSSTableRow.soCSSTableHeader * {
        font-size: 14px;
    }

    .soFrontPageFeatureItem .Feature-Secondary-Item-Image {
        height: 225px;
    }

    #dsSearchPage .dssearchcriteria .dssearchtype,
    #dsSearchPage .dssearchcriteria .dsproducttype {
        width: 90%;
    }
}

/*1000*/
@media (max-width: 1000px) {
    .entityGridActions .dsentitygridbutton {
        display: inline-block;
    }

    .dsSlider {
        display: block;
        height: 450px;
    }
    .dsSlider .sliderimg {
        height: 450px;
    }

    #pnlOrderSummary .dsCSSTableHeader * {
        font-size: 18px;
    }
    #pnlOrderSummary .dsCSSTableRow * {
        font-size: 16px;
    }

    .checkoutReviewInfo .billingInfo, .checkoutReviewInfo .paymentInfo {
        display: block;
        width: auto;
        padding: 5px 0;
        margin: 5px auto;
        text-align: center;
    }
    #dsCheckoutReviewPage .shipping {
        text-align: center;
    }

    #eventTopPanel {
        text-align: center;
    }
    #soMapCanvas {
        width: 95%;
        margin: 0 auto;
    }
    #eventFeaturePanel .infoHeader *,
    .eventListPanel .infoHeader * {
        font-size: 18px;
    }

    #dsSearchPage .dssearchcriteria .dssearchtype,
    #dsSearchPage .dssearchcriteria .dsproducttype {
        width: 100%;
    }
        #dsSearchPage .dssearchcriteria td input,
        #dsSearchPage .dssearchcriteria td label {
            margin: 0;
            padding: 0;
        }
}

/*940*/
@media (max-width: 940px) {
    .footer-left .footer-col, .footer-right .footer-col {
        display: block;
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }
    ul.footer-menu {
        margin-bottom: 15px;
    }
    .footer-menu > a {
        margin-bottom: 3px;
    }
    .footermenu-item {
        padding: 0;
    }
    .footer-bottom {
        padding-bottom: 5px;
    }

    .dsOrderHistoryActionButtons {
        text-align: center;
    }
        .soMakeAnotherDonationBtn {
            float: none;
        }

    .dsproductimagecontainer {
        height: 250px;
    }

    .soFrontPageFeatureItem {
        width: 45%;
    }

    .dsPreferencesNewsletter .dsFormLabel {
        width: auto;
    }

    .soSubscribeWidgetTitle span.soSubscribeWidgetTitle * {
        font-size: 14px;
    }
    #divSubscribeWidgetOptions * {
        font-size: 16px;
    }
    .soSubscribeWidgetOptions .soSubscribeWidgetErrorMsg {
        padding: 0;
    }
    .soSubscribeWidgetContainer > span.soSubscribeWidgetErrorMsg {
        margin-top: 25px;
    }
}

/*900*/
@media (max-width: 900px) {
    .dsSlider, .dsSlider .sliderimg, .dsSlider .sliderimg img {
        height: 400px;
    }

    .dsCartSummaryPanel {
        font-size: 16px;
    }
    .dsCartSummaryPanel .dsCSSTableHeader h4 {
        font-size: 18px;
    }
    .dsCartSummaryPanel .dscol2 a {
        font-weight: normal;
        font-size: 16px;
    }
    #soCheckoutShipping .dsProducts * {
        font-size: 16px;
    }

    #breadcrumb * {
        font-size: 16px;
    }

    #divProductPurchaseHistory th {
        font-size: 16px;
    }

    #wishListPage .dsProducts * {
        font-size: 16px;
    }
    #wishListPage .dsProducts .dscol2 {
        width: 35%;
    }
        #wishListPage .dsProducts a.soActionBtn {
            padding: 0;
            background: none;
            border: none;
            color: #227aa5;
        }

    #divTransactionHistory ul.tabs.ui-tabs-nav li a, ul.tabs li a {
        font-size: 18px;
    }

    .soBalanceHeaders * {
        font-size: 16px;
    }
    #soMyBalancesPage .soCol1 {
        width: 40%;
    }

    #soSideBarMenu {
        width: 0;
    }
    #soContent {
        width: 100%;
    }
    #soSideBarMenu .soSidebarIcon {
        display: block;
    }
    #soSideBarMenu .soSidebarWrapper {
        width: 0;
        padding: 0;
        background: #fff;
        border-bottom: 1px solid #aaa;
        position: absolute;
        top: 30px;
        left: 0;
        overflow: hidden;
        z-index: 2;
        transition: width 1s;
        -webkit-transition: width 1s;
        -moz-transition: width 1s;
        -o-transition: width 1s;
    }
        #soSideBarMenu .soSidebarWrapper.open {
            width: 100%;
            transition: width 1s;
            -webkit-transition: width 1s;
            -moz-transition: width 1s;
            -o-transition: width 1s;
        }
    #soSideBarMenu .sidebarClose {
        display: block;
    }
    .soSubscribeWidgetTitle span {
        font-size: 14px;
    }
}

/*840*/
@media (max-width: 840px) {
    .dsSlider {
        height: 400px;
    }
    #eventFeaturePanel {
        display: none;
    }
    .eventListPanel {
        width: 100%;
    }
    .dsentityeventlocationpanel {
        float: right;
        border: none;
        border-left: 1px solid #999;
        padding-left: 10px;
        margin-left: 10px;
        width: 200px;
    }
}

/*800*/
@media (max-width: 800px) {
    .footer-wrapper {
        height: auto;
        padding: 0 8px;
    }
    .footer-top {
        margin-top: 0;
        padding-top: 8px;
        text-align: center;
    }
    .footer-right, .footer-left {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
    }
        .footer-col {
            width: 23%;
            text-align: left;
        }
    .footer-center {
        width: 100%;
    }
        .footer-social {
            margin-top: 12px;
            padding: 12px;
            border: none;
            border-top: 1px dashed #aaa;
        }
        .footer-affiliate {
            margin: 8px 0;
        }
    .footer-bottom {
        padding: 5px 0;
        margin-top: 5px;
        border-top: 1px dashed #e5e5e5;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
    }
    #breadcrumb {
        height: auto;
    }

    .dsOneTimeDonations .dscol2 {
        width: 72%;
    }
    .dsOneTimeDonations .dscol5 {
        width: 20%;
    }

    #dsSigninPage .dsloginpanel, #dsSigninPage .dsRightColumn {
        display: block;
        width: 100%;
        float: none;
    }
    #dsAccountPage .topButtons > div {
        margin: 4px;
    }

    #soEventSearch .dsentitygridinfo {
        width: 74%;
    }
    .eventListPanel * {
        font-size: 16px;
    }

    #divSubscribeWidgetOptions {
        margin: 0;
    }
    .soSubscribeWidgetContainer > span.soSubscribeWidgetErrorMsg {
        margin: 0;
    }
    .soSubscribeWidgetOptions .soSubscribeWidgetErrorMsg {
        padding-top: 10px;
    }
    .soSubscribeWidgetTitle img {
        display: none;
    }
    .soSubscribeWidgetContainer > .soSubscribeWidgetErrorMsg {
        top: 210px;
    }
    .soSubscribeWidgetOptions {
        top: 180px;
    }
    .soSubscribeWidgetTitle {
        height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .soSubscribeWidgetContainer {
        max-width: none;
    }
}

/*750*/
@media (max-width: 750px) {
    .dsSlider, .dsSlider .sliderimg, .dsSlider .sliderimg img {
        height: 350px;
    }

    #soHeaderMobile {
        display: block;
    }
    #soHeader{
        display: none;
    }
    .soPopupWindow {
        left: auto;
        right: 30px;
        top: 35px;
    }
    #soHeaderMobile  #soMiniCartMobile a.soActionBtn {
        color: #fff;
    }
        #soHeaderMobile  #soMiniCartMobile a.soActionBtn:hover {
            color: #227aa5;
        }
    #soHeaderMobile  #soMiniCartMobile a.soIdleBtn {
        color: #227aa5;
    }
        #soHeaderMobile  #soMiniCartMobile a.soIdleBtn:hover {
            color: #fff;
        }
}

/*720*/
@media (max-width: 720px) {
    #soTopNav {
        padding-right: 0;
        text-align: center;
        position: relative;
        top: auto;
    }
    #soHeaderMobile .mobile-nav *,
    #mobileNav .navItems * {
        font-size: 16px;
    }
    #socialmedia-menu, #socialmedia-menu .icons-wrapper {
        height: 72px;
    }
    .soSideSearchContainer {
        margin: 0;
    }

    #soCheckoutContent {
        display: block;
        width: 100%;
    }
    #soCheckoutSidebar {
        display: none;
    }

    #dsAccountPage .infoContainer {
        padding: 8px 0;
    }

    .dsKitItemCell.dscol1 {
        width: 45%;
    }
    .dsKitItemCell.dscol3, .dsKitItemCell.dscol4 {
        width: auto;
    }

    .sortandLayout .sorter, .sortandLayout .layout {
        display: block;
        text-align: center;
        float: none;
    }
    .sort-group {
        display: block;
        margin-bottom: 8px;
    }
    .sortandLayout .btn {
        display: inline-block;
        min-width: 250px;
    }
    .sortandLayout .label {
        display: inline-block;
        width: auto;
        text-align: right;
    }
    .dsentitygridimage {
        height: 200px;
    }
    .dsproductimagecontainer {
        height: 200px;
        min-width: 0;
    }
    .soSessionsLeftCriteria {
        width: auto;
    }

    .sogiftnote > div {
        display: block;
    }
        .soGiftNoteInput {
            margin: auto;
        }
    .dsPremiumItem {
        width: 45%;
    }
    #dsSearchPage .dssearchcriteria td {
        width: auto;
    }

    #dsSearchResultsArea .soSearchResultsItem {
        min-height: 225px;
    }
}

/*640*/
@media (max-width: 640px) {
    .dsSlider, .dsSlider .sliderimg, .dsSlider .sliderimg img {
        height: 300px;
    }
    #pix_prev, #pix_next {
        width: 50px;
        height: 50px;
    }
    #soContent {
        padding-top: 20px;
    }
    #soContent.nosidebar {
        padding-top: 0;
    }

    .header-nav-item {
        margin: 0 5px;
    }
    #soHeaderMobile .mobile-nav *,
    #mobileNav .navItems * {
        font-size: 14px;
    }
    #mobileNav {
        padding: 8px 3px;
    }
    .mobile-nav-container {
        padding: 12px 4px;
    }
    .mobilemenu-cons {
        width: 47%;
    }
        .mobilemenu-cons a {
            margin-left: 12px;
        }
    #socialmedia-menu, #socialmedia-menu .icons-wrapper {
        height: 62px;
    }
    #soTopSearch.open {
        height: 60px;
    }
    #soTopSearch input {
        font-size: 36px;
    }

    #soCartLink {
        position: static;
    }
    .soPopupWindow {
        width: auto;
        left: 30px;
    }

    #paymentOptions .dsPaymentOptionsList {
        padding: 0;
    }
    .dsPaymentOption {
        display: block;
        width: 100%;
    }

    .dsTableButtonsColumn a.soIdleBtn, .dsTableButtonsColumn a.soIdleBtn:hover {
        padding: 8px 3px;
        color: #227aa5;
    }

    .dsproductimagecontainer {
        height: 150px;
    }
    .soSessionsLeftCriteria, .soSessionsRightCriteria {
        display: block;
        margin: 8px 0;
        text-align: center;
    }
        .soSessionsLeftCriteria li {
            display: inline-block;
            margin: 4px 12px;
        }
    .dsPremiumItem {
        width: 40%;
    }
    .dsPremiumImage {
        height: 200px;
    }

    .soSponsorDetailSearchPanelContent .dssearchterm > *,
    #soSponsor .dssearchterm > * {
        display: block;
    }
        .soSponsorDetailSearchPanelContent .dssearchterm input,
        #soSponsor .dssearchterm input {
            display: block;
            width: 75%;
            margin: 4px auto;
        }

    .dsShoppingCartBottomButtonsNotes > .soShoppingCartBottomLeft, #dsShoppingCartSummary .soShoppingCartBottomLeft {
        float: none;
        text-align: center;
    }
    .dsShoppingCartBottomButtonsNotes > .soShoppingCartBottomLeft input {
        width: auto;
    }
    .soShoppingCartBottomright .dsUpdateCartButton {
        text-align: center;
    }
    .soShoppingCartBottomright .bottomButtons {
        text-align: center;   
    }

    #dsShoppingCartPage #dsShoppingCartSummary > .soShoppingCartBottomright .dsCSSTableRow{
        text-align: center;
    }
    .dsCartSummarySubTotals .col2 {
        width: auto;
        float: none;
    }

    #soFrontPageFeatures .Feature-Secondary-Item .Feature-Secondary-Item-Info-Name a {
        font-size: 18px;
    }

    #breadcrumb * {
        padding: 4px;
        font-size: 14px;
    }

    #pnlOrderSummary .dsCSSTableHeader * {
        font-size: 16px;
    }
    #pnlOrderSummary  .dsCSSTableRow * {
        font-size: 14px;
    }

    #dsSearchPage .dssearchcriteria .dssearchtype,
    #dsSearchPage .dssearchcriteria .dsproducttype {
        display: inline-block;
        width: 46%;
        padding: 8px;
        margin: 0 8px;
        border: none;
    }
        #dsSearchPage .dssearchcriteria table td {
            display: block;
            width: 100%;
            text-align: center;
            overflow: hidden;
            white-space: nowrap;
        }
        #dsSearchPage .dssearchcriteria td input {
            margin-right: 2px;
        }

    #soFrontPageFeatures .infoHeader {
        margin-top: 20px;
        text-align: center;
    }
    #soFrontPageFeatures .infoHeader h3 {
        display: block;
        text-align: center;
    }
    #soFrontPageFeatures .infoHeader .viewAllLink {
        display: block;
        margin: 4px 0;
        position: relative;
        bottom: auto;
        right: auto;
    }

    #wishListPage .dsProducts .dscol2 {
        width: 45%;
    }
    #wishListPage .dsProducts .dscol3 {
        width: 20%;
    }
    #wishListPage .dsProducts .dscol4 {
        display: none;
    }

    #divTransactionHistory ul.tabs.ui-tabs-nav li a, ul.tabs li a {
        font-size: 16px;
    }

    #soMyBalancesPage .soCol2 {
        width: 18%;
    }
    #soMyBalancesPage .soCol3 {
        width: 20%;
    }

    #soEventSearch .dsentitygridinfo {
        display: block;
        width: 100%;
    }
    #soEventSearch .dsentitygridimage {
        width: 100%;
        height: 275px;
        margin-bottom: 12px;
    }
    .dsentityeventlocationpanel {
        width: auto;
        margin: 4px 0;
        border: none;
        border-bottom: 1px solid #999;
        float: none;
    }

    .soSubscribeWidgetOptions {
        top: 180px;
    }
}

/*600*/
@media (max-width: 600px) {
    
}

/*540*/
@media (max-width: 540px) {
    .dsSlider, .dsSlider .sliderimg, .dsSlider .sliderimg img {
        height: 250px;
    }
    .mobileTopNav {
        padding-bottom: 12px;
        text-align: center;
    }
    .mobile-nav-container {
        padding: 4px;
        float: none;
    }
    #mobileNav {
        width: 50%;
        margin: 0 auto;
        padding: 8px 12px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        float: none;
    }
    #soTopSearch.open {
        height: 50px;
    }
    #soTopSearch input {
        font-size: 28px;
    }
    .soPopupWindow {
        top: 30px;
    }

    div[id$='pnlContent'] {
        padding-bottom: 100px;
    }

    #dsKitComponents .dsCSSTableRow * {
        font-size: 14px;
    }
    .dsTableButtonsColumn a.soIdleBtn, .dsTableButtonsColumn a.soIdleBtn:hover {
        padding: 15px 0;
    }
    #divDonationHistory .dsTableNameColumn {
        width: 40%;
    }

    .dsCartSummaryPanel {
        font-size: 14px;
    }
    .dsCartSummaryPanel .dsCSSTableHeader h4 {
        font-size: 16px;
    }
    .dsCartSummaryPanel .dscol2 a {
        font-size: 14px;
    }
    #soCheckoutShipping .dsProducts * {
        font-size: 14px;
    }

    #dsSearchPage .dssearchcriteria .dssearchtype,
    #dsSearchPage .dssearchcriteria .dsproducttype {
        display: block;
        width: 100%;
        margin: 8px 0;
    }
        #dsSearchPage .dssearchcriteria .dssearchtype {
            border-bottom: 1px solid #bbb;
        }
        .dsproducttype table td {
            margin: 5px 0;
        }
    .dssearchterm input {
        width: 100%;
    }

    #wishListPage .dsProducts .dscol2 {
        width: 40%;
    }
}

/*480*/
@media (max-width: 480px) {
    #mobileNav {
        width: 70%;
        padding: 4px;
    }
    #soHeaderMobile .header-logo {
        width: 55%;
    }
    .mobilemenu-cons {
        width: 42%;
    }
    .mobilemenu-cons {
        margin: 0;
        padding-right: 12px;
        text-align: right;
    }
    .mobilemenu-cons a {
        width: 40%;
    }

    .footer-col {
        width: 47%;
    }

    .dsentitygridimage {
        height: 150px;
    }

    .sortandLayout * {
        font-size: 14px;
    }

    .dsproductimagecontainer {
        width: 100%;
        height: auto;
    }
    .dsproductimagecontainer img {
        width: 100%;
        height: auto;
    }

    .dsPremiumItem {
        width: 45%;
    }
    .dsPremiumImage {
        height: 175px;
    }
    .soSponsorSearchButton a {
        display: block;
        width: 75%;
        margin: 3px auto;
    }

    .dsRecurringDonations .dscol4 {
        width: 27%;
    }
    .dsEvents .dscol4 {
        width: 34%;
    }

    .soFrontPageFeatureItem {
        width: 100%;
    }
    .soFrontPageFeatureItem .Feature-Secondary-Item-Image {
        height: 275px;
    }

    #pnlOrderSummary .dsSubscriptions .dscol2 {
        width: 38%;
    }
    #divSubscriptionHistory .col4 {
        display: none;
    }

    #wishListPage .dsProducts * {
        font-size: 14px;
    }
    #wishListPage .dsProducts .dscol2 {
        width: 50%;
    }
    #wishListPage .dsProducts .dscol3 {
        display: none;
    }

    #soMyBalancesPage .soCol2 {
        width: 20%;
    }
    #soMyBalancesPage .soCol1 {
        width: 35%;
    }
}

/*440*/
@media (max-width: 440px) {
    .header-logo {
        width: 100%;
        height: auto;
    }
    #socialmedia-menu, #socialmedia-menu .icons-wrapper {
        height: 52px;
    }
}

/*420*/
@media (max-width: 420px) {
    .dsSlider, .dsSlider .sliderimg, .dsSlider .sliderimg img {
        height: 200px;
    }
    #socialmedia-menu, #socialmedia-menu .icons-wrapper {
        width: 100px;
        height: 475px;
    }
    #socialmedia-menu .icons-wrapper {
        padding: 0 8px;
    }
    #socialmedia-menu .icons-wrapper a {
        display: block;
        width: 82px;
        margin: 12px 0;
    }
    .soPopupWindow {
        left: 0;
        right: 0;
    }
}

/*400*/
@media (max-width: 400px) {
    .footer-col {
        width: 180px;
        height: auto;
    }
        ul.footer-menu > a {
            text-align: center;
        }

    #MyCommitments .soWithSubHeader {
        margin-right: 2px;
    }

    .dsentitygridimage {
        height: 175px;
    }

    .sortandLayout .btn {
        min-width: 0;
        margin-left: 5px;
    }

    .dsPremiumItem {
        width: 95%;
    }

    .infoContainer {
        padding: 4px;
    }

    .soShoppingCartBottomright .dsCartSummarySubTotals .col2 {
        width: auto;
    }
    .dsEvents .dscol4 {
        display: none;
    }
    .SOMyEvents .dsorderitems .col5 {
        display: none;
    }
    .mobilemenu-cons a {
        width: 38%;
        margin-left: 5px;
    }
}

/*320*/
@media (max-width: 320px) {

}

/* temporary styles for content placeholders */

/*checkout sidebar*/
.checkout-sidebar > div {
    padding: 12px 0;
    margin: 4px 0;
}
.checkout-sidebar h3 {
    color: #227aa5;
}
.checkout-sidebar a.soIdleBtn {
    display: block;
    width: 80%;
    margin: 0 auto;
    margin-top: 12px;
    text-align: center;
}

/*product sidebars*/
#soSideBarMenu .sidebarContent {
    padding: 8px;
}
    #soSideBarMenu h4 {
        margin-bottom: 20px;
        border-bottom: 1px dashed #ddd;
    }
    #soSideBarMenu .sidebarnav {
        text-align: center;
    }
    #soSideBarMenu .sidenav-item {
        margin: 2px 0;
        background: #ddd;
    }
        #soSideBarMenu .sidenav-item:hover {
            background: #eee;
        }

/*default page custom*/
.custom-container .custom-header h5 {
    display: inline-block;
    padding: 8px 0;
}
.custom-container .custom-header a {
    float: right;
}
.custom-content {
    margin: 8px 0;
    text-align: center;
    clear: both;
}
.custom-content a {
    margin: 0 12px;
}
.ad-container > div {
    display: inline-block;
    width: 46%;
    margin: 8px;
    border: 1px solid #ddd;
}
.ad-container .tv-header,
.ad-container .radio-header {
    padding: 4px;
    background: #3B4245;
}
    .ad-container .tv-header *,
    .ad-container .radio-header * {
        color: #fff;
    }
.ad-container .tv-img,
.ad-container .radio-img {
    margin: 5px;
}
.ad-container .tv-desc,
.ad-container .radio-desc {
    width: 55%;
}
.ad-container .tv-content > div,
.ad-container .radio-content > div {
    display: inline-block;
}
.clientContent {
    padding: 8px 0;
    background: #3c4147;
    overflow: hidden;
}
.store, .quote {
    display: inline-block;
}
.store {
    padding: 0 12px;
    font-size: 64px;
    font-weight: bold;
}