@charset "UTF-8";
/* Style Name: homepagestyles
Author: Brandon Cozart
Author URI: 
Description: 
*/

#alertbar {
    position: relative;
    display: flex;
    margin: 0;
    padding: 12px;
    width: 100%;
    height: auto;
    align-items: center;
    z-index: 10000;
    justify-content: center;
}

    #alertbar.danger-red {
        background: #f04f4e;
    }

    #alertbar.caution-yellow {
        background: #fff202;
    }

    #alertbar.pibd {
        background: #104b8a;
        background-image: url(images/giving/passitbackday/2023pibdbgpattern.jpg);
        background-position: top left;
        background-repeat: repeat;
        background-size: 250px auto;
    }

        #alertbar.pibd::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(5, 114, 186, 0.6);
            z-index: 0;
        }

    #alertbar.holiday {
        background-image: url(images/heroslides/treesweater-bg.jpg);
        background-position: left bottom;
        background-size: auto 200%;
        background-repeat: repeat-x;
    }

    #alertbar.rivalry {
        background-image: url(../../Giving/flat/images/rivalrychallengebg.jpg);
        background-position: center center;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-color: #562626;
        background-blend-mode: multiply;
    }



    #alertbar p {
        position: relative;
        display: block;
        margin-bottom: 0;
        padding: 0;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: 0.5px;
        text-align: center;
    }

        #alertbar p a {
            line-height: 24px;
            color: #fff;
            padding-bottom: 0px;
            border-bottom: 2px solid white;
            cursor: pointer;
        }

        #alertbar p > .livebug + a {
            text-align: left;
        }

        #alertbar p .livebug {
            position: relative;
            top: 1px;
            left: 0;
            margin-right: 10px;
            padding: 7px 10px 3px;
            font-size: 12px;
            line-height: 12px;
            background: #fff;
            color: #f04f4e;
            border-radius: 4px;
            animation: flash 2s linear infinite;
        }

    #alertbar .alertbar-corner {
        position: absolute;
        display: block;
        bottom: 0;
        left: 0;
        width: auto;
        height: 100%;
    }

    #alertbar .pibdlogo {
        position: relative;
        display: inline-block;
        margin: 0 15px 0 0;
        width: 85px;
        height: auto;
    }

        #alertbar .pibdlogo img {
            width: 100%;
            height: auto;
        }

    #alertbar.pibd {
        font-weight: 600;
        font-size: 20px;
        line-height: 20px;
        color: #fff;
        letter-spacing: 1px;
        justify-content: flex-start;
    }

@media (max-width: 767px) {
    #alertbar.pibd {
        font-size: 17px;
        line-height: 17px;
    }
}

#alertbar .clock {
    position: relative;
    top: 2px;
}

    #alertbar .clock ul.countdown {
        list-style: none;
        margin: 0;
        padding: 0;
        display: block;
        text-align: center;
        z-index: 2;
    }

#alertbar ul.countdown li {
    margin-bottom: 0;
    font-family: 'proxima-nova';
    font-weight: 300;
    display: inline-block;
    letter-spacing: 1px;
}

    #alertbar ul.countdown li span {
        width: 100%;
        font-size: 26px;
        font-weight: 300;
        line-height: 26px;
        color: #fff;
    }

    #alertbar ul.countdown li.seperator {
        font-family: "proxima-nova";
        font-weight: 300;
        min-width: unset !important;
        font-size: 26px;
        line-height: 24px;
        vertical-align: top;
        color: #fff;
    }

    #alertbar ul.countdown li p {
        color: #371e1e;
        font-size: 14px;
    }

#alertbar .pibdtease {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    letter-spacing: 0.5px;
}

@keyframes flash {
    0% {
        opacity: 1;
    }

    20% {
        opacity: 0.25;
    }

    30% {
        opacity: 1;
    }
}

@media (max-width: 1199px) {
    #alertbar p {
        font-size: 16px;
        line-height: 20px;
    }
}







td {
    padding: 5px;
}

.argos-reportlist-holder {
    max-height: 500px;
    overflow: auto;
    display: block;
}

.top-buffer {
    margin-top: 40px;
}

.top-buffer-md {
    margin-top: 25px;
}

.top-buffer-sm {
    margin-top: 15px;
}

.left-buffer {
    margin-left: 20px;
}

.right-buffer {
    margin-right: 20px;
}

input {
    color: #555;
}

/* News Editor Classes */



.postheader {
    font-size: 26px;
    font-weight: bold;
}

.postsubheader {
    font-size: 24px;
    font-weight: bold;
    color: #888;
}

.postquote {
    margin: 5px;
    font-style: italic;
}


.postimgcomment {
    font-size: .9em;
    color: #666;
}
/* */

.activeprofile {
    color: #006600;
}

.pendingprofile {
    color: #006600;
}

.cancelledprofile {
    color: #990000;
}

.suspendedprofile {
    color: #990000;
}

.expiredprofile {
    color: #990000;
}

.inputField8 {
    margin-top: 20px;
}

.whatToExpect {
    border: solid 3px #ddd;
    background-color: #f1f1f1;
    padding: 10px;
}

    .whatToExpect h3 {
        font-weight: bold;
        margin: 0;
        font-size: 17px;
    }

        .whatToExpect h3 span {
            font-size: .65em;
            text-transform: lowercase;
        }

    .whatToExpect p {
        font-size: .8em;
        padding: 0;
        margin: 0;
        padding-top: 10px;
    }

#delay {
    margin-left: 5px;
}

svg:not(:root) {
    overflow: hidden;
}





@media screen and (min-width: 1200px) {
    .container {
        width: 1200px !important;
        max-width: 1200px !important;
        padding-right: 0;
        padding-left: 0;
    }

    .container-fluid .row {
        margin-left: 0;
        margin-right: 0;
    }

    .col-lg-height {
        display: table-cell;
        float: none !important;
    }
}

@media (min-width: 992px) {
    .col-md-height {
        display: table-cell;
        float: none !important;
    }
}

@media screen and (min-width: 768px) {
    .container-fluid {
        padding-right: 5% !important;
        padding-left: 5% !important;
    }

    .col-sm-height {
        display: table-cell;
        float: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .container {
        width: 750px !important;
        max-width: 750px !important;
    }
}

@media screen and (max-width: 767px) {
    .container {
        max-width: 100%;
    }

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

.col-top {
    vertical-align: top;
}

.col-middle {
    vertical-align: middle;
}

.col-bottom {
    vertical-align: bottom;
}

html {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100%;
    font-size: 100%;
    background: #fff;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    font-family: "proxima-nova", Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 16px;
    color: #555;
}

@media screen and (max-width: 991px) {
    body {
        background: #562626;
    }
}


@media screen and (min-width: 992px) {
    #allwrap {
        position: relative;
        min-height: 100%;
    }
}

h1 {
    margin: 0 0 10px 0;
    padding: 0;
    font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif;
    font-weight: 700;
    font-size: 50px;
    color: #562626;
    text-transform: uppercase;
}

h5 {
    margin: 40px 0 0 0;
    font-family: "proxima-nova-extra-condensed", sans-serif;
    font-weight: 300;
    font-size: 30px;
    line-height: 30px;
    color: #562626;
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 35px;
    }

    h5 {
        font-size: 26px;
        line-height: 26px;
    }
}

a {
    font-weight: 400;
    color: #08639C;
    border: 0;
    outline: none;
}

    a, a:link, a:visited, a:active, a:hover {
        text-decoration: none;
    }

        a:hover {
            color: #562626;
        }

img {
    border: none;
    outline: none;
}

form {
    margin: 0;
    padding: 0;
}

.error {
    color: #ff0000;
}

p, li {
    margin: 0 0 20px 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #555;
}

    p a {
        font-weight: 600;
    }

li {
    margin: 0 0 10px 0;
}

@media screen and (min-width: 1200px) {
    p, li {
        margin: 0 0 25px 0;
        font-size: 18px;
        line-height: 26px;
    }

    li {
        margin: 0 0 15px 0;
    }
}

p.white, .sectiontitle.white, li.white {
    color: #fff;
}

p.white, li.white {
    font-weight: 400;
}

p.maroon {
    color: #562626;
}

a .linkarrow {
    content: " ";
    position: relative;
    display: inline-block;
    margin-top: 10px;
    margin-left: 10px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #08639c;
    border-right: 1px solid #08639c;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

a:hover .linkarrow {
    border-top: 1px solid #562626;
    border-right: 1px solid #562626;
}

.showme-xs {
    display: none;
}

.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}


.aggienetworkfullscreencontentwrapper {
    position: relative;
    display: flex;
    display: -ms-flexbox;
    margin: -90px 0 0 0;
    width: 100%;
    height: calc(100vh - 75px) !important;
    min-height: 700px;
    max-height: 1200px;
}

    .aggienetworkfullscreencontentwrapper.downpage {
        margin: -90px 0 0 0;
        height: 100vh;
    }

.aggienetworkpagenav {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.aggienetworkpagenavitem {
    flex: 1 auto;
}

.aggienetworksectioncontentwrapper {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 70px 0;
    width: 80%;
    max-width: 1200px;
}

.aggienetworkcalloutboxtitle {
    position: absolute;
    display: inline-block;
    top: 0px;
    padding: 0 10px;
    font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 26px;
    line-height: 26px;
    color: #562626;
    background: #fff;
}

@media (max-width: 991px) {
    .aggienetworkfullscreencontentwrapper {
        margin: -40px 0 0 0;
        height: calc(100vh - 91px);
        max-height: 750px;
    }
}

@media (max-width: 767px) {
    .aggienetworkfullscreencontentwrapper {
        width: 100%;
        height: calc(100vh - 40px);
    }
}

.aggienetworkflexcontainer {
    position: relative;
    display: flex;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

    .aggienetworkflexcontainer .textblocks > * + * {
        margin-left: 30px;
    }

    .aggienetworkflexcontainer .flex-one {
        flex: 1;
    }

    .aggienetworkflexcontainer .flex-onepointfive {
        flex: 1.5;
    }

    .aggienetworkflexcontainer .flex-two {
        flex: 2;
    }

.aggienetworkvideoembed-responsive {
    position: relative;
    padding-bottom: 56.25%;
    background-color: #000;
    overflow: hidden;
    cursor: pointer;
}

    .aggienetworkvideoembed-responsive iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------HEADER/NAVIGATION-------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/

#headerwrapper {
    position: relative;
    display: block;
    width: 100%;
    height: 75px;
    padding: 0;
    background-image: url(images/ringbg.jpg);
    background-position: center -200px;
    background-size: 1440px;
    -webkit-box-shadow: 0px 1px 15px -6px #999;
    -moz-box-shadow: 0px 1px 15px -6px #999;
    box-shadow: 0px 1px 15px -6px #999;
    z-index: 2000;
}

#logocontainer {
    position: relative;
    left: 0;
    right: 0;
    margin: -80px auto 0 auto;
    width: 275px;
    height: 135px;
    background: #fff;
    text-align: center;
    background-image: url(images/ringbg.jpg);
    background-position: center -195px;
    background-size: 1440px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 1px 15px -6px #999;
    -moz-box-shadow: 0px 1px 15px -6px #999;
    box-shadow: 0px 1px 15px -6px #999;
    z-index: 30;
}

.logo {
    position: relative;
    display: block;
    margin-top: -120px;
    left: 50%;
    margin-left: -75px;
    width: 150px;
    height: 94px;
    z-index: 4000;
    background: url(images/afsstackedlogo-maroon.svg) center center no-repeat;
    background-size: 150px 94px;
}

.no-svg .logo, .no-inlinesvg .logo {
    background: url(images/pngfallbacks/afsstackedlogo-maroon.png) no-repeat center center;
    background-size: 150px 94px;
}

#navcontainer {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 75px;
    background: #fff;
    background-image: url(images/ringbg.jpg);
    background-position: center -200px;
    background-size: 1440px;
    z-index: 2001;
}

#lnav {
    margin: 0 auto;
    position: relative;
    width: 1200px;
    z-index: 2001;
}

    #lnav ul {
        position: absolute;
        display: block;
        margin: 25px 0 0;
        margin: 69px 0 0; /*with alertbar*/
        /*margin: 82px 0 0;  /*with pibd alertbar*/
        width: 44%;
        padding: 0 0 0 0;
        list-style: none;
    }

    #lnav li a {
        outline: none;
    }

    #lnav ul.menu li {
        display: inline;
    }

    #lnav ul li h3 {
        position: relative;
        display: inline;
        clear: both;
        margin: 0;
        padding: 5px 10px 18px 10px;
        overflow: hidden;
        font-family: "proxima-nova", Helvetica, sans-serif;
        font-size: 18px;
        line-height: 18px;
        color: #562626;
        letter-spacing: 1px;
        cursor: pointer;
    }

    #lnav .menuicon {
        display: none;
    }

    #lnav ul.left, #secondnav ul.left {
        left: 0;
        text-align: left;
    }

    #lnav .left li.toplevel {
        margin: 0 57px 0 0;
    }

    #lnav ul.right, #secondnav ul.right {
        right: 0;
        text-align: right;
    }

        #lnav ul.right li.toplevel {
            margin: 0 0 0 70px;
        }

        #lnav ul.right li.floatrfirst {
            margin-left: 0;
        }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dppx) {
    #headerwrapper, #logocontainer, #navcontainer {
        background-image: url(images/ringbg@2x.jpg);
    }
}

@media all and (min-width: 992px) {
    .menu li {
        position: relative;
    }

        .menu li > div {
            position: inherit;
            margin-top: 10px;
            left: 0;
            background-color: #fff;
            border: 1px solid #562626;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
            z-index: 1000000000;
        }

        .menu li.floatr > div {
            left: auto;
            right: 4px;
            text-align: left !important;
        }

        .menu li.floatrfirst > div {
            left: auto;
            right: 4px;
            text-align: left !important;
        }

        .menu li.floatrlast > div {
            left: auto;
            right: 0;
            text-align: left !important;
        }

    .menu .cols1, .menu .cols2, .menu .cols3 {
        position: absolute;
        display: none;
        /*
for transition
		visibility:hidden;
  opacity:0;
  transition:visibility 0s linear 0.5s,opacity 0.5s linear; */
        overflow: auto;
    }

    .menu .cols1, .menu .col1 {
        width: 200px;
        overflow: hidden;
        margin: -25px 30px 0 0;
    }

    .menu .col1last {
        width: 180px;
        margin-left: 20px;
        margin-right: 0;
        overflow: hidden;
        text-align: center;
    }

    .menu .cols2last {
        margin: -25px 0 0 0 !important;
    }

    .menulinks {
        position: relative;
        display: block;
        border-right: 1px solid #e1e1e1;
        width: 440px;
        overflow: hidden;
    }

    .menu .cols2, .menu .col2 {
        padding: 20px 20px 10px 20px;
        width: auto;
        overflow: hidden;
    }

        .menu .cols2 .menulinks {
            border-right: none;
        }

        .menu .cols2.careers {
            padding-bottom: 20px;
        }

    .menu .cols3 {
        width: 643px;
        padding: 20px 20px 10px 20px;
    }

    .menu .col3 {
        position: relative;
        display: flex;
        width: 100%;
        margin: 20px 0 0 0;
        padding: 15px 0 0;
        border-top: 1px solid #e1e1e1;
        align-items: center;
        justify-content: space-between;
    }

    .menu > li:hover > div {
        display: block;
        /* for transition
		visibility:visible;
      opacity:1;
      transition-delay:0s; */
    }

    .menu .col1, .menu .col1last, .menu .col2 {
        float: left;
    }

    .menu > li:hover > h3 {
        background-color: #562626;
        color: #fff !important;
        text-decoration: none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    }

    .menu > li > a img, .menu li > ul > li > a img {
        border: 0;
        margin-right: 7px;
    }

    .difference {
        margin-top: 13px;
        width: 125px;
        height: auto;
    }

    .ringad {
        width: 140px;
        height: auto;
    }

    .menu h4, .menu h4 a {
        font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-size: 20px;
        color: #888;
        margin: 25px 0 3px 0;
        padding: 0;
    }

    .menu h5 {
        margin: 0;
        font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-size: 20px;
        color: #ddd;
    }

        .menu h4 a, .menu h5 a {
            color: #888;
        }

            .menu h4 a:hover, .menu h5 a:hover {
                color: #562626;
                text-decoration: none;
            }

    .menu ol {
        list-style: none;
        margin: 0 0 0 0;
        padding: 0;
    }

        .menu ol li a {
            position: relative;
            display: block;
            width: 100%;
            font-family: "proxima-nova", Helvetica, sans-serif;
            font-weight: 400;
            color: #888;
            font-size: 14px;
            line-height: 16px;
            margin: 5px 0 0 0;
        }

            .menu ol li a:hover {
                color: #562626;
                text-decoration: none;
            }

    .menu p {
        color: #555;
        font-size: 12px;
        line-height: 16px;
        margin: 10px 10px;
        padding: 0;
    }

        .menu p a {
            color: #888;
            text-decoration: underline;
        }

            .menu p a:hover {
                color: #555;
            }

    #lnav-btn {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    #lnav .search {
        display: none;
    }

    #lnav li h3 {
        display: inline-block;
    }

    #lnav li:last-child h3 {
        border-right: none;
    }
}

@media screen and (min-width: 768px) {
    #rnav-btn-acct, #rnav-btn-login {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
}


/*----------------------------SMALLER DESKTOP NAVIGATION STYLES----------------------------*/

@media (min-width: 2189px) {
    #lnav ul {
        /*margin: 72px 0 0 0;*/
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #lnav {
        width: 992px;
    }

        #lnav ul {
            margin: 30px 0 0 0;
            margin: 72px 0 0 0;  /*with alertbar*/
            /*margin: 85px 0 0 0;  /*with pibd alertbar*/
        }

            #lnav ul li h3 {
                font-size: 16px;
            }

        #lnav .left li.toplevel {
            margin-right: 30px;
        }

        #lnav ul.right li.toplevel {
            margin-left: 40px;
        }

    #logocontainer {
        width: 225px;
        height: 110px;
        margin: -70px auto 0 auto;
    }

    .logo {
        width: 125px;
        height: 78px;
        margin-left: -62px;
        margin-top: -100px;
        background-size: 125px 78px;
    }
}

/*----------------------------TABLET NAVIGATION STYLES----------------------------*/

.slidebodygray {
    background: #f6f6f6 !important;
}

.slidebodymaroon {
    background: #faf9fa !important;
}

@media screen and (min-width: 992px) {
    #slidebody {
        position: relative;
        margin: 0;
        padding: 0;
        min-height: 100%;
    }
}

@media screen and (max-width: 991px) {
    #slidebody {
        position: relative;
        margin: 0 0 0 0;
        width: 100%;
        height: 100%;
        background: #fff;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        -webkit-overflow-scrolling: touch;
    }

    #headerwrapper {
        position: relative;
        top: 0;
        left: 0;
        height: 56px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    #navcontainer {
        height: 56px;
    }

    #logocontainer {
        margin: -70px auto 0 auto;
        width: 250px;
        height: 116px;
        background-position: center -185px;
    }

    .logo {
        margin-top: -95px;
        margin-left: -63px;
        width: 126px;
        height: 79px;
        background-size: 126px 79px;
    }

    #lnav-btn, #rnav-btn-acct, #rnav-btn-login a {
        position: absolute;
        display: block;
        top: 12px;
        left: 10px;
        padding: 7px 9px 5px 10px;
        height: auto;
        font-family: "proxima-nova-extra-condensed", sans-serif;
        font-size: 22px;
        line-height: 20px;
        font-weight: 800;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 1px;
        background: #562626;
        outline: none;
        border: 0;
        border-radius: 4px;
        overflow: hidden;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .nav-btn-label {
        position: relative;
        display: inline-block;
    }

    #lnav::-webkit-scrollbar, #rnav::-webkit-scrollbar {
        display: none;
    }

    #lnav {
        position: fixed;
        margin: 0 auto;
        padding-top: 14px;
        height: 100%;
        background: #562626;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        z-index: 0;
    }

    #lnav {
        left: -40%;
        width: 40%;
    }

        #lnav .search {
            position: relative;
            display: block;
            margin: 0;
            padding: 0 0 15px 0;
            text-align: center;
            border-bottom: 1px solid #784649;
        }

            #lnav .search input[type="text"] {
                background: #fff;
                border: 1px solid #562626;
                font: 1em "proxima-nova", Helvetica, sans-serif;
                color: #fafafa;
                width: 75%;
                height: 25px;
                padding: 0 20px 0 10px;
                margin: 0 0 0 8%;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                -webkit-transition: all 0.5s ease 0s;
                -moz-transition: all 0.5s ease 0s;
                transition: all 0.5s ease 0s;
            }

                #lnav .search input[type="text"]:focus {
                    border: 0 none;
                    outline: 0 none;
                    background: #fafafa;
                    color: #562626;
                    border: 1px solid #562626;
                    overflow: hidden;
                    box-shadow: none;
                    -moz-box-shadow: none;
                    -webkit-box-shadow: none;
                }

            #lnav .search input[type="submit"] {
                position: relative;
                display: inline-block;
                display: -moz-inline-stack;
                vertical-align: top;
                padding: 0;
                height: 20px;
                width: 20px;
                top: 5px;
                right: 25px;
                outline: 0 none;
                border: 0 none;
                background: url(images/spotlight.svg) no-repeat center center;
                background-size: 20px 20px;
                -webkit-appearance: none;
            }

        #lnav ul {
            position: relative;
            display: block;
            margin: 0;
            padding: 0;
            width: 100%;
        }

    .cols3, .cols2 {
        background: #8a6666;
    }

    #lnav .left li.toplevel, #lnav ul.right li.toplevel {
        margin: 0;
    }

    #lnav ul.right {
        text-align: left;
    }

    #lnav ul li.toplevel {
        clear: both;
        position: relative;
        display: block;
        width: 100%;
        font-size: 16px;
        line-height: 16px;
        background: #562626;
        border-bottom: 1px solid #8a6666;
    }

    #lnav ul li h3 {
        position: relative;
        display: inline-block;
        margin: 0;
        width: 100%;
        color: #fff;
        font-family: "proxima-nova", sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 16px;
        letter-spacing: 1px;
        cursor: pointer;
        overflow: hidden;
    }

        #lnav ul li h3 a {
            color: #fff;
        }

    .menu h4, .menu h4 a, .menu h5, .menu h5 a {
        font-family: "proxima-nova-extra-condensed";
        font-weight: 400;
        font-size: 20px;
        line-height: 22px;
        color: #fff;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .menu h4, .menu h5 {
        margin: 25px 0 10px 27px;
    }

        .menu h4:first-child {
            margin: 0 0 10px 27px;
            padding-top: 25px;
        }

    #lnav .menusection {
        color: #333;
    }

    #lnav ul > li {
        position: relative;
        display: block;
    }

    #lnav .cols3, #lnav .cols2 {
        display: none;
        padding: 0 0 10px 0;
        background: #8a6666;
        z-index: 1;
    }

    #lnav .col1 {
        width: 100%;
    }

    #lnav ol li a {
        position: relative;
        display: block;
        margin: 0 0 10px 5px;
        padding: 0;
        font-size: 14px;
        font-weight: 300;
        color: #fff;
        letter-spacing: 1px;
        border-top: none;
        overflow: auto;
    }

    #lnav .menuicon, #rnav .menuicon {
        position: relative;
        display: inline-block;
        top: 8px;
        margin: 0 12px 0 5px;
        height: 27px;
        width: 27px;
    }

    .ring {
        background: url(images/ring-whitestroke.svg) no-repeat;
        background-position: center center;
        background-size: 23px 23px;
        margin-top: 5px;
    }

    .gift {
        background: url(images/gift-whitestroke.svg) no-repeat;
        background-position: center center;
        background-size: 22px 25px;
        margin-top: 4px;
    }

    .people {
        background: url(images/people.svg) no-repeat;
        background-position: center center;
        background-size: 22px 25px;
        margin-top: 4px;
    }

    .menubriefcase {
        background: url(images/briefcase-whitestroke.svg) no-repeat;
        background-position: center center;
        background-size: 22px 25px;
        margin-top: 4px;
    }

    .calendar {
        background: url(images/calendar-whitestroke.svg) no-repeat;
        background-position: center center;
        background-size: 22px 25px;
        margin-top: 5px;
    }

    .info {
        background: url(images/info-whitestroke.svg) no-repeat;
        background-position: center center;
        background-size: 22px 22px;
        margin-top: 5px;
    }

    .gigem {
        background: url(images/gigem.svg) no-repeat;
        background-position: center center;
        background-size: 22px 22px;
        margin-top: 5px;
    }

    .shirt {
        background: url(images/shirt.svg) no-repeat;
        background-position: center center;
        background-size: 27px 22px;
        margin-top: 5px;
    }

    .dropdownarrow {
        position: relative;
        display: inline-block;
        float: right;
        margin: 17px 20px 0 0;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #562626;
    }

    #slidebody.lnopen {
        position: fixed;
        -webkit-transform: translate(40%,0);
        -moz-transform: translate(40%,0);
        transform: translate(40%,0);
    }

    #lnav.rnclose {
        right: 40%;
        -webkit-transition: all 0.0s ease-out 1s;
        -moz-transition: all 0.0s ease-out 1s;
        transition: all 0.0s ease-out 1s;
    }

    #slidebody.rnopen {
        -webkit-transform: translate(-40%,0);
        -moz-transform: translate(-40%,0);
        transform: translate(-40%,0);
    }

    #lnav.lnopen {
        left: 0px;
    }

    #lnav.lnclose {
        left: -40%;
        -webkit-transition: all 0.0s ease-out 1s;
        -moz-transition: all 0.0s ease-out 1s;
        transition: all 0.0s ease-out 1s;
    }

    #lnav h3 {
        width: 100%;
        display: block;
        text-decoration: none;
    }
}


/*----------------------------SMARTPHONE NAVIGATION STYLES----------------------------*/

@media screen and (max-width: 767px) {

    #headerwrapper {
        height: 40px;
    }

    #navcontainer {
        height: 40px;
        background-image: none;
    }

    #logocontainer {
        margin: -50px auto 0 auto;
        width: 150px;
        height: 69px;
        background-image: none;
    }

    .logo {
        margin-top: -50px;
        margin-left: -22px;
        width: 44px;
        height: 39px;
        background: url(images/afsringlogo-maroon.svg) center center no-repeat;
        background-size: 44px 39px;
    }

    #lnav-btn, #rnav-btn-acct, #rnav-btn-login a {
        top: 0;
        left: 0;
        padding: 0;
        height: 100%;
        font-size: 22px;
        line-height: 16px;
        color: #562626;
        background: none;
        border-radius: 0;
    }

    #rnav-btn-acct, #rnav-btn-login a {
        left: auto;
        right: 0;
    }

    #rnav-btn-login a {
        padding: 12px 5px 0 0;
    }

    .nav-btn-icon.visible-xs {
        display: inline-block !important;
    }

    .nav-btn-icon {
        position: relative;
        margin: 0 5px 0 0;
        width: 7px;
        height: 15px;
        background: url(images/nav-btn.svg) no-repeat center top;
        background-size: cover;
    }

    #rnav-btn-acct .nav-btn-icon {
        margin: 0 0 0 5px;
    }

    #lnav {
        left: -256px;
        width: 256px;
    }

    #rnav {
        position: absolute;
        right: 1000px;
        margin: 0 auto;
        padding-top: 14px;
        width: 256px;
        height: 100%;
        background: #eee;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        z-index: 0;
    }

    #slidebody.lnopen {
        -webkit-transform: translate(256px, 0);
        -moz-transform: translate(256px, 0);
        transform: translate(256px, 0);
    }

    #lnav.lnopen {
        position: fixed;
        left: 0px;
    }

    #lnav.rnclose {
        right: 256px;
        -webkit-transition: all 0.0s ease-out 1s;
        -moz-transition: all 0.0s ease-out 1s;
        transition: all 0.0s ease-out 1s;
    }

    #slidebody.rnopen {
        -webkit-transform: translate(-256px, 0);
        -moz-transform: translate(-256px, 0);
        transform: translate(-256px, 0);
    }

    #rnav.rnopen {
        right: 0;
    }

    #lnav.lnclose {
        left: -256px;
        -webkit-transition: all 0.0s ease-out 1s;
        -moz-transition: all 0.0s ease-out 1s;
        transition: all 0.0s ease-out 1s;
    }

    #rnav.rnclose {
        right: 1000px;
        -webkit-transition: all 0.0s ease-out 1s;
        -moz-transition: all 0.0s ease-out 1s;
        transition: all 0.0s ease-out 1s;
    }

    #lnav .search {
        display: block;
    }
}



/*-------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------SECONDARY NAVIGATION------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/

#secondnav {
    position: relative;
    margin: 0 auto;
    width: 1000px;
    height: 40px;
    background: #562626;
    z-index: 1000;
}

    #secondnav:before {
        content: " ";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 40px solid #562626;
        border-left: 40px solid transparent;
        left: -40px;
    }

    #secondnav:after {
        content: " ";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 40px solid #562626;
        border-right: 40px solid transparent;
        right: -40px;
    }

    #secondnav ul.secondnavmenu {
        position: absolute;
        display: inline-block;
        margin: 11px 0 0 0;
        width: 50%;
        padding: 0;
        list-style: none;
    }

        #secondnav ul.secondnavmenu > li {
            position: relative;
            display: inline-block;
            font-family: "proxima-nova", sans-serif;
            font-size: 16px;
            line-height: 18px;
            display: -moz-inline-stack;
            vertical-align: top;
        }

            #secondnav ul.secondnavmenu > li > a {
                color: #fff;
            }

    #secondnav ul.left > li {
        margin-right: 30px;
    }

    #secondnav ul.right > li {
        margin-left: 20px;
    }

    #secondnav ul.right {
        left: 50%;
    }

    #secondnav ul > li.first {
        margin-left: 10px;
    }

    #secondnav ul > li.last {
        margin-right: -10px;
    }

    #secondnav ul > li.taps {
        margin-right: -10px;
    }

.giftbutton a {
    position: relative;
    display: inherit;
    top: 1px;
    font-family: "proxima-nova-extra-condensed", sans-serif;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1px;
    font-weight: 800;
    text-transform: uppercase;
    color: #562626;
    padding: 2px 0 0 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
}

.giftstar {
    position: relative;
    display: inline-block;
    display: -moz-inline-stack;
    vertical-align: top;
    top: 1px;
    margin: 0 5px;
    height: 14px;
    width: 14px;
    background: url(images/giftstar.svg) no-repeat;
    background-position: center center;
    background-size: 14px 14px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .giftstar {
        top: 4px;
    }
}

.no-svg .giftstar, .no-inlinesvg .giftstar {
    background: url(images/pngfallbacks/giftstar.png) no-repeat;
    background-size: 14px 14px;
}

#navsearch {
    position: relative;
    display: block;
    top: -2px;
    padding: 0;
}

    #navsearch input[type="text"] {
        position: relative;
        background: #fff;
        border: 0 none;
        font: 16px "proxima-nova", Helvetica, sans-serif;
        line-height: 16px;
        width: 100px;
        height: 22px;
        padding: 0px 20px 0px 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: width 0.3s ease 0s;
        -moz-transition: width 0.3s ease 0s;
        transition: width 0.3s ease 0s;
        overflow: hidden;
    }

        #navsearch input[type="text"]:focus {
            height: 22px;
            padding: 0px 20px 0px 10px;
            outline: 0 none;
            font: 16px "proxima-nova", Helvetica, sans-serif;
            color: #6a6f75;
            width: 200px;
            overflow: hidden;
        }

    #navsearch input[type="submit"] {
        position: relative;
        display: inline-block;
        display: -moz-inline-stack;
        vertical-align: top;
        height: 17px;
        width: 17px;
        top: 6px;
        right: 17px;
        outline: 0 none;
        border: 0 none;
        background: url(images/spotlight.svg) no-repeat;
        background-size: cover;
        -webkit-appearance: none;
    }

#secondnav #accountmenu > a {
    position: relative;
    padding: 15px 10px 10px 10px;
    overflow: hidden;
}

    #secondnav #accountmenu > a:focus {
        background: #fff;
        color: #562626;
        text-decoration: none;
    }

#secondnav #accountmenu a .dropdownarrow {
    position: relative;
    display: inline-block;
    margin: -2px 10px 0 7px;
    vertical-align: middle;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 3px solid #fff;
    -webkit-transition: -webkit-transform 0.2s linear;
    -moz-transition: -moz-transform 0.2s linear;
    transition: transform 0.2s linear;
}

#secondnav #accountmenu a:focus .dropdownarrow {
    position: relative;
    display: inline-block;
    margin: -2px 10px 0 7px;
    vertical-align: middle;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 3px solid #562626;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

#secondnav #accountmenu .dropdown-menu {
    margin: 11px 0 0 0;
    padding: 0;
    left: -142px;
    width: 400px;
    height: auto;
    text-align: left;
    background: #fff;
    border: 1px solid #562626;
    border-top: 1px solid #fff;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#accountinfo {
    position: relative;
    display: table-cell;
    margin: 0 5% 0 0;
    padding: 0;
    width: 67.5%;
}

#accountinfocontent {
    padding: 10px;
}

.primaryinfo {
    position: relative;
    display: block;
    margin-bottom: 15px;
    width: 100%;
    height: 65px;
    overflow: hidden;
}

.avatar {
    position: relative;
    display: block;
    margin: 0 10px 10px 0;
    float: left;
    width: 65px;
    height: 65px;
    background: #000;
    overflow: hidden;
}

p.accountname {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 20px;
    color: #333;
}

p.jobtitle {
    position: relative;
    display: block;
    margin: 0 0 0 0;
    padding: 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #666;
}

p.address {
    margin: 0 0 0 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    color: #666;
}

    p.address:first-of-type {
        margin: 0 0 15px 0;
    }

    p.address:last-of-type {
        margin: 0 0 0 0;
    }

#accounttools {
    position: relative;
    display: table-cell;
    vertical-align: top;
    margin: 0 0 0 -4px;
    padding: 0;
    width: 27.5%;
    background: #fafafa;
    border-left: 1px solid #eee;
    border-radius: 0 0 4px 0;
}

#accounttoolscontent {
    position: relative;
    display: block;
    margin: 0;
    padding: 10px 10px 0 10px;
}

.toolslist {
    position: relative;
    display: block;
    margin: 0 0 10px 0;
    padding: 0;
    width: 100%;
    text-align: left;
    list-style-type: none;
    float: none;
}

    .toolslist li {
        position: relative;
        display: block;
        margin: 0 0 2px 0;
        padding: 0;
        font-size: 12px;
        line-height: 18px;
    }

        .toolslist li a {
            font-family: "proxima-nova", Helvetica, sans-serif;
            font-size: 12px;
            line-height: 12px;
            color: #888;
        }

            .toolslist li a:hover {
                color: #562626;
            }

#cclubstatus, #cclubstatusmobile {
    position: relative;
    display: block;
    margin: 13px 0 10px 0;
    text-align: center;
}

#ringlevel, #ringlevelmobile {
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    margin-right: 5px;
    width: 25px;
    height: 23px;
}

.ccIconG, .ccIconD, .ccIconX, .ccIconY, .ccIconZ, .ccIconE {
    background: url(images/goldring.svg) no-repeat;
    background-size: contain;
}

.no-svg .ccIconG, .no-inlinesvg .ccIconG, .no-svg .ccIconD, .no-inlinesvg .ccIconD, .no-svg .ccIconX, .no-inlinesvg .ccIconX, .no-svg .ccIconY, .no-inlinesvg .ccIconY, .no-svg .ccIconZ, .no-inlinesvg .ccIconZ, .no-svg .ccIconE .no-inlinesvg .ccIconE {
    background: url(images/pngfallbacks/goldring.png) no-repeat;
    background-size: 25px 23px;
}

.ccIconS {
    background: url(images/silverring.svg) no-repeat;
    background-size: contain;
}

.no-svg .ccIconS, .no-inlinesvg .ccIconS {
    background: url(images/pngfallbacks/silverring.png) no-repeat;
    background-size: 25px 23px;
}

.ccIconB {
    background: url(images/bronzering.svg) no-repeat;
    background-size: contain;
}

.no-svg .ccIconB, .no-svg .ccIconB {
    background: url(images/pngfallbacks/bronzering.png) no-repeat;
    background-size: 25px 23px;
}

.ccIconA {
    background: url(images/afsringlogo-maroon.svg) no-repeat;
    background-size: contain;
}

.no-svg .ccIconA, .no-svg .ccIconA {
    background: url(images/pngfallbacks/afsringlogo-maroon.png) no-repeat;
    background-size: 25px 23px;
}

p.member {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #888;
}

p.cclubexpiration {
    margin: -5px 0 0 0;
    padding: 0;
    font-family: "proxima-nova-condensed", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    color: #888;
}


/*----------------------------SMALLER DESKTOP SECONDARY NAVIGATION STYLES----------------------------*/

@media (min-width: 992px) and (max-width: 1199px) {
    #secondnav {
        width: 800px;
        height: 30px;
    }

        #secondnav:before {
            border-top: 30px solid #562626;
            border-left: 30px solid transparent;
            left: -30px;
        }

        #secondnav:after {
            border-top: 30px solid #562626;
            border-right: 30px solid transparent;
            right: -30px;
        }

        #secondnav ul.secondnavmenu {
            margin: 5px 0 0 0;
        }

            #secondnav ul.secondnavmenu > li > a {
                font-size: 13px;
                margin: 0 0 0 0;
            }

        #secondnav ul.left > li {
            margin-right: 15px;
        }

        #secondnav ul.right > li {
            margin-left: 13px;
        }

    .giftbutton a {
        font-size: 14px;
        padding: 2px 5px 0 5px;
    }

    .giftstar {
        margin: 0 3px;
        width: 12px;
        height: 12px;
    }

    .no-svg .giftstar, .no-inlinesvg .giftstar {
        background-size: 12px 12px;
    }

    #navsearch {
        top: 1px;
    }

        #navsearch input[type="text"] {
            width: 80px;
            height: 18px;
            font: 12px "proxima-nova", Helvetica, sans-serif;
        }

            #navsearch input[type="text"]:focus {
                width: 160px;
                height: 18px;
                font: 12px "proxima-nova", Helvetica, sans-serif;
            }

        #navsearch input[type="button"] {
            height: 15px;
            width: 15px;
            top: 4px;
            right: 15px;
        }

    #secondnav #accountmenu a .dropdownarrow, #secondnav #accountmenu a:focus .dropdownarrow {
        margin: -1px 10px 0 7px;
    }

    #secondnav #accountmenu .dropdown-menu {
        margin: 5px 0 0 0;
        width: 375px;
        left: -128px;
    }

    .primaryinfo {
        height: 60px;
    }

    .avatar {
        width: 60px;
        height: 60px;
    }

    p.accountname {
        font-size: 16px;
    }

    p.jobtitle {
        font-size: 15px;
    }

    p.address {
        font-size: 12px;
    }

    .toolslist li a {
        font-size: 11px;
    }

    .ringlevel {
        width: 22px;
        height: 20px;
        margin-right: 3px;
    }

    p.member {
        font-size: 18px;
    }

    p.cclubexpiration {
        font-size: 10px;
    }
}

/*----------------------------COMMON MOBILE SECONDARY NAVIGATION STYLES----------------------------*/

@media screen and (max-width: 991px) {
    #secondnav:before, #secondnav:after {
        display: none;
    }

    #secondnav ul.secondnavmenu {
        margin: 8px 0 0 0;
    }

    #secondnav ul.left > li {
        margin-right: 20px;
    }

    #secondnav ul.right > li {
        margin-left: 15px;
    }

        #secondnav ul.right > li:last-child {
            margin: 0;
        }

    #secondnav ul > li.decals {
        display: none;
    }

    #secondnav ul > li.taps {
        margin-right: 0px;
    }

    .giftbutton a {
        padding: 2px 10px 0 10px;
    }

    .giftstar {
        display: none;
    }

    #navsearch {
        display: none;
    }
}

/*----------------------------TABLET SECONDARY NAVIGATION STYLES----------------------------*/

@media (min-width: 768px) and (max-width: 991px) {
    #secondnav {
        position: relative;
        margin: 0 auto;
        width: 100%;
        height: 35px;
    }

        #secondnav #accountmenu > a {
            padding: 15px 25px 8px 10px;
            right: -10px;
        }

        #secondnav #accountmenu a .dropdownarrow, #secondnav #accountmenu a:focus .dropdownarrow {
            margin: 10px 0 0 0;
            left: -18px;
        }

        #secondnav #accountmenu .dropdown-menu {
            position: absolute;
            margin: 6px 0 0 0;
            width: 300px;
            right: -3px;
            left: auto;
        }

    #accountinfo {
        display: block;
        width: 100%;
    }

    #accounttools {
        display: table-cell;
        margin: 0;
        width: 100%;
        border-left: none;
        border-top: 1px solid #eee;
    }

    p.accountname {
        font-size: 16px;
    }

    p.jobtitle {
        font-size: 15px;
    }

    p.address {
        font-size: 13px;
    }

    .accounttoolscontent {
        padding: 0 10px 0 10px;
        width: 100%;
    }

    .toolslist {
        display: block;
        margin-top: 5px;
        text-align: center;
    }

        .toolslist li {
            display: inline-block;
            margin: 0 10px;
            padding: 0;
            font-size: 14px;
            line-height: 18px;
        }



            .toolslist li:last-child {
                display: block;
            }

    .cclubstatus {
        margin: 10px 0 0 0;
    }
}

/*----------------------------SMARTPHONE SECONDARY NAVIGATION STYLES----------------------------*/

@media screen and (max-width: 767px) {
    #accountinfomobile {
        position: relative;
        display: block;
        margin: 5px 0 0 0;
        padding: 0 5px 0 5px;
        width: 100%;
    }

    .avatar {
        margin: 0 auto 0 auto;
        float: none;
        width: 80px;
        height: 80px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    p.accountname {
        margin: 10px 0 20px 0;
        font-size: 20px;
        text-align: center;
    }

    #accounttoolsmobile {
        margin: 15px 0 30px 0;
    }

    .toolslist ul {
        position: relative;
        display: block;
        margin: 0 0 10px 0;
        padding: 0;
        width: 100%;
        text-align: left;
        list-style-type: none;
        float: none;
    }

        .toolslist ul li {
            position: relative;
            display: block;
            margin: 0;
            border-bottom: 1px solid #ccc;
        }

            .toolslist ul li:first-child {
                border-top: 1px solid #ccc;
            }

            .toolslist ul li a {
                position: relative;
                display: block;
                padding: 5px 10px 18px 10px;
                font-weight: 300;
                font-size: 16px;
                line-height: 16px;
                color: #562626;
                letter-spacing: 1px;
            }

    .editicon {
        background: url(images/edit.svg) no-repeat;
        background-position: center center;
        background-size: 25px 25px;
    }

    .toolsicon {
        background: url(images/tools.svg) no-repeat;
        background-position: center center;
        background-size: 25px 25px;
    }

    .classicon {
        background: url(images/classicon.svg) no-repeat;
        background-position: center center;
        background-size: 27px 27px;
    }

    .clubicon {
        background: url(images/clubicon.svg) no-repeat;
        background-position: center center;
        background-size: 21px 25px;
    }

    .logouticon {
        background: url(images/logouticon.svg) no-repeat;
        background-position: center center;
        background-size: 25px 25px;
    }

    #cclubstatus {
        margin-top: 25px;
    }

    #ringlevel {
        width: 30px;
        height: 27px;
    }

    p.member {
        font-size: 28px;
    }

    p.cclubexpiration {
        font-size: 14px;
    }
}


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

#contentcontainer {
    position: relative;
    display: block;
    margin: 50px 0 0 0;
    height: 100%;
    width: 100%;
    background: #fff;
}

.contentcontainergray {
    background: #f6f6f6 !important;
}

.contentcontainermaroon {
    background: #faf9fa !important;
}

.contentcontainerblack {
    background: #000 !important;
}

@media screen and (min-width: 992px) {
    #contentcontainer {
        padding-bottom: 303px;
    }
}

@media screen and (max-width: 991px) {
    #contentcontainer {
        position: relative;
        margin: 0;
        padding-top: 40px;
        height: auto;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        -webkit-overflow-scrolling: touch;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

/*--------------------------SLIDER STYLES--------------------------*/

#slider {
    position: relative;
    display: block;
    margin: -90px auto 0 auto;
}

.slides {
    margin: 0px auto;
    height: 550px;
    overflow: hidden;
    position: relative;
    background: #333;
}

.slide {
    height: 550px;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width: 767px) {
    .hideme {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #slider {
        margin: -80px auto 0 auto;
    }

    .slides, .slide {
        height: 412px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #slider {
        margin: -40px auto 0 auto;
    }

    .slides, .slide {
        height: 350px;
    }
}

@media screen and (max-width: 767px) {
    #slider {
        margin: -40px auto 0 auto;
    }

    .slides, .slide {
        height: 295px;
    }
}

.slide p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 24px;
}

.thumbs-container {
    margin: 10px auto;
    width: 942px;
    font-size: 0;
    overflow: hidden;
    position: relative;
    display: block;
    -webkit-backface-visibility: hidden;
}

@media (min-width: 768px) and (max-width: 991px) {
    .thumbs-container {
        width: 670px;
    }
}

.slidertray {
    position: relative;
    text-align: center;
    padding: 20px 0 20px 0;
}

    .slidertray ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .slidertray li {
        display: inline-block;
        margin: 10px 15px 10px 15px;
        width: 16.815287%;
        height: auto;
        font-family: "proxima-nova", Helvetica, sans-serif;
        font-size: 13px;
        line-height: 15px;
        color: #333333;
        text-align: center;
        vertical-align: top;
        text-decoration: none;
    }

        .slidertray li img {
            position: relative;
            display: block;
            margin: 0 auto 10px auto;
            width: 100%;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
        }

@media (min-width: 768px) and (max-width: 991px) {
    .slidertray li {
        width: 110px;
        margin: 10px;
    }
}

.thumbbox {
    margin: 0 auto 5px auto;
    height: auto;
    width: 90.909091%;
    background: #fff;
}

.slidertray li a {
    color: #333333;
}

    .slidertray li.current a, .slidertray li a:hover {
        text-decoration: none;
    }

        .slidertray li a:hover img {
            position: relative;
            display: block;
            -moz-box-shadow: 0 0 5px #888;
            -webkit-box-shadow: 0 0 5px #888;
            box-shadow: 0 0 5px #888;
            -webkit-transform: scale(1.05, 1.05);
            -moz-transform: scale(1.05, 1.05);
            -ms-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
            -webkit-transition: 0.2s ease all;
            -moz-transition: 0.2s ease all;
            -ms-transition: 0.2s ease all;
            transition: 0.2s ease all;
        }

.slidertray li.current img {
    position: relative;
    display: block;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

@media screen and (max-width: 767px) {

    .thumbs-container {
        width: 150px;
    }

        .thumbs-container ul {
            margin: 0 auto;
        }

    .slidertray li {
        width: 30px;
        margin: 0 0 0 0;
    }

        .slidertray li img, .slidertray li.current .thumbbox img, .slidertray li a:hover img {
            display: none;
        }

        .slidertray li.current .thumbbox {
            position: relative;
            display: block;
            background: #562626;
            -webkit-transition: 0.5s ease all;
            -moz-transition: 0.5s ease all;
            -ms-transition: 0.5s ease all;
            transition: 0.5s ease all;
        }

    .thumbbox {
        height: 12px;
        width: 12px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: transparent;
        border: 1px solid #562626;
    }

    .thumblabel {
        display: none;
    }
}

.slidebutton {
    display: inline-block;
    background: #562626;
    border: 1px solid #fff;
    width: auto;
    padding: 10px 15px 8px;
    font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: 0.1s all linear;
    -moz-transition: 0.1s all linear;
    -ms-transition: 0.1s all linear;
    transition: 0.1s all linear;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

@media screen and (max-width: 767px) {
    .slidebutton {
        padding: 10px 15px;
    }
}

.slidebutton::-moz-focus-inner {
    border: 0px;
    outline: none;
}

.slidebutton:focus, .slidebutton.current {
    outline: none;
}

.slidebutton:active, .slidebutton:visited {
    color: #fff;
}

.slidebutton:hover {
    text-decoration: none;
    background: #fff;
    color: #562626;
    border: 1px solid #562626;
}

.ie9 .slidebutton, .ie9 .slidebutton:hover {
    filter: none;
}

.slidebutton.reversedslidebutton {
    background: none;
    color: #562626;
    border: 1px solid #562626;
}

    .slidebutton.reversedslidebutton:hover {
        background: #562626;
        color: #fff;
        border: 1px solid #fff;
    }

    .slidebutton.reversedslidebutton.white {
        background: none;
        color: #fff;
        border: 1px solid #fff;
    }

        .slidebutton.reversedslidebutton.white:hover {
            background: #fff;
            border: 1px solid #fff;
            color: #562626;
        }

.slidebutton.whiteslidebutton {
    background: #fff;
    color: #562626;
    border: 1px solid #562626;
}

    .slidebutton.whiteslidebutton:hover {
        background: #562626;
        color: #fff;
        border: 1px solid #fff;
    }






.buttonstar {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url(images/star.svg) no-repeat;
    background-position: center center;
    background-size: 20px 20px;
}

@media screen and (max-width: 767px) {
    .buttonstar {
        display: none;
    }
}

.navbutton {
    float: right;
    margin-top: -5px;
    font-size: 18px;
    border: 1px solid #562626;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}


/*--------------------------NEWS STYLES--------------------------*/

#newswrapper {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #fafafa;
    -webkit-transform-style: preserve-3d;
}

#newscontent {
    margin: 30px 0 30px 0;
    width: 100%;
    position: relative;
    display: block;
}

@media screen and (max-width: 767px) {
    #newscontent {
        margin: 15px 0 15px 0;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
}

.newssectiontitle, .accountbenefitstitle {
    font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 30px;
    color: #555;
    text-transform: uppercase;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .newssectiontitle, .accountbenefitstitle {
        font-size: 24px;
    }
}

@media screen and (max-width: 767px) {
    .newssectiontitle {
        font-size: 28px;
        line-height: 28px;
        text-align: center;
    }
}

.allnews {
    display: inline-block;
    font-family: "proxima-nova-condensed", Helvetica, sans-serif;
    font-size: 18px;
    padding-left: 30px;
    text-transform: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .allnews {
        font-size: 15px;
    }
}

@media screen and (max-width: 767px) {
    .allnews {
        display: block;
        margin: 0;
        padding-left: 0;
        font-size: 16px;
        text-align: center;
    }
}

#mainarticle {
    margin: 30px 0 30px 0;
    padding: 0;
}

    #mainarticle img {
        position: relative;
        display: block;
        width: 140px;
        height: auto;
        float: left;
        margin: 0 20px 0 0;
        border: 3px solid #fff;
        -webkit-box-shadow: 0 0 3px #ccc;
        -moz-box-shadow: 0 0 3px #ccc;
        box-shadow: 0 0 3px #ccc;
    }

@media (min-width: 445px) and (max-width: 767px) {
    #mainarticle img {
        width: 140px;
        border: 3px solid #fff;
        margin: 0 10px 5px 0;
    }
}

@media screen and (max-width: 445px) {
    #mainarticle img {
        width: 35%;
    }
}

.articletitle {
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    color: #333;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .articletitle {
        font-size: 15px;
        padding-top: 0px;
    }
}

@media screen and (max-width: 767px) {
    .articletitle {
        padding-top: 0px;
        font-family: "proxima-nova", Helvetica, sans-serif;
        font-size: 18px;
    }
}

p.articlesnippet {
    margin: 10px 0 0 0;
    padding-right: 30px;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-size: 16px;
    color: #666;
}

@media (min-width: 992px) and (max-width: 1199px) {
    p.articlesnippet {
        font-size: 14px;
        line-height: 20px;
    }
}

@media screen and (max-width: 767px) {
    p.articlesnippet {
        padding-right: 0px;
    }
}

p.articlesnippet.articleright {
    padding-right: 0;
}

.articlesnippet p {
    margin-top: 0px;
}

.readfull {
    margin-left: 10px;
    font-size: 13px;
    text-transform: uppercase;
}

    .readfull .linkarrow {
        margin-top: 8px;
        margin-left: 8px;
        width: 7px;
        height: 7px;
    }

.othernews {
    position: relative;
    display: block;
    margin-top: 0px;
    width: 100%;
}

@media screen and (max-width: 991px) {
    .othernews {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
}

@media screen and (max-width: 767px) {
    .othernews {
        margin-top: 30px;
    }

        .othernews .col-xs-6:nth-child(3) {
            clear: left;
        }
}

.othernews img {
    display: block;
    width: 100%;
    height: auto;
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
}

p.othernewstitle {
    margin: 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.2em;
    color: #333;
    padding-top: 5px;
}

p.othernewsdate {
    margin: 0;
    padding-top: 0px;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-size: 14px;
    color: #666;
}

@media (min-width: 992px) and (max-width: 1199px) {
    p.othernewstitle {
        font-size: 14px;
    }

    p.othernewsdate {
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    .othernews img {
        border: 3px solid #fff;
    }

    p.othernewsdate {
        margin-bottom: 20px;
    }
}


/*--------------------------ACCOUNT BENEFITS STYLES--------------------------*/

@media screen and (min-width: 992px) {
    #newswrapper .col-md-4 {
        width: 36.66666666666663%;
    }

    #newswrapper .col-md-offset-1 {
        margin-left: 5%;
    }
}

#accountbenefits {
    position: relative;
    display: block;
    padding: 0;
}

#accountbenefitscontent {
    position: relative;
    margin: 30px 0 30px 0;
    padding: 0;
}

.individualbenefit {
    margin: 0 0 30px 0;
}


p.benefittext {
    position: relative;
    display: block;
    margin: -10px 0 0 60px;
}

.benefittitle {
    position: relative;
    display: inline-block;
    margin: 2px 0 0 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    color: #333;
    padding-top: 8px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .benefittitle {
        font-size: 16px;
        padding-top: 4px;
    }
}

.benefittag {
    position: relative;
    display: inline-block;
    margin: 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-size: 16px;
    color: #666;
}

.listimage {
    position: absolute;
    display: inline-block;
    left: 15px;
    width: 40px;
    height: 40px;
}

.directory {
    background: url(images/spotlight.svg) no-repeat center center;
    background-size: contain;
}

.no-svg .directory, .no-inlinesvg .directory {
    background: url(images/pngfallbacks/spotlight.png) no-repeat center center;
    background-size: 40px 40px;
}

.briefcase {
    background: url(images/briefcase.svg) no-repeat center center;
    background-size: contain;
}

.no-svg .briefcase, .no-inlinesvg .briefcase {
    background: url(images/pngfallbacks/briefcase.png) no-repeat center center;
    background-size: 40px 40px;
}

.inbox {
    background: url(images/inbox.svg) no-repeat center center;
    background-size: contain;
}

.no-svg .inbox, .no-inlinesvg .inbox {
    background: url(images/pngfallbacks/inbox.png) no-repeat center center;
    background-size: 40px 40px;
}

.txag {
    background: url(images/txag.svg) no-repeat center center;
    background-size: contain;
}

.no-svg .inbox, .no-inlinesvg .txag {
    background: url(images/pngfallbacks/txag.png) no-repeat center center;
    background-size: 40px 40px;
}

#benefitsbuttons {
    position: relative;
    text-align: center;
    margin-top: 10px;
}

    #benefitsbuttons .slidebutton {
        position: relative;
        display: inline-block;
        margin: 20px 0 0 0;
        font-size: 18px;
    }

    #benefitsbuttons .allnews {
        padding-left: 20px;
    }


@media (min-width: 768px) and (max-width: 991px) {
    #accountbenefits {
        margin-top: 60px;
        text-align: center;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
    }

    .listimage {
        position: relative;
        display: block;
        left: 0;
        margin: 0 auto;
        padding-top: 10px;
    }

    p.benefittext {
        margin: 0 0 0 0;
    }

    .benefittitle {
        margin: 0 0 5px 0;
        font-size: 18px;
        line-height: 20px;
    }

    .benefittag {
        font-size: 16px;
        line-height: 18px;
    }
}

@media screen and (max-width: 767px) {
    #accountbenefits {
        margin: -20px 0 0 0;
        text-align: left;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
    }

    #benefitsbuttons {
        margin: 0 0 30px 0;
    }

        #benefitsbuttons .allnews {
            margin-top: 5px;
            padding-left: 0px;
        }

    .accountbenefitstitle {
        margin: 0 0 20px 0;
        padding: 0 5px;
        font-family: "proxima-nova-condensed", Helvetica, sans-serif;
        font-weight: 300;
        font-size: 24px;
        line-height: 26px;
        color: #555;
        text-align: center;
    }

    .listimage {
        top: 12px;
        width: 35px;
        height: 35px;
    }

    .benefittitle {
        font-size: 16px;
        line-height: 20px;
    }
}


/*--------------------------MISSION STATEMENT STYLES--------------------------*/

#mission {
    position: inherit;
    display: block;
    margin: 0 auto;
    background: url(images/building1.jpg) no-repeat;
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: cover;
    height: auto;
}

.missioncontent {
    position: relative;
}

#mission p {
    position: relative;
    display: block;
    width: 100%;
    font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 50px;
    line-height: 55px;
    color: #fff;
    text-align: center;
    text-shadow: 0px 0px 20px #333;
    padding: 60px 0 60px 0;
    letter-spacing: 2px;
    -webkit-backface-visibility: hidden;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #mission p {
        font-size: 40px;
        line-height: 45px;
    }
}

@media screen and (max-width: 991px) {
    #mission {
        background-attachment: scroll;
        background-position: center center;
        background-size: cover;
    }

        #mission p {
            font-size: 35px;
            line-height: 40px;
        }

    .missioncontent {
        top: 0px;
    }
}

@media screen and (max-width: 767px) {
    #mission p {
        font-size: 28px;
        line-height: 33px;
        padding: 30px 0 30px 0;
    }
}


/*--------------------------IMPACT INFOGRAPHIC STYLES--------------------------*/

#infographic {
    position: relative;
    display: block;
    margin: 100px auto;
    width: 100%;
    text-align: center;
    -webkit-backface-visibility: hidden;
}

@media screen and (min-width: 1200px) {
    #infographic .container {
        width: 1100px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #infographic {
        margin: 80px auto 100px auto;
    }
}

@media screen and (max-width: 991px) {
    #infographic {
        margin: 50px 0 90px 0;
        padding: 0;
    }
}

@media screen and (max-width: 767px) {
    #infographic {
        margin: 40px 0 0 0;
        padding: 0;
    }
}

#infographic .ribbon {
    position: relative;
    display: block;
    margin-bottom: 50px;
    width: 100%;
    height: auto;
}

    #infographic .ribbon img {
        width: 100%;
        height: auto;
    }

    #infographic .ribbon p {
        position: relative;
        display: block;
        margin: -112px 0 0 0;
        padding: 0;
        font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif;
        font-weight: 700;
        font-size: 75px;
        line-height: 75px;
        color: #fff;
        text-transform: uppercase;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    #infographic .ribbon p {
        margin: -87px 0 30px 0;
        font-size: 55px;
        line-height: 55px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #infographic .ribbon p {
        margin: -67px 0 30px 0;
        font-size: 45px;
        line-height: 45px;
    }
}

@media screen and (max-width: 767px) {
    #infographic .ribbon p {
        margin: -30px 0 30px 0;
        font-size: 22px;
        line-height: 22px;
    }
}

#infographic .formerstudents {
    position: relative;
    display: block;
    margin-top: 30px;
    width: 100%;
    height: auto;
}

@media (min-width: 768px) and (max-width: 991px) {
    #infographic .formerstudents {
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    #infographic .formerstudents {
        margin-top: -20px;
    }
}


#infographic .fiftypercent {
    position: relative;
    display: block;
    margin-top: 30px;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 767px) {
    #infographic .fiftypercent {
        margin-top: 20px;
    }
}

#infographic .millions {
    position: relative;
    display: block;
    margin-top: 50px;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 767px) {
    #infographic .millions {
        margin-top: 20px;
    }
}

#infographic .bracket {
    position: relative;
    display: block;
    margin-top: 20px;
    width: 100%;
    height: auto;
}

@media (min-width: 768px) and (max-width: 991px) {
    #infographic .bracket {
        margin-top: 10px;
    }
}

@media screen and (max-width: 767px) {
    #infographic .bracket {
        margin-top: 5px;
    }
}

#infographic .dollararea {
    position: relative;
    display: block;
    margin-top: 20px;
    width: 100%;
    height: auto;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #infographic .dollararea {
        margin-top: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #infographic .dollararea {
        margin-top: 10px;
    }
}

@media screen and (max-width: 767px) {
    #infographic .dollararea {
        margin-top: 10px;
    }
}

#infographic .impact {
    position: relative;
    display: block;
    margin-top: 50px;
    width: 100%;
    height: auto;
}

@media (min-width: 768px) and (max-width: 991px) {
    #infographic .impact {
        margin-top: 30px;
    }
}

@media screen and (max-width: 767px) {
    #infographic .impact {
        margin-top: 15px;
    }
}

#infographic a.slidebutton {
    position: relative;
    display: inline-block;
    width: auto;
    margin-top: 30px;
    padding: 2px 55px 0px;
    font-size: 28px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #infographic a.slidebutton {
        margin-top: 20px;
        font-size: 24px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #infographic a.slidebutton {
        margin-top: 20px;
        font-size: 22px;
    }
}

@media screen and (max-width: 767px) {
    #infographic a.slidebutton {
        margin-top: 20px;
        padding: 3px 30px 0px;
        font-size: 20px;
    }
}


/*--------------------------FEATURE BOX STYLES--------------------------*/

#featureboxes {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 70px 0 70px 0;
    width: 100%;
    text-align: center;
}

.featureboxsingle {
    height: 250px;
    padding: 15px;
    color: #333;
    background: #fff;
    -webkit-box-shadow: 0 0px 2px #ccc;
    -moz-box-shadow: 0 0px 2px #ccc;
    box-shadow: 0 0px 2px #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#featureboxes.featureboxesreversed .featureboxsingle {
    color: #fff;
    background: none;
}

#featureboxes img {
    width: 100%;
    height: auto;
}

#featureboxes p.featureboxtitle {
    margin: 15px 0 5px 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-size: 18px;
    line-height: 20px;
    color: #562626;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #featureboxes p.featureboxtitle {
        font-size: 0.95em;
    }
}

#featureboxes p.featureboxtag {
    margin: 2px 0 0 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 300;
    color: #777;
    font-size: 15px;
    line-height: 19px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #featureboxes p.featureboxtag {
        font-size: 0.85em;
    }
}

#featureboxes.featureboxesreversed p.featureboxtitle, #featureboxes.featureboxesreversed p.featureboxtag {
    color: #fff;
}

#upcomingevents {
    text-align: left;
}

    #upcomingevents p.eventstitle {
        margin: 0 0 10px 0;
        font-size: 18px;
    }

#eventcalendar {
    width: 100%;
}

    #eventcalendar p.eventrow {
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        font-family: "proxima-nova", Helvetica, sans-serif;
        font-size: 14px;
        line-height: 20px;
        color: #666;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    #eventcalendar p.eventrow {
        font-size: 0.75em;
    }
}

.eventdate {
    float: left;
    width: 30%;
}

.eventname {
    float: left;
    width: 70%;
}

.blank {
    line-height: 1em;
    margin: 0;
    padding: 0;
}

.allevents {
    clear: both;
    padding-top: 15px;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-size: 14px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .allevents {
        font-size: 0.75em;
    }
}

@media screen and (max-width: 991px) {
    .featureboxsingle {
        margin: 0 0 40px 0;
    }

    #upcomingevents p.eventstitle {
        margin: 0 0 15px 0;
        padding: 0 0 0 0;
        font-size: 18px;
    }

    #eventcalendar p.eventrow, .allevents {
        font-size: 14px;
        line-height: 18px;
    }

    .eventdate, .eventname {
        margin: 0 0 5px 0;
    }

    #mobilemap p.featureboxtag {
        margin-top: 10px;
        font-size: 16px;
        text-align: left;
    }
}


@media screen and (max-width: 767px) {
    .featureboxsingle {
        margin: 0 auto 30px auto;
        height: auto;
        max-width: 275px;
    }
}



/*--------------------------AFFINITY PARTNERS STYLES--------------------------*/

#affinity {
    position: relative;
    display: none;
    width: 100%;
    height: auto;
    margin: 10px 0 0 0;
    text-align: center;
}

p.affinitycopy {
    position: relative;
    display: block;
    width: 65%;
    margin: 0 auto;
    padding-top: 30px;
    font-family: "proxima-nova-condensed", Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 200;
    line-height: 20px;
    color: #888;
    letter-spacing: 1px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .affinitycopy {
        font-size: 1.15em;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    p.affinitycopy {
        width: 100%;
    }
}

#affinity ul {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 20px auto 30px auto;
}

    #affinity ul li {
        margin: 0 25px 0 25px;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    #affinity ul li {
        margin: 0 15px 0 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #affinity ul li {
        margin: 0 15px 30px 15px;
    }
}

li.bankofamerica a {
    margin-right: 50px;
    display: block;
    width: 200px;
    height: 24px;
    background: url(images/partners/bankofamerica-color.png) no-repeat center center;
    background-size: 200px 24px;
    background-size: contain;
}

@media (min-width: 992px) and (max-width: 1199px) {
    li.bankofamerica a {
        width: 164px;
        height: 19px;
        background-size: 164px 19px;
        background-size: contain;
    }
}

li.merrilledge a {
    margin-right: 50px;
    display: block;
    width: 90px;
    height: 59px;
    background: url(images/partners/merrilledge-color.png) no-repeat center center;
    background-size: 90px 59px;
    background-size: contain;
}

@media (min-width: 992px) and (max-width: 1199px) {
    li.merrilledge a {
        width: 74px;
        height: 49px;
        background-size: 74px 49px;
        background-size: contain;
    }
}

li.nationwide a {
    margin-right: 50px;
    display: block;
    width: 80px;
    height: 76px;
    background: url(images/partners/nationwide-color.png) no-repeat center center;
    background-size: 80px 76px;
    background-size: contain;
}

@media (min-width: 992px) and (max-width: 1199px) {
    li.nationwide a {
        width: 62px;
        height: 59px;
        background-size: 49px 56px;
        background-size: contain;
    }
}

li.messinahof a {
    margin-right: 50px;
    display: block;
    width: 165px;
    height: 40px;
    background: url(images/partners/messinahof-color.png) no-repeat center center;
    background-size: 165px 40px;
    background-size: contain;
}

@media (min-width: 992px) and (max-width: 1199px) {
    li.messinahof a {
        width: 135px;
        height: 33px;
        background-size: 135px 33px;
        background-size: contain;
    }
}

li.traditions a {
    display: block;
    width: 165px;
    height: 68px;
    background: url(images/partners/traditions-color.png) no-repeat center center;
    background-size: 165px 68px;
    background-size: contain;
}

@media (min-width: 992px) and (max-width: 1199px) {
    li.traditions a {
        width: 135px;
        height: 56px;
        background-size: 135px 56px;
        background-size: contain;
    }
}


/*--------------------------FOOTER STYLES--------------------------*/


@media screen and (min-width: 992px) {
    #allfooter {
        position: absolute;
        display: block;
        bottom: 0;
        width: 100%;
        height: 305px;
    }
}

.footerlogocontainer {
    position: relative;
    display: block;
    margin: 30px auto 0 auto;
    padding: 0;
    width: 100%;
    height: 40px;
}

.footerlogocontainerbar {
    position: relative;
    display: block;
    width: 100%;
    height: 45px;
    background: #fff;
    z-index: 2;
}

.footerlogocircle {
    position: relative;
    display: block;
    margin: -45px auto 0 auto;
    width: 100px;
    height: 70px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    border-radius: 50%;
    z-index: 1;
}

.footerlogo {
    position: relative;
    display: block;
    margin: -48px auto 0 auto;
    width: 40px;
    height: 40px;
    background: url(images/afsringlogo-maroon.svg) no-repeat center center;
    background-size: 40px 40px;
    z-index: 3;
}

.footerlogocontainer.footerlogocontainer-maroon .footerlogocontainerbar, .footerlogocontainer.footerlogocontainer-maroon .footerlogocircle {
    background: #faf9fa !important;
}

.footerlogocontainer.footerlogocontainer-black .footerlogocontainerbar, .footerlogocontainer.footerlogocontainer-black .footerlogocircle {
    background: #000;
}

.footerlogocontainer.footerlogocontainer-black .footerlogo {
    margin: -52px auto 0 auto;
    width: 45px;
    height: 45px;
    background: url(images/afsringlogo-white.svg) no-repeat center center;
    background-size: 45px 45px;
}

.footercontainer {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    display: block;
    background: #efefef;
    border-top: 1px solid #ddd;
}

.buildingquote {
    margin: 20px 0 0 0;
    font-family: "proxima-nova-condensed", Helvetica, sans-serif;
    font-size: 22px;
    line-height: 26px;
    font-weight: 200;
    color: #888;
    text-align: center;
}

.quoteauthor {
    margin: 5px 0 0 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #888;
    text-transform: uppercase;
    text-align: center;
}

.contact {
    position: relative;
    display: block;
    padding-top: 20px;
    height: 130px;
    border-right: 1px solid #ccc;
}

    .contact p {
        position: relative;
        display: block;
        top: 0;
        left: 30px;
        margin: 0 0 20px 0;
        color: #562626;
        font-family: "proxima-nova", Helvetica, sans-serif;
        font-size: 16px;
        line-height: 22px;
    }

    .contact img {
        position: absolute;
        display: block;
        margin: 1px 10px 0 0;
        width: 15px;
        height: auto;
        vertical-align: top;
    }

        .contact img.phone {
            width: 12px;
        }

.footercontainer ul {
    margin: 0;
    border-left: 1px solid #ccc;
}

    .footercontainer ul li {
        padding: 0px 0 0px 50px;
        font-family: "proxima-nova", sans-serif;
        font-size: 16px;
        line-height: 16px;
    }

        .footercontainer ul li:last-child {
            margin: 0;
        }

        .footercontainer ul li a {
            color: #562626;
        }


@media (min-width: 992px) and (max-width: 1199px) {
    #allfooter {
        height: 290px;
    }

    .footerlogocircle {
        margin: -40px auto 0 auto;
        width: 90px;
        height: 60px;
    }

    .footerlogo {
        margin: -42px auto 0 auto;
        width: 34px;
        height: 34px;
        background-size: 34px 34px;
    }

    .footerlogocontainer.footerlogocontainer-black .footerlogo {
        margin: -45px auto 0 auto;
        width: 39px;
        height: 39px;
        background-size: 39px 39px;
    }

    .buildingquote {
        margin: 20px 0 0 0;
        font-size: 18px;
        line-height: 22px;
    }

    .quoteauthor {
        font-size: 14px;
    }

    .contact {
        height: 92px;
    }

        .contact p {
            font-size: 14px;
        }

    .footercontainer ul li a {
        font-size: 14px;
        line-height: 22px;
    }
}

@media screen and (max-width: 991px) {
    #mobilefooter {
        position: relative;
        display: block;
        margin: 0;
        padding: 0;
    }
}

@media screen and (max-width: 991px) {
    .footerlogocircle {
        margin: -40px auto 0 auto;
        width: 90px;
        height: 60px;
    }

    .footerlogo {
        margin: -42px auto 0 auto;
        width: 34px;
        height: 34px;
        background-size: 34px 34px;
    }

    .footerlogocontainer.footerlogocontainer-black .footerlogo {
        margin: -45px auto 0 auto;
        width: 39px;
        height: 39px;
        background-size: 39px 39px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .contact {
        height: 130px;
    }

        .contact p {
            margin: 0 0 10px -5px;
            padding: 10px 0 0 0;
            font-size: 14px;
            line-height: 20px;
        }

        .contact img {
            margin: 12px 0 0 0;
            width: 12px;
        }

            .contact img.phone {
                width: 10px;
            }

    .buildingquote {
        margin: 10px 0 0 0;
        font-size: 18px;
        line-height: 22px;
    }

    .quoteauthor {
        font-size: 14px;
    }

    .footercontainer ul {
        padding: 10px 0 0 0;
        height: 130px;
    }

        .footercontainer ul li a {
            padding: 0 0 0 30px;
            font-size: 14px;
            line-height: 22px;
        }
}

@media screen and (max-width: 767px) {
    .contact {
        margin: 15px auto 0 auto;
        height: auto;
        border-right: none;
    }

        .contact p {
            display: block;
            font-size: 18px;
            line-height: 22px;
        }

        .contact img {
            margin: 0;
            width: 18px;
        }

            .contact img.phone {
                width: 14px;
            }
}

/*--------------------------LEGAL STUFF STYLES--------------------------*/

.legalstuffcontainer {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #f9f9f9;
}

.legalstuffcontainer {
    position: relative;
    margin: 0 auto;
    padding: 20px 0;
}

    .legalstuffcontainer a {
        color: #562626;
    }

    .legalstuffcontainer p {
        margin: 0;
        font-family: "proxima-nova-condensed", Helvetica, sans-serif;
        font-size: 14px;
        line-height: 14px;
        color: #562626;
    }

.legalcopy {
    position: relative;
    margin: 0 0 0 0;
    padding: 0;
}

    .legalcopy ul li {
        position: relative;
        display: inline-block;
        margin: 0 3px 0 3px;
        font-size: 14px;
        line-height: 14px;
    }

        .legalcopy ul li:first-child {
            margin: 0 3px 0 0;
        }

.sociallinks {
    position: relative;
    margin-top: 10px;
    float: right;
}

.social ul {
    display: inline-block;
    overflow: hidden;
}

.social li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 30px;
    padding: 0 0 0 0;
}

.social span {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
}

.social .facebook {
    width: 9px;
    background: url(images/socialicons/facebook-maroon.svg) no-repeat center center;
    background-size: 9px 20px;
}

.no-svg .social .facebook, .no-inlinesvg .social .facebook {
    width: 9px;
    background: url(images/pngfallbacks/facebook-maroon.png) no-repeat center center;
    background-size: 9px 20px;
}

.social a:hover .facebook {
    width: 9px;
    background: url(images/socialicons/facebook.svg) no-repeat center center;
    background-size: 9px 20px;
}

.no-svg .social a:hover .facebook, .no-inlinesvg .social a:hover .facebook {
    width: 9px;
    background: url(images/pngfallbacks/facebook.png) no-repeat center center;
    background-size: 9px 20px;
}

.social .twitter {
    background: url(images/socialicons/twitter-maroon.svg) no-repeat center center;
    background-size: 20px 16px;
}

.no-svg .social .twitter, .no-inlinesvg .social .twitter {
    background: url(images/pngfallbacks/twitter-maroon.png) no-repeat center center;
    background-size: 20px 16px;
}

.social a:hover .twitter {
    background: url(images/socialicons/twitter.svg) no-repeat center center;
    background-size: 20px 16px;
}

.no-svg .social a:hover .twitter, .no-inlinesvg .social a:hover, .twitter {
    background: url(images/pngfallbacks/twitter.png) no-repeat center center;
}

.social .linkedin {
    background: url(images/socialicons/linkedin-maroon.svg) no-repeat center center;
    background-size: 20px 20px;
}

.no-svg .social .linkedin, .no-inlinesvg .social .linkedin {
    background: url(images/pngfallbacks/linkedin-maroon.png) no-repeat center center;
    background-size: 20px 20px;
}

.social a:hover .linkedin {
    background: url(images/socialicons/linkedin.svg) no-repeat center center;
    background-size: 20px 20px;
}

.no-svg .social a:hover .linkedin, .no-inlinesvg .social a:hover .linkedin {
    background: url(images/pngfallbacks/linkedin.png) no-repeat center center;
}

.social .instagram {
    background: url(images/socialicons/instagram-maroon.svg) no-repeat center center;
    background-size: 20px 20px;
}

.no-svg .social .instagram, .no-inlinesvg .social .instagram {
    background: url(images/pngfallbacks/instagram-maroon.png) no-repeat center center;
    background-size: 20px 20px;
}

.social a:hover .instagram {
    background: url(images/socialicons/instagram.svg) no-repeat center center;
    background-size: 20px 20px;
}

.no-svg .social a:hover .pinterest, .no-inlinesvg .social a:hover .pinterest {
    background: url(images/pngfallbacks/instagram.png) no-repeat center center;
}

.social .youtube {
    width: 40px;
    background: url(images/socialicons/youtube-maroon.svg) no-repeat center center;
    background-size: 40px 16px;
}

.no-svg .social .youtube, .no-inlinesvg .social .youtube {
    width: 40px;
    background: url(images/pngfallbacks/youtube-maroon.png) no-repeat center center;
    background-size: 40px 16px;
}

.social a:hover .youtube {
    width: 40px;
    background: url(images/socialicons/youtube.svg) no-repeat center center;
    background-size: 40px 16px;
}

.no-svg .social a:hover .youtube, .no-inlinesvg .social a:hover .youtube {
    background: url(images/pngfallbacks/youtube.png) no-repeat center center;
}


@media screen and (max-width: 991px) {
    .legalstuffcontainer {
        font-size: 12px;
    }

    .legalstuffcontent a {
        color: #fff;
    }

    .legalcopy ul {
        margin: 0 0 5px 0;
    }

        .legalcopy ul li, .legalcopy p {
            font-size: 12px;
            line-height: 12px;
        }

    .sociallinks {
        margin-top: 5px;
    }

    .legalstuffcontainer .social li:first-child {
        margin: 0 0 0 0;
    }
}

@media screen and (max-width: 767px) {
    .legalstuffcontainer {
        text-align: center;
    }

    .legalcopy p {
        margin: 5px auto 0 auto;
        padding: 0;
        font-weight: 400;
    }

    .sociallinks {
        float: none;
        margin: 0 0 15px 0;
    }

    .legalstuffcontainer .social li {
        margin: 0 0 0 25px;
    }
}





/*-------------------------------------------------------------------------------------------------------*/
/*------------------------------------------MAIN ABOUT US PAGE-------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/

/*-------COMMON PAGE ELEMENTS-------*/

h3.sectiontitle {
    position: relative;
    display: block;
    margin: 0 0 50px 0;
    padding: 0;
    font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif;
    font-weight: 700;
    color: #562626;
    font-size: 45px;
    line-height: 53px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
}

    h3.sectiontitle.sectiontitle-left {
        text-align: left;
    }

.headingline {
    position: relative;
    display: block;
    margin: 5px auto 0 auto;
    width: 150px;
    height: 5px;
    background: #ccc;
}

h3.sectiontitle.sectiontitle-left .headingline {
    margin: 5px 0 0;
}

.sectionstory p {
    margin: 0 0 20px 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #777;
}

.sectionbuttons {
    position: relative;
    display: block;
    margin: 75px 0 0 0;
    width: 100%;
    text-align: center;
}

    .sectionbuttons .slidebutton {
        display: inline-block;
        width: 416px;
        background: none;
        color: #562626;
        border: 1px solid #562626;
    }

        .sectionbuttons .slidebutton:hover {
            background: #562626;
            color: #fff;
            border: 1px solid #fff;
        }

#aboutusalumnicenter .sectionbuttons .slidebutton {
    width: 318px;
    color: #fff;
    border: 1px solid #777;
}

    #aboutusalumnicenter .sectionbuttons .slidebutton:hover {
        background: #fff;
        color: #06070b;
        border: 1px solid #06070b;
    }

@media screen and (max-width: 1199px) {
    .sectionstory p {
        font-size: 16px;
    }

    .sectionbuttons .slidebutton {
        width: 355px;
        font-size: 20px;
    }

    #aboutusalumnicenter .sectionbuttons .slidebutton {
        width: 273px;
    }
}

@media screen and (max-width: 991px) {
    .sectionbuttons .slidebutton {
        width: 339px;
        font-size: 18px;
    }

    #aboutusalumnicenter .sectionbuttons {
        margin: 45px 0 0 0;
    }

        #aboutusalumnicenter .sectionbuttons .slidebutton {
            margin-top: 30px;
        }

    .hideme-sm {
        display: none;
    }

    .clearme-sm {
        clear: left;
    }
}

@media screen and (max-width: 767px) {
    h3.sectiontitle {
        font-size: 39px;
        line-height: 42px;
    }

    .sectionstory p {
        font-size: 16px;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    .headingline {
        width: 110px;
    }

    .clearme-xs {
        clear: left;
    }

    .hideme-xs {
        display: none !important;
    }

    .showme-xs {
        display: block;
    }

    .sectionbuttons {
        margin: 50px 0 0 0;
    }

        .sectionbuttons .slidebutton {
            display: block;
            margin-top: 20px;
            width: 100%;
            font-size: 17px;
        }

    #aboutusalumnicenter .sectionbuttons .slidebutton {
        margin-top: 20px;
        width: 100%;
    }
}


/*----------ABOUT US INTRO----------*/

#aboutusintro {
    position: relative;
    display: block;
    margin: -90px 0 0 0;
    padding: 0 0 75px 0;
    background: #eeeeee;
}

#aboutushero {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 500px;
    background: url(images/aboutus/traindepot.jpg) no-repeat center bottom;
    background-size: cover;
}

#aboutusintrocontent {
    position: relative;
    display: block;
    margin: 70px 0 0 0;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 1199px) {
    #aboutushero {
        height: 400px;
        background: url(images/aboutus/traindepot.jpg) no-repeat 25% bottom;
        background-size: cover;
    }

    #aboutusintrocontent {
        margin: 50px 0 0 0;
    }
}

@media screen and (max-width: 991px) {
    #aboutusintro {
        margin: -40px 0 0 0;
    }
}

@media screen and (max-width: 767px) {
    #aboutushero {
        height: 300px;
        background: url(images/aboutus/traindepot.jpg) no-repeat 10% bottom;
        background-size: cover;
    }

    #aboutusintrocontent {
        margin: 25px 0 0 0;
    }
}

#celebrating140 {
    width: 100%;
    height: auto;
    padding: 80px;
    background: url(images/aboutus/140bg.jpg) no-repeat center center;
    background-size: cover;
}

.celebrating140title {
    position: relative;
    display: block;
    margin: 0 auto 40px;
    width: 400px;
    height: auto;
}

.celebrating140videos {
    justify-content: center;
}

    .celebrating140videos > div + div {
        margin-left: 80px;
    }

.celebrating140-firstvideo img, .celebrating140-secondvideo img {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 400px;
    height: auto;
}

.celebrating140-firstvideo p, .celebrating140-secondvideo p {
    margin-top: 10px;
    font-size: 18px;
    color: #fff;
    text-align: center;
}

@media (max-width: 1050px) {
    .celebrating140-firstvideo img, .celebrating140-secondvideo img {
        width: 300px;
        height: auto;
    }
}

@media (max-width: 850px) {
    #celebrating140 {
        padding: 80px 40px;
    }

    .celebrating140title {
        width: 350px;
    }

    .celebrating140videos > div + div {
        margin-left: 40px;
    }

    .celebrating140-firstvideo img, .celebrating140-secondvideo img {
        width: 300px;
        height: auto;
    }
}

@media (max-width: 725px) {
    #celebrating140 {
        padding: 80px 20px;
    }

    .celebrating140title {
        width: 300px;
    }

    .celebrating140videos > div + div {
        margin-left: 0;
        margin-top: 40px;
    }

    .celebrating140-firstvideo, .celebrating140-secondvideo {
        width: 100%;
    }

        .celebrating140-firstvideo img, .celebrating140-secondvideo img {
            width: 300px;
            height: auto;
        }
}


/*----------ABOUT US WHAT WE DO----------*/

#aboutuswhatwedo {
    position: relative;
    display: block;
    margin: 70px 0 0 0;
    padding: 0;
}

#whatwedocontent {
    position: relative;
    display: block;
    margin: -100px 0 0 0;
    padding: 0;
}

.individualarea {
    position: relative;
    display: block;
    margin: 100px 0 0 0;
}

#whatwedocontent img {
    position: relative;
    display: block;
    width: 350px;
    height: auto;
    padding: 10px 10px 10px 10px;
    -webkit-box-shadow: 0px 0px 4px #ccc;
    -moz-box-shadow: 0px 0px 4px #ccc;
    box-shadow: 0px 0px 4px #ccc;
}

img.wwdar {
    float: right;
}

.whatwedoareatitle {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 30px;
    line-height: 28px;
    color: #562626;
}

.whatwedoareadescription {
    position: relative;
    display: block;
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-size: 18px;
    color: #777;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.specificsitemnumber {
    margin: 20px 0 0 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 36px;
    line-height: 36px;
    color: #562626;
    text-align: center;
}

.specificsitemdescription {
    margin: 5px 0 0 0;
    font-family: "proxima-nova-condensed", Helvetica, sans-serif;
    font-weight: 200;
    font-size: 20px;
    line-height: 22px;
    color: #777;
    text-align: center;
}

#videocallout {
    position: relative;
    display: block;
    margin: 100px 0 0 0;
    padding: 15px 0;
    width: 100%;
    height: auto;
}

    #videocallout img {
        position: relative;
        display: block;
        float: right;
        margin-right: 10px;
        width: 337px;
        height: 190px;
        padding: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    #videocallout .whatwedoareatitle {
        margin: 35px 0 0 10px;
        line-height: 32px;
    }

@media screen and (max-width: 1199px) {
    #whatwedocontent img {
        width: 100%;
        padding: 7px;
    }

    .whatwedoareatitle {
        font-size: 24px;
    }

    .whatwedoareadescription {
        font-size: 16px;
    }

    .specificsitemnumber {
        font-size: 30px;
        line-height: 30px;
    }

    .specificsitemdescription {
        margin: 5px 0 0 0;
        font-size: 18px;
        line-height: 20px;
    }

    #videocallout img {
        width: 311px;
        height: 175px;
    }
}

@media screen and (max-width: 991px) {
    #whatwedocontent img {
        width: 90%;
        margin: 0 auto;
        padding: 5px;
    }

    .individualareastablet {
        position: relative;
        display: block;
        margin: 10px 0 0 0;
    }

    #videocallout img {
        float: none;
        margin-right: 0;
        width: 100%;
        height: 152px;
    }

    #videocallout .whatwedoareatitle {
        margin: 10px 0 0 10px;
    }
}

@media screen and (max-width: 767px) {
    #aboutuswhatwedo {
        margin: 50px 0 0 0;
    }

    .individualarea {
        margin: 75px 0 0 0;
    }

    img.wwdar {
        float: none;
    }

    .whatwedoareatitle {
        margin-top: 20px;
        font-size: 24px;
        text-align: center;
    }

    .specificsitemdescription {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    #videocallout {
        margin: 75px 0 0 0;
        padding: 0;
    }

        #videocallout img {
            margin: 0 auto;
            float: none;
            width: 260px;
        }

        #videocallout .whatwedoareatitle {
            margin: 10px 0 0 0;
        }
}


/*----------ABOUT US ALUMNI CENTER----------*/

#aboutusalumnicenter {
    position: relative;
    display: block;
    margin: 100px 0 0 0;
    padding: 0 0 75px 0;
    width: 100%;
    height: auto;
    background: #06070b;
}

#alumnicenterheader {
    position: relative;
    display: block;
    width: 100%;
    height: 500px;
    background: url(images/aboutus/thealumnicenter.jpg) no-repeat center bottom;
    background-size: cover;
}

#aboutusalumnicenter h3.sectiontitle {
    margin-top: 50px;
    color: #fff;
}

#aboutusalumnicenter .headingline {
    background: #fff;
}

#aboutusalumnicenter .sectionstory p, #aboutusalumnicenter .specificsitemdescription {
    color: #999;
}

#aboutusalumnicenter .specificsitemnumber {
    color: #eee;
}

@media screen and (max-width: 1199px) {
    #alumnicenterheader {
        height: 400px;
    }
}

@media screen and (max-width: 991px) {
    #alumnicenterheader {
        height: 400px;
    }
}

@media screen and (max-width: 767px) {
    #aboutusalumnicenter {
        margin: 75px 0 0 0;
    }

    #alumnicenterheader {
        height: 300px;
    }
}


/*----------ABOUT US WHO WE ARE----------*/

#aboutuswhoweare {
    position: relative;
    display: block;
    margin: 70px auto 100px;
    width: 100%;
}

#whowearecontent {
    position: relative;
    display: block;
    padding: 0 40px;
    width: 100%;
    margin: 50px auto 0;
}

.execlevel {
    justify-content: center;
    column-gap: 120px;
}

    .execlevel.two {
        margin-top: 40px;
        column-gap: 40px;
    }

.exec {
    flex: 1;
}

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


.staffsection {
    position: relative;
    display: block;
    margin: 60px auto 0;
    width: 100%;
    max-width: 800px;
    height: auto;
}

.staffphoto {
    width: 100%;
    height: auto;
}



.execinfo {
    position: relative;
    display: block;
    margin: 10px 0 0;
    text-align: center;
}

    .execinfo .execname {
        margin: 0 0 5px;
        font-weight: 400;
    }

    .execinfo .exectitle {
        font-weight: 600;
        font-size: 12px;
        line-height: 18px;
        color: #8a6666;
        text-transform: uppercase;
        letter-spacing: 1px;
    }





@media screen and (max-width: 1199px) {
    .execlevel {
        justify-content: center;
        column-gap: 100px;
    }

        .execlevel.two {
            margin-top: 40px;
            column-gap: 20px;
        }

    .staffsection {
        max-width: 600px;
    }
}

@media screen and (max-width: 991px) {
    #aboutuswhoweare {
        margin: 50px 0 100px 0;
    }

    .execinfo .execname {
        font-size: 14px;
        line-height: 20px;
    }

    .execinfo .exectitle {
        font-weight: 600;
        font-size: 10px;
        line-height: 16px;
        color: #8a6666;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
}

@media screen and (max-width: 767px) {
    #aboutuswhoweare {
        margin: 50px auto 75px auto;
        text-align: center;
    }

    /*.execheads {
	    position: relative;
	    display: block;
	    left: 50%;
	    margin-left: -149px;
	}*/

    .staffsection {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 0 40px 0;
    }

    .staffphoto {
        width: 100%;
        max-width: 347px !important;
        height: auto;
    }

    .exec {
        flex: none;
        width: calc(50% - 20px);
    }

    .execlevel {
        column-gap: 40px;
    }

        .execlevel.two {
            margin-top: 40px;
            column-gap: 40px;
        }
}



/*--------------------------------------------------------END ABOUT US STYLES--------------------------------------------------------*/





/*-------------------------------------------------------MAIN POST PAGE STYLES-------------------------------------------------------*/

.allnewstitle {
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    color: #562626;
    font-size: 40px;
    margin: 0;
    padding: 0;
}

.allnewssubtitle {
    font-family: "proxima-nova", sans-serif;
    color: #666;
    letter-spacing: 1px;
    font-size: 20px;
    margin: 5px 0 0 0;
    padding: 0;
}

#aggienetworknewstools {
    margin-top: 80px;
}

#allnewssearch input[type=text] {
    position: relative;
    padding: 0 5px;
    width: 87.719298%;
    height: 25px;
    font-family: "proxima-nova", Helvetica, Sans-Serif;
    font-weight: 200;
    color: #562626;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-appearance: none;
}

#allnewssearch input[type="text"]:focus {
    border: 0 none;
    outline: 0 none;
    border: 1px solid #562626;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#allnewssearch input[type=submit] {
    position: relative;
    width: 11.695906%;
    margin: 0 0 0 0.584796%;
    padding: 0;
    top: 1px;
    height: 25px;
    background: #562626;
    color: transparent;
    background-image: url(images/spotlight-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 13px 13px;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.mainpostpage {
    position: relative;
    display: block;
    margin-top: 80px;
}

li.mainpostpagepostentry {
    position: relative;
    display: block;
    margin: 0 0 60px 0;
    padding: 0 0 0 0;
    min-height: 110px;
    overflow: hidden;
}

p.mainpostpageposttitle {
    position: relative;
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 200;
    font-size: 24px;
    line-height: 24px;
}

    p.mainpostpageposttitle a {
        color: #333;
    }

.postimagethumb img {
    position: relative;
    display: block;
    float: left;
    margin: 0 15px 15px 0;
}

p.mainpostpagepostauthor {
    margin: 0;
    padding: 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-size: 16px;
    color: #888;
    letter-spacing: 1px;
    text-transform: uppercase;
}

p.mainpostpagepostdate {
    margin: -2px 0 0 0;
    padding: 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-size: 14px;
    color: #888;
    letter-spacing: 1px;
}

p.mainpostpagepostteaser {
    position: relative;
    margin: 10px 0 10px 0;
    padding: 0 0 0 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #888;
}

.mainpostpagepostdata {
    position: relative;
    display: block;
    margin: 20px 0 0 0;
    padding: 5px 10px;
    background: #f9f9f9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.mainpostpagepostcomments {
    margin-right: 20px;
    font-family: "proxima-nova", Helvetica, Sans-Serif;
    font-weight: 200;
    font-size: 13px;
    color: #888;
}

.chatbubble {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    width: 12px;
    height: 9px;
    background: url(images/chatbubble.svg) no-repeat center center;
    background-size: 12px 9px;
}

.no-svg .chatbubble, .no-inlinesvg .chatbubble {
    background: url(images/pngfallbacks/chatbubble.png);
}

.mainpostpageposttags {
    position: relative;
    display: inline-block;
    margin-top: 5px;
    font-family: "proxima-nova", Helvetica, Sans-Serif;
    font-weight: 200;
    font-size: 13px;
    color: #888;
}

.tagicon {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    width: 11px;
    height: 11px;
    background: url(images/tagicon.svg) no-repeat center center;
    background-size: 11px 11px;
}

.no-svg .tagicon, .no-inlinesvg .tagicon {
    background: url(images/pngfallbacks/tagicon.png);
}

a.mainpostpagepostreadmorelink {
    position: relative;
    margin-left: 10px;
    font-size: 12px;
    text-transform: uppercase;
}

    a.mainpostpagepostreadmorelink .linkarrow {
        top: -1px;
        margin-left: 5px;
        width: 6px;
        height: 6px;
    }

/*-----------------------------INDIVIDUAL POST PAGE STYLES------------------------------*/

#postheader {
    position: absolute;
    background: #f9f9f9;
    width: 100%;
    margin-top: -90px;
    height: 215px;
    z-index: 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #postheader {
        height: 185px;
    }
}

#postinfo {
    position: relative;
    width: 100%;
    margin: 0px auto 20px auto;
    z-index: 0;
}

.posttitle {
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    color: #333;
    font-size: 28px;
    margin: 0;
    padding: 0;
    text-transform: none;
}

.postsubtitle {
    font-family: "proxima-nova", sans-serif;
    color: #666;
    letter-spacing: 1px;
    font-size: 15px;
    margin: 5px 0 0 0;
    padding: 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .posttitle {
        font-size: 24px;
    }

    .postsubtitle {
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    .posttitle {
        font-size: 24px;
    }

    .postsubtitle {
        font-size: 13px;
    }
}

.post {
    margin-top: 20px;
}

.postarticle {
    border-right: 10px solid #e5e5e5;
    padding-right: 30px;
}

@media screen and (max-width: 991px) {
    .postarticle {
        border-right: none;
        padding-right: 0;
    }
}

.post p {
    margin-bottom: 20px;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #666;
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .post p {
        font-size: 14px;
        line-height: 16px;
    }
}

@media screen and (max-width: 767px) {
    .post p {
        font-size: 15px;
        line-height: 17px;
    }
}

.post_img {
    width: 100%;
    height: auto;
    margin-top: -5px;
}

.spanseparator {
    width: 40px;
}

.postseparatorleft {
    float: left;
    width: 50%;
    height: 400px;
    border-right: 5px solid #e5e5e5;
}

.postseparatorright {
    float: right;
    width: 50%;
    height: 400px;
    border-left: 5px solid #e5e5e5;
}

.spanquote {
    width: 170px;
}

p.quote {
    font-family: "proxima-nova-alt-condensed", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 22px;
    color: #562626;
    text-align: left;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
    p.quote {
        font-size: 18px;
        line-height: 20px;
    }
}

@media screen and (max-width: 767px) {
    p.quote {
        font-size: 18px;
        line-height: 20px;
    }
}

.endpostshareonsocial {
    margin-top: 30px;
}

.endpostshareonsocialtitle {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    padding-top: 5px;
    font-family: "proxima-nova-condensed", Helvetica, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    color: #666;
    font-size: 18px;
    letter-spacing: 2px;
}

.endpostshareonsocial ul {
    position: relative;
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 10px 0 0 0;
}

    .endpostshareonsocial ul li {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        padding: 0;
        margin-right: 20px;
    }

.col-custom {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 28.333333333333332%;
    min-height: 1px;
}

.col-offset-custom {
    margin-left: 5%;
}

@media screen and (max-width: 767px) {
    .col-custom {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
    }

    .col-offset-custom {
        margin-left: 0%;
    }
}

.postpanel {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 50px;
}

.postpanel_title {
    position: relative;
    margin: 5px 0 15px 0;
    font-family: "proxima-nova-condensed", Helvetica, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    color: #666;
    font-size: 24px;
    letter-spacing: 2px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .postpanel_title {
        font-size: 17px;
    }
}

.postpanel_content {
    padding: 0;
}

    .postpanel_content p {
        clear: both;
        font-family: "proxima-nova", Helvetica, sans-serif;
        color: #666;
        font-size: 18px;
        line-height: 22px;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    .postpanel {
        margin-bottom: 40px;
    }

    .postpanel_content p {
        font-size: 14px;
        line-height: 15px;
    }
}

.postsidebar {
    margin-top: 80px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .shareonsocial {
        margin-top: 55px;
    }
}

.shareonsocial ul {
    list-style-type: none;
    margin: 0;
    padding: 10px 0 0 0;
    width: 100%;
}

    .shareonsocial ul li {
        float: left;
        width: 25%;
        text-align: center;
        padding: 0;
    }

.postpanel_content img {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
}

.postdate {
    font-size: 13px;
}


.emailprint {
    margin: -23px 0 0 0;
}

    .emailprint ul {
        float: right;
        margin: 0;
        padding: 0;
    }

        .emailprint ul li {
            float: left;
            margin: 0 0 0 15px;
            padding: 0;
        }


/*---------------------------------------------------MUSTER PAGES---------------------------------------------------*/


p.mustersubtitle {
    margin: -10px 0 10px 0;
    padding: 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 24px;
    color: #666;
}

#mustermap {
    position: relative;
    display: block;
    margin: 10px 0 20px 0;
    width: 100%;
    height: 200px;
}

p.musterdetailstitle {
    margin: 0;
    padding: 0;
    font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #888;
    text-transform: uppercase;
}

p.musterdetailsdetail {
    margin: 15px 0 40px 0;
    padding: 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 100;
    font-size: 37px;
    line-height: 37px;
    color: #562626;
}


/*---------------------------------------------------FIND AN AGGIE---------------------------------------------------*/

#findanaggie {
    position: relative;
    display: block;
    margin: 70px auto 0 auto;
    width: 684px;
    text-align: center;
}

@media (min-width: 768px) and (max-width: 991px) {
    #findanaggie {
        width: 550px;
    }
}

@media screen and (max-width: 767px) {
    #findanaggie {
        margin: 30px auto 0 auto;
        width: 100%;
    }
}

#findanaggie_search {
    position: relative;
    display: block;
    margin: 0 0 0 0;
    width: 50%;
    text-align: left;
}

@media (min-width: 768px) and (max-width: 991px) {
    #findanaggie_search {
        width: 75%;
    }
}

@media screen and (max-width: 767px) {
    #findanaggie_search {
        margin: 30px auto 0 auto;
        width: 100%;
        text-align: center;
    }
}

#findanaggie input:focus, #findanaggie_search {
    outline: none;
}

h3.findanaggietitle {
    position: relative;
    display: block;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #562626;
    text-transform: uppercase;
}

h3.findanaggietitle_search {
    position: relative;
    display: block;
    margin: 0 0 5px 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #562626;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    h3.findanaggietitle, h3.findanaggietitle_search {
        margin-bottom: 10px;
        font-size: 36px;
    }
}

.an-gray {
    color: #888888;
}

#findanaggie input[type=text], #findanaggie_search input[type=text] {
    position: relative;
    display: inline-block;
    margin: 0 -4px 0 0;
    padding: 0 5px;
    width: 86.666666%;
    height: 30px;
    font-family: "proxima-nova", Helvetica, Sans-Serif;
    font-weight: 200;
    color: #562626;
    border: 1px solid #562626;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-appearance: none;
}

#findanaggie input[type="text"]:focus, #findanaggie_search input[type="text"]:focus {
    border: 0 none;
    outline: 0 none;
    border: 1px solid #562626;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#findanaggie input[type=submit], #findanaggie_search input[type=submit] {
    position: relative;
    display: inline-block;
    width: 11.6666667%;
    margin: 0 -4px 0 1.666667%;
    padding: 0;
    height: 30px;
    background: #562626;
    color: transparent;
    background-image: url(images/spotlight-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.no-svg #findanaggie input[type=submit], .no-svg #findanaggie_search input[type=submit], .no-inlinesvg #findanaggie input[type=submit], .no-inlinesvg #findanaggie_search input[type=submit] {
    background-image: url(images/pngfallbacks/spotlight-white.png);
    background-size: 15px 15px;
}



@media screen and (max-width: 767px) {
    #findanaggie input[type=text], #findanaggie_search input[type=text] {
        margin-right: 0;
        width: 100%;
        height: 30px;
    }
}

@media screen and (max-width: 767px) {
    #findanaggie input[type=submit], #findanaggie_search input[type=submit] {
        display: none;
    }
}


/*----------FIND AN AGGIE ADVANCED OPTIONS----------*/

#findanaggieadvancedoptions {
    position: relative;
    display: block;
    margin: 5px 0 0 0;
    padding: 0 0 0 0;
}

#findanaggieadvancedoptions_search {
    position: relative;
    display: block;
    margin: 5px 0 30px 0;
    padding: 0 0 0 0;
}

.findanaggieadvancedoptionstoggle {
    margin: 0 0 0 260px;
    padding: 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    color: #562626;
    background: transparent;
    border: 0;
    letter-spacing: 1px;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
}

.findanaggieadvancedoptionstoggle_search {
    margin: 0 0 0 0;
}

.findanaggieadvancedoptionstoggle:focus {
    outline: none;
}

.findanaggieadvancedoptionstoggle .optionsgear {
    position: relative;
    display: inline-block;
    top: 1px;
    margin: 0 5px 0 0;
    padding: 0;
    width: 12px;
    height: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

    .findanaggieadvancedoptionstoggle .optionsgear span.gear, .findanaggieadvancedoptionstoggle .optionsgear span.closeoptionsgear {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .findanaggieadvancedoptionstoggle .optionsgear span.gear {
        background: url(images/findanaggie/optionsgear.svg) no-repeat center center;
        background-size: contain;
    }

.findanaggieadvancedoptionstoggle span.closeoptionsgear {
    background: url(images/findanaggie/closeoptionsgear.svg) no-repeat center center;
    background-size: 10px 10px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.findanaggieadvancedoptionstoggle .optionsgear.flipped {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

@media screen and (max-width: 1199px) {
    .findanaggieadvancedoptionstoggle {
        margin: 0 0 0 115px;
    }
}

@media screen and (max-width: 991px) {
    .findanaggieadvancedoptionstoggle {
        margin: 0 0 0 72px;
    }

    .findanaggieadvancedoptionstoggle_search {
        margin: 0 0 0 -15px;
    }
}

@media screen and (max-width: 767px) {
    .findanaggieadvancedoptionstoggle {
        margin: 0 0 0 -15px;
    }
}

#findanaggieadvancedoptionscontent {
    position: relative;
    margin: 30px 0 0 115px;
    padding-right: 0 !important;
    padding-left: 15px !important;
    height: auto;
    overflow: hidden;
}

@media screen and (max-width: 1199px) {
    #findanaggieadvancedoptionscontent {
        margin: 30px 0 0 0;
        padding-left: 0 !important;
    }
}

@media screen and (max-width: 991px) {
    #findanaggieadvancedoptionscontent {
        margin: 30px 0 0 0;
    }
}

.findanaggieadvancedoptionscontent_search {
    margin: 30px 0 0 0 !important;
    margin: 30px 0 0 0 !important;
}

@media screen and (max-width: 767px) {
    .findanaggieadvancedoptionscontent_search {
        margin: 30px 0 0 0 !important;
        margin: 30px 0 0 0 !important;
    }
}

#findanaggieadvancedoptionscontent.collapsing, #findanaggieadvancedoptionscontent.collapse, #findanaggieadvancedoptionscontent.in {
    height: auto !important;
    -webkit-transition-timing-function: none !important;
    -o-transition-timing-function: none !important;
    transition-timing-function: none !important;
    -webkit-transition-duration: none !important;
    -o-transition-duration: none !important;
    transition-duration: none !important;
    -webkit-transition-property: none !important;
    -o-transition-property: none !important;
    transition-property: none !important;
}

.advancedoptiontitle {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #8a6666;
}

#findanaggiefuzzynamesearch .advancedoptiontitle {
    display: inline-block;
    margin: -4px 0 0 10px;
    vertical-align: middle;
}

#findanaggielimitsearch1 {
    font-size: 0;
}

    #findanaggielimitsearch1 input[type=checkbox] {
        display: table-cell;
        overflow: hidden;
        width: 25%;
    }

    #findanaggielimitsearch1 input[type=checkbox] {
        display: none;
    }

    #findanaggielimitsearch1 label {
        display: inline-block;
        cursor: pointer;
        margin: 0 4.8701299% 15px 0;
        padding: 5px 0 4px 0;
        width: 47.564935%;
        font-family: "proxima-nova", Helvetica, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        text-align: center;
        color: #8a6666;
        letter-spacing: 1px;
        border: 1px solid #8a6666;
        border-radius: 4px;
    }

        #findanaggielimitsearch1 label:nth-of-type(even) {
            margin: 0 0 15px 0;
        }

    #findanaggielimitsearch1 input[type=checkbox]:checked + label {
        background: #8a6666;
        color: #fff;
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
    }

        #findanaggielimitsearch1 input[type=checkbox]:checked + label:first-of-type {
            border-left: 1px solid #8a6666;
        }

        #findanaggielimitsearch1 input[type=checkbox]:checked + label:last-of-type {
            border-right: 1px solid #8a6666;
        }



/*#findanaggielimitsearch1 label {
    position: relative;
    width: 48.125%;
    font-family: "proxima-nova", Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 14px;
    color: #8a6666;
    letter-spacing: 1px;
    user-select: none;
}

#findanaggielimitsearch1 input[type=checkbox] {
    position: relative;
    display: inline-block;
    top: 2px;
    margin-right: 5px;
    height: 14px;
    width: 14px;
    background-color: #fff !important;
    border: 1px solid #8a6666;   
    border-radius: 3px;
    outline: 0;
    -webkit-appearance: none;
}

#findanaggielimitsearch1 input[type=checkbox]:checked:after {
    content: '';
    top: -4px;
    left: 4px;
    position: relative;
    display: inline-block;
    width: 4px;
    height: 6px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

#findanaggielimitsearch1 input[type=checkbox]:checked {
    background-color: #8a6666 !important;
}*/


#findanaggielimitsearch2 {
    padding-right: 30px !important;
    padding-left: 0 !important;
    font-size: 0;
}

#findanaggielimitbymajor, #findanaggielimitbyoccupation {
    position: relative;
    display: inline-block;
    margin: 0 0 15px 0;
    width: 48.538012%;
}

@media screen and (max-width: 767px) {
    #findanaggielimitsearch2 {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    #findanaggielimitbymajor, #findanaggielimitbyoccupation {
        display: block;
        width: 100%;
    }
}

.findanaggielimitselect {
    position: relative;
    display: inline-block;
    padding: 4px 35px 3px 15px;
    width: 100%;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
    color: #8a6666;
    letter-spacing: 1px;
    background: transparent;
    border: 1px solid #8a6666;
    outline: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#findanaggielimitbymajor {
    margin-right: 2.9239766%;
}

    #findanaggielimitbymajor .selectarrowdown, #findanaggielimitbyoccupation .selectarrowdown {
        position: absolute;
        display: inline-block;
        right: 15px;
        top: 11px;
        vertical-align: middle;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 4px solid #8a6666;
    }

.findanaggielimitselect.findanaggielimitselected {
    background: #8a6666;
    color: #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

#findanaggielimitbymajor .findanaggielimitselect.findanaggielimitselected + .selectarrowdown,
#findanaggielimitbyoccupation .findanaggielimitselect.findanaggielimitselected + .selectarrowdown {
    border-top: 4px solid #fff;
}

#findanaggiesilvertapsbar {
    margin-bottom: 15px;
    font-size: 0;
    width: 100%;
}

    #findanaggiesilvertapsbar input[type=radio] {
        display: none;
    }

        #findanaggiesilvertapsbar input[type=radio] + label {
            display: inline-block;
            margin: 0 0 0 -1px;
            padding: 5px 0 4px 0;
            width: 33.528265%;
            font-family: "proxima-nova", Helvetica, sans-serif;
            font-weight: 400;
            font-size: 14px;
            line-height: 14px;
            text-align: center;
            color: #8a6666;
            letter-spacing: 1px;
            border: 1px solid #8a6666;
            cursor: pointer;
        }

        #findanaggiesilvertapsbar input[type=radio]:checked + label {
            background: #8a6666;
            color: #fff;
        }

        #findanaggiesilvertapsbar input[type=radio] + label:first-of-type {
            border-radius: 4px 0 0 4px;
        }

        #findanaggiesilvertapsbar input[type=radio] + label:last-of-type {
            border-radius: 0 4px 4px 0;
        }


#findanaggiefuzzynamesearchtoggle {
    position: relative;
    display: inline-block;
    margin: 0 0 0 5px;
    vertical-align: middle;
}

    #findanaggiefuzzynamesearchtoggle p {
        position: relative;
        display: inline-block;
        top: -1px;
        left: 5px;
    }

.toggleswitch {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

    .toggleswitch + label {
        display: inline-block;
        position: relative;
        top: 10px;
        cursor: pointer;
        outline: none;
        user-select: none;
    }

input.toggleswitch + label {
    padding: 2px;
    width: 45px;
    height: 21px;
    border-radius: 60px;
}

    input.toggleswitch + label:before,
    input.toggleswitch + label:after {
        display: block;
        position: absolute;
        top: 1px;
        left: 1px;
        bottom: 1px;
        content: "";
    }

    input.toggleswitch + label:before {
        right: 1px;
        background-color: #ddd;
        border-radius: 100px;
        transition: background 0.4s;
    }

    input.toggleswitch + label:after {
        top: -2px;
        left: -4px;
        width: 25px;
        height: 25px;
        background-color: #fff;
        border-radius: 100%;
        box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1);
        transition: margin 0.3s;
    }

input.toggleswitch:checked + label:before {
    background-color: #8a6666;
}

input.toggleswitch:checked + label:after {
    margin-left: 30px;
}

@media screen and (min-width: 1199px) {
    #findanaggiefuzzynamesearchtoggle p {
        top: 11px;
    }

    #findanaggiefuzzynamesearchtoggle {
        margin: 0 0 0 30px;
    }

    .toggleswitch + label {
        top: 22px;
    }
}

.helpquestion {
    background: none;
    padding: 0;
    border: 0;
    outline: 0;
}

    .helpquestion:before {
        content: "?";
        position: relative;
        display: inline-block;
        margin: -2px 0 0 7px;
        padding: 1px 1px 0 0;
        width: 12px;
        height: 12px;
        font-weight: 600;
        font-size: 10px;
        line-height: 10px;
        color: #fff;
        border: 0;
        border-radius: 50%;
        background: #08639c;
        text-align: center;
        vertical-align: middle;
    }

#findanaggiehelps {
    position: relative;
    display: block;
    text-align: center;
    margin-top: 40px;
}

    #findanaggiehelps ul li {
        position: relative;
        display: inline-block;
        margin: 0 10px 0 10px;
        font-family: "proxima-nova", Helvetica, Sans-Serif;
        font-weight: 200;
        font-size: 16px;
        line-height: 16px;
        color: #562626;
    }

        #findanaggiehelps ul li a {
            color: #562626;
        }

@media (min-width: 768px) and (max-width: 991px) {
    #findanaggiehelps {
        margin-bottom: 283px;
    }
}

@media screen and (max-width: 767px) {
    #findanaggiehelps {
        margin-bottom: 200px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .altname {
        display: block;
    }
}


/*----------SEARCH STATS----------*/

#resWrap {
    position: relative;
    margin: 5px 0 30px 0;
    font-family: "proxima-nova", Helvetica, Sans-Serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #8a6666;
}

#theTerm {
    position: relative;
    padding: 3px 0;
    margin-right: 2px;
    font-weight: 800;
    color: #8a6666;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

@media screen and (max-width: 767px) {
    #resWrap {
        margin: 0 0 0 0;
        padding: 10px 0 10px 0;
    }
}


/*----------SEARCH TOOLS----------*/

@media screen and (max-width: 991px) {
    #findanaggieresultstools_mobile {
        display: none;
    }
}

#findanaggieresults .col-md-10 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

#findanaggieresultstools {
    position: relative;
}

.findanaggieresultstoolssection {
    position: relative;
    margin: 0 0 30px 0;
    background: #fff;
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

h3.findanaggieresultstoolstitle {
    position: relative;
    display: block;
    margin: 0 0 0 0;
    padding: 5px 15px;
    width: 100%;
    font-family: "proxima-nova-condensed", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 1px;
    color: #562626;
    background: #f9f9f9;
}

.findanaggieresultstoolslist a {
    position: relative;
    display: block;
    margin: 10px 0 15px 0;
    padding: 0 15px;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
}

    .findanaggieresultstoolslist a.passivesort {
        margin: 0 0 0 0;
        padding: 10px 15px 10px 15px;
        color: #562626;
    }

    .findanaggieresultstoolslist a.activesort {
        margin: 0 0 0 0;
        padding: 10px 15px 10px 15px;
        color: #fff;
        font-weight: 600;
        background: #8a6666;
    }

.findanaggieresultstoolslist.findanaggiehelp a:last-child {
    margin: 10px 0 10px 0;
}

.sortarrowdown:after, .sortarrowup:after, .yearsortdown:after, .yearsortup:after {
    content: "\0028 Z\002D A\0029";
    position: absolute;
    display: inline-block;
    right: 15px;
    width: 30px;
    height: 14px;
    font-size: 10px;
    text-align: right;
    color: #fff;
}

.sortarrowup:after {
    content: "\0028 A\002D Z\0029";
}

.yearsortdown:after {
    content: "\0028 dec.\0029";
}

.yearsortup:after {
    content: "\0028 asc.\0029";
}

.findanaggieresultstoolslist input[type=radio] {
    display: none;
}

    .findanaggieresultstoolslist input[type=radio] + label {
        display: block;
        margin: 0 0 0 0;
        padding: 10px 15px 10px 15px;
        font-family: "proxima-nova", Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 300;
        line-height: 14px;
        color: #562626;
        cursor: pointer;
    }

    .findanaggieresultstoolslist input[type=radio]:checked + label {
        background: #8a6666;
        font-weight: 600;
        color: #fff;
    }

#mobileselect, #mobileselect_search {
    display: none;
}

@media screen and (max-width: 991px) {
    #mobileselect_search {
        position: relative;
        display: block;
        margin: 0 0 30px 0;
        font-family: "proxima-nova", Helvetica, Sans-Serif;
        font-weight: 400;
        font-size: 14px;
        color: #888;
        text-align: right;
    }

        #mobileselect_search select {
            position: relative;
            display: inline-block;
            margin: 0 0 0 0;
            padding: 3px 20px 3px 7px;
            background: #8a6666;
            font-family: "proxima-nova", Helvetica, Sans-Serif;
            font-size: 14px;
            line-height: 14px;
            font-weight: 600;
            color: #fff;
            border: 0;
            outline: 0;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

            #mobileselect_search select option {
                background: #fff;
                color: #555;
            }

        #mobileselect_search .selectarrowdown {
            position: absolute;
            display: inline-block;
            top: 12px;
            margin-left: -15px;
            vertical-align: middle;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 3px solid #fff;
        }

        #mobileselect_search .selectarrowup {
            position: absolute;
            display: inline-block;
            top: 6px;
            margin-left: -15px;
            vertical-align: middle;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 3px solid #fff;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            transform: rotate(180deg);
        }
}

@media screen and (max-width: 767px) {
    #mobileselect_search {
        text-align: left;
    }
}

/*----------SEARCH RESULTS ENTRIES----------*/

.findanaggieresultsentry {
    position: relative;
    display: block;
    margin: 0 0 30px 0;
    height: 185px;
    background: #fff;
    font-size: 0;
    overflow: hidden;
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.05);
}

@media screen and (max-width: 767px) {
    .findanaggieresultsentry {
        height: auto;
    }
}

.findanaggieresultsentrydetails {
    position: relative;
    display: block;
    padding: 15px 15px 0 15px;
    width: 100%;
    height: 145px;
}

.findanaggieavatar {
    position: relative;
    display: inline-block;
    margin: 0 3.3112583% 0 0;
    width: 22.075055%;
    overflow: hidden;
    vertical-align: top;
    height: 100px;
}

@media screen and (max-width: 767px) {
    .findanaggieresultsentrydetails {
        height: auto;
        margin-bottom: 5px;
    }
}

.findanaggieavatar img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 2;
}

.findanaggieresultsaggieinfo {
    position: relative;
    display: inline-block;
    margin: 0 0 0 0;
    width: 74.6136867%;
    overflow: hidden;
    vertical-align: top;
}

p.findanaggiename {
    position: relative;
    margin: 0 0 0 0;
    padding: 0 64px 0 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    color: #562626;
}

p.findanaggiejobtitle {
    position: relative;
    margin: 3px 0 10px 0;
    padding: 0 0 0 0;
    width: 100%;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 12px;
    color: #777;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.findanaggieresultsaggiesecondaryinfo p {
    position: relative;
    margin: 0 0 10px 0;
    padding: 0 0 0 20px;
    width: 100%;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 13px;
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.findanaggiecompany {
    position: absolute;
    display: inline-block;
    left: 0;
    width: 15px;
    height: 12px;
    background: url(images/findanaggie/briefcase.svg) no-repeat center center;
    background-size: 11px 10px;
}

.no-svg .findanaggiecompany, .no-inlinesvg .findanaggiecompany {
    background: url(images/pngfallbacks/briefcase.png) no-repeat center center;
}

.findanaggiedegree {
    position: absolute;
    display: inline-block;
    left: 0;
    width: 15px;
    height: 12px;
    background: url(images/findanaggie/degree.svg) no-repeat center center;
    background-size: 15px 9px;
}

.no-svg .findanaggiedegree, .no-inlinesvg .findanaggiedegree {
    background: url(images/pngfallbacks/degree.png) no-repeat center center;
}

.findanaggielocation {
    position: absolute;
    display: inline-block;
    left: 0;
    width: 15px;
    height: 12px;
    background: url(images/findanaggie/location.svg) no-repeat center center;
    background-size: 9px 12px;
}

.no-svg .findanaggielocation, .no-inlinesvg .findanaggielocation {
    background: url(images/pngfallbacks/location.png) no-repeat center center;
}

.findanaggieresultsaggiesocial {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    height: 16px;
}

    .findanaggieresultsaggiesocial .findanaggieresultsaggiesocialitem {
        position: relative;
        display: table-cell;
        vertical-align: middle;
    }

.findanaggieresultsaggiesocialitem a {
    position: relative;
    display: inline-block;
    margin: 1px 0 0 10px;
}

a.pfb {
    width: 6px;
    height: 14px;
    background: url(images/socialicons/facebook.svg) no-repeat center center;
    background-size: contain;
}

a.ptw {
    width: 14px;
    height: 14px;
    background: url(images/socialicons/twitter.svg) no-repeat center center;
    background-size: contain;
}

a.pli {
    width: 14px;
    height: 14px;
    background: url(images/socialicons/linkedin.svg) no-repeat center center;
    background-size: contain;
}

a.pig {
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    background: url(images/socialicons/instagram-color.svg) no-repeat center center;
    background-size: contain;
}

.rollcallcandle {
    position: absolute;
    display: inline-block;
    right: 0;
    width: 10px;
    height: 23px;
    background: url(images/profile/rollcallcandle-faa.svg) no-repeat center center;
    background-size: 10px 23px;
}

.no-svg .silvertapsbugle, .no-inlinesvg .silvertapsbugle {
    background: url(images/pngfallbacks/bugle.png) no-repeat center center;
}


.findanaggieresultsentrybottombar {
    position: relative;
    display: block;
    margin: 0 0 0 0;
    padding: 8px 15px 0;
    width: 100%;
    height: 40px;
    background: #f9f9f9;
}

.findanaggieresultsentrybadges {
    position: relative;
    display: inline-block;
    width: 65.909091%;
    vertical-align: top;
}

.findanaggiebadge {
    position: relative;
    display: inline-block;
    margin: 0 10px 0 0;
    width: 24px;
    height: 24px;
}

    .findanaggiebadge.donorbadge {
        background: url(images/findanaggie/donorbadge.svg) no-repeat center center;
        background-size: 22px 20px;
    }

    .findanaggiebadge.corpsbrass {
        background: url(images/findanaggie/corpsbrass.svg) no-repeat center center;
        background-size: 23px 23px;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    .findanaggieresultsentrybadges {
        width: 56.686047%;
    }
}

@media screen and (max-width: 991px) {
    .findanaggieresultsentrybadges {
        width: 40%;
    }
}


.findanaggieresultsentrycontactbuttons {
    position: relative;
    display: inline-block;
    width: 34.090909%;
    text-align: right;
}

    .findanaggieresultsentrycontactbuttons a, .findanaggieresultsentrycontactbuttons button {
        margin: 0 0 0 10px;
    }

    .findanaggieresultsentrycontactbuttons .slidebutton {
        display: inline-block;
        padding: 5px 10px 4px 10px;
        font-size: 13px;
        line-height: 13px;
        border: 1px solid #562626;
    }

    .findanaggieresultsentrycontactbuttons .emailthisaggie {
        position: relative;
        display: inline-block;
        width: 36px;
        height: 24px;
        background-color: #fff;
        background-image: url(images/findanaggie/emailthisaggie.svg);
        background-size: 16px 10px;
        background-repeat: no-repeat;
        background-position: center center;
        border: 1px solid #562626;
        border-radius: 4px;
        vertical-align: top;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    .findanaggieresultsentrycontactbuttons {
        width: 43.313953%;
    }
}

@media screen and (max-width: 991px) {
    .findanaggieresultsentrycontactbuttons {
        width: 60%;
    }
}


@media screen and (max-width: 767px) {
    .findanaggieresultsbadges {
        position: relative;
        margin: 20px 0 0 70px;
    }
}


/*--------------------------------------------------------END FIND AN AGGIE STYLES--------------------------------------------------------*/


/*-----------------------------------------------------------LOGIN PAGE STYLES-----------------------------------------------------------*/

#loginpanel {
    position: relative;
    display: block;
    margin: 30px auto 0 auto;
    padding: 0;
    width: 700px;
    height: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

@media screen and (max-width: 767px) {
    #loginpanel {
        width: 100%;
    }
}

#loginintro {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}

    #loginintro h1 {
        position: relative;
        margin: 0;
        padding: 0;
        font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif;
        font-weight: 700;
        font-size: 50px;
        color: #562626;
        letter-spacing: 1px;
        text-align: center;
        text-transform: uppercase;
    }

#anlogin {
    position: relative;
    display: block;
    margin: 20px 0 0 0;
    padding: 0 20px 0 0;
}

#loginpanel p, #loginpanel label {
    position: relative;
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #562626;
}

#loginpanel input[id="loginusername"], #loginpanel input[id="loginpassword"] {
    width: 100%;
    height: 40px;
    -webkit-appearance: none;
}

#loginpanel input[id="loginusername"], #loginpanel input[id="loginpassword"] {
    background: #fff;
    border: 1px solid #ccc;
    font: 18px "proxima-nova", Helvetica, sans-serif;
    color: #562626;
    padding: 0 20px 0 40px;
    margin: 0 0 20px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: border 0.3s ease 0s;
    -moz-transition: border 0.3s ease 0s;
    transition: border 0.3s ease 0s;
}

#loginpanel input[id="loginusername"] {
    background-image: url(images/user.svg);
    background-repeat: no-repeat;
    background-size: 14px 20px;
    background-position: 15px 8px;
}

.no-svg #loginpanel input[id="loginusername"], .no-inlinesvg #loginpanel input[id="loginusername"] {
    background: url(images/pngfallbacks/user.png);
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-position: 15px 8px;
}

#loginpanel input[id="loginpassword"] {
    background: url(images/lock.svg) no-repeat center center;
    background-size: 16px 20px;
    background-position: 14px 8px;
}

.no-svg #loginpanel input[id="loginpassword"], .no-inlinesvg #loginpanel input[id="loginpassword"] {
    background: url(images/pngfallbacks/lock.png);
    background-repeat: no-repeat;
    background-position: 14px 8px;
}

#loginpanel input[id="loginusername"]::-webkit-input-placeholder, #loginpanel input[id="loginpassword"]::-webkit-input-placeholder {
    color: #cccccc;
}

#loginpanel input[id="loginusername"]::-moz-placeholder, #loginpanel input[id="loginpassword"]::-moz-placeholder {
    color: #cccccc;
    opacity: 1;
}

#loginpanel input[id="loginusername"]:focus, input[id="loginpassword"]:focus {
    border: 0 none;
    outline: 0 none;
    color: #562626 !important;
    border: 1px solid #562626 !important;
    overflow: hidden;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#loginpanel input[id="loginusername"]:focus {
    background: url(images/user-maroon.svg) no-repeat center center;
    background-size: 14px 20px;
    background-position: 15px 8px;
}

.no-svg #loginpanel input[id="loginusername"]:focus, .no-inlinesvg #loginpanel input[id="loginusername"]:focus {
    background: url(images/pngfallbacks/user-maroon.png);
    background-repeat: no-repeat;
    background-size: 14px 20px;
    background-position: 15px 8px;
}

#loginpanel input[id="loginpassword"]:focus {
    background: url(images/lock-maroon.svg) no-repeat center center;
    background-size: 16px 20px;
    background-position: 14px 8px;
}

.no-svg #loginpanel input[id="loginpassword"]:focus, .no-inlinesvg #loginpanel input[id="loginpassword"]:focus {
    background: url(images/pngfallbacks/lock-maroon.png);
    background-repeat: no-repeat;
    background-size: 16px 20px;
    background-position: 14px 8px;
}

.hideShowPassword-toggle-hide, .hideShowPassword-toggle-show {
    color: #ccc;
    cursor: pointer;
    font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 600;
    padding: 0.5em 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.rempass {
    margin: -5px 0 10px 0;
    padding: 0;
}

#loginpanel label {
    position: relative;
    display: inline-block;
    margin: 0 0 15px 0;
    top: -1px;
    padding: 0;
    width: 150px;
    font-size: 16px;
    z-index: 1;
}

#loginpanel input[type=checkbox] {
    -webkit-appearance: none;
    position: relative;
    height: 13px;
    width: 13px;
    background-color: #fff !important;
    border: 1px solid #562626;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    outline: 0 none;
}

#loginpanel label:before {
    position: relative;
    display: inline-block;
    content: "";
    top: 0px;
    height: 15px;
    width: 15px;
    margin-right: 0px;
    margin-left: -12px;
    background: url(images/check1.svg) no-repeat center center;
    background-size: 15px 15px;
    opacity: 0;
    -webkit-appearance: none;
}

#loginpanel input[type=checkbox] + input[type=hidden] + label:before {
    margin-left: -15px;
}

#loginpanel input[type=checkbox]:checked + label:before, #loginpanel input[type=checkbox]:checked + input[type=hidden] + label:before {
    opacity: 1;
    -webkit-appearance: none;
}


#loginpanel a.forgotpassword {
    position: relative;
    display: block;
    padding: 0;
    float: right;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    z-index: 2;
}

    #loginpanel a.forgotpassword:hover {
        color: #562626;
    }

#loginpanel .slidebutton {
    position: relative;
    display: inline-block;
    margin: -5px 0 0 0;
    padding: 1px 30px 0;
    font-size: 20px;
}

#loginpanel input[type="submit"] {
    outline: 0 none;
    -webkit-appearance: none;
}

#loginpanel a.needtoregister {
    position: relative;
    display: inline-block;
    top: -1px;
    padding: 0;
    float: right;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

    #loginpanel a.needtoregister:hover {
        color: #562626;
    }

#loginpanel a.needtoregisterphone {
    display: none;
}

#sociallogin {
    position: relative;
    display: block;
    margin: 20px 0 0 0;
    padding: 0 0 0 20px;
}

    #sociallogin p {
        position: relative;
        display: block;
        margin: 0 auto 10px auto;
        padding: 0 10px 0 10px;
        width: 40px;
        font-family: "proxima-nova", Helvetica, sans-serif;
        font-weight: 300;
        font-size: 18px;
        color: #562626;
        text-align: center;
        background: #fff;
        z-index: 2;
    }

.orline {
    position: relative;
    display: block;
    margin: -21px 0 0 0;
    padding: 0;
    width: 100%;
    height: 11px;
    border-top: 1px solid #562626;
    z-index: 1;
}



#sociallogin a.slidebutton, #socialshare a.slidebutton {
    position: relative;
    display: flex;
    margin: 10px 0 0;
    padding: 0 0 0 5px;
    width: 100%;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    text-transform: none;
}



    #sociallogin a.slidebutton:hover, #socialshare a.slidebutton:hover {
        color: #fff;
    }

.loginicon {
    position: relative;
    display: block;
    margin-right: 8px;
    width: 30px;
    height: auto;
}

#login-facebook.slidebutton {
    background: #1877F2;
    border-color: #1877F2 !important;
}

#login-google.slidebutton {
    background: #fff;
    color: #555 !important;
    border-color: #4285F4 !important;
}

#login-apple.slidebutton {
    background-color: #000;
    border-color: #000 !important;
}

#login-tamu.slidebutton {
    border-color: #562626;
}

    #login-tamu.slidebutton:hover {
        background: #562626;
    }

#login-twitter.slidebutton {
    background: #1DA1F2;
    border-color: #1DA1F2;
}

div.alert-parent {
    margin-top: 1em;
}


@media (min-width: 768px) and (max-width: 991px) {
    #loginpanel {
        margin: 30px auto 220px auto;
    }
}

@media screen and (max-width: 767px) {
    #loginpanel {
        margin: 5px 0 0 0;
        width: 100%;
    }

    #loginintro h1 {
        font-size: 37px;
        line-height: 32px;
    }

    #anlogin, #sociallogin {
        padding: 0;
    }

    #loginpanel input[id="loginusername"], input[id="loginpassword"] {
        height: 40px;
    }

    #anlogin p {
        display: none;
    }

    #loginpanel input[type="checkbox"], #loginpanel label {
        top: -10px;
    }

    #loginpanel a.forgotpassword {
        top: -9px;
        padding: 0;
        float: right;
        font-family: "proxima-nova", Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 400;
    }

    #_loginButton.slidebutton {
        margin: 0 0 0 0;
        width: 100%;
        height: 40px;
        font-size: 22px !important;
    }

    #loginpanel a.needtoregister {
        display: none;
    }

    #loginpanel a.needtoregisterphone {
        position: relative;
        display: block;
        margin: 20px auto 40px auto;
        padding: 0;
        font-family: "proxima-nova", Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #aaaaaa;
        text-align: center;
    }

        #loginpanel a.needtoregisterphone:hover {
            color: #562626;
        }

    #sociallogin {
        margin-top: 40px;
    }

        #sociallogin a.slidebutton {
            height: 36px;
            padding: 0;
            justify-content: center;
        }

        #sociallogin .loginicon {
            position: absolute;
            left: 5px;
        }
}



/*-------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------PAYMENT PAGE----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/

#paymentpanel {
    margin: 10px 0 0 0;
}

    #paymentpanel ul {
        margin-bottom: 15px;
    }

    #paymentpanel .nav li {
        display: inline-block;
        width: 47.5%;
    }

        #paymentpanel .nav li:first-child {
            margin-right: 5%;
        }

    #paymentpanel .nav > li > a {
        position: relative;
        display: block;
        margin: 10px 0 15px 0;
        padding: 7px 15px 3px;
        font-family: "proxima-nova", Helvetica, sans-serif;
        font-weight: 300;
        font-size: 18px;
        color: #fff;
        background: #ddd;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    #paymentpanel .nav-pills > li.active > a, #paymentpanel .nav-pills > li.active > a:hover, #paymentpanel .nav-pills > li.active > a:focus {
        background: #562626;
    }

    #paymentpanel .nav-pills > li:last-child.active > a, #paymentpanel .nav-pills > li:last-child.active > a:hover, #paymentpanel .nav-pills > li:last-child.active > a:focus {
        background: #1c477a;
    }

.paymenticon {
    position: relative;
    display: inline-block;
    top: -2px;
    margin-right: 15px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.creditcard {
    background: url(images/payment/creditcardline.svg) no-repeat center center;
    background-size: 30px 20px;
}

.no-svg .creditcard {
    background: url(images/pngfallbacks/creditcardline.png) no-repeat center center;
    background-size: 30px 20px;
}

.paypal {
    background: url(images/payment/paypal.svg) no-repeat center center;
    background-size: 25px 25px;
}

.no-svg .paypal {
    background: url(images/pngfallbacks/paypal.svg) no-repeat center center;
    background-size: 25px 25px;
}

@media screen and (max-width: 767px) {
    #mobilepaymentbar {
        position: relative;
        display: block;
        margin: 5px 0 30px 0;
        width: 100%;
        height: 40px;
        background: #527bbd;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        overflow: hidden;
    }

    #paymentpanel .nav > li {
        width: 50%;
    }

    #paymentpanel .nav li:first-child, #paymentpanel .nav li:last-child {
        margin: 0;
    }

    #paymentpanel .nav > li > a {
        position: relative;
        display: block;
        margin: 0 0 0 0;
        padding: 7px 15px 3px;
        font-family: "proxima-nova", Helvetica, sans-serif;
        font-weight: 300;
        font-size: 18px;
        color: #fff;
        background: #ddd;
        text-align: center;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .paymenticon {
        margin-right: 0;
    }

    .words {
        display: none;
    }
}


/*-----------------PAYMENT FORM-----------------*/

#weaccept {
    margin: 15px 0 0 0;
}

    #weaccept ul li {
        position: relative;
        display: inline-block;
        margin-right: 15px;
        width: 44px;
        height: 30px;
        background-position: center center !important;
    }

#paymentpanel input, #paymentpanel select {
    width: 100%;
    height: 40px;
    -webkit-appearance: none;
}

    #paymentpanel input[type="text"], #paymentpanel select {
        background: #fff;
        border: 1px solid #ccc;
        font: 18px "proxima-nova", Helvetica, sans-serif;
        color: #cccccc;
        padding: 0 10px 0 10px;
        margin: 0 0 20px 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: border 0.3s ease 0s;
        -moz-transition: border 0.3s ease 0s;
        transition: border 0.3s ease 0s;
    }

#paymentpanel .valid {
    color: #562626 !important;
    border: 1px solid #562626 !important;
}

#paymentpanel input[type="text"]:focus, #paymentpanel select:focus {
    border: 0 none;
    outline: 0 none;
    color: #562626 !important;
    border: 1px solid #562626 !important;
    overflow: hidden;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#paymentpanel input[id="CardNumber"] {
    padding: 0 54px 0 10px;
    background: url(images/payment/genericcc.svg) no-repeat;
    background-size: 44px 30px;
    background-position: right 5px center;
}

.no-svg #paymentpanel input[id="CardNumber"] {
    background: url(images/pngfallbacks/genericcc.png) no-repeat;
}

#weaccept li.americanexpress, #paymentpanel input[id="CardNumber"].americanexpress {
    background: url(images/payment/americanexpress.svg) no-repeat;
    background-size: 44px 30px;
    background-position: right 5px center;
}

.no-svg #weaccept li.americanexpress, .no-svg #paymentpanel input[id="CardNumber"].americanexpress {
    background: url(images/pngfallbacks/americanexpress.png) no-repeat;
}

#weaccept li.discover, #paymentpanel input[id="CardNumber"].discover {
    background: url(images/payment/discover.svg) no-repeat;
    background-size: 44px 30px;
    background-position: right 5px center;
}

.no-svg #weaccept li.discover, .no-svg #paymentpanel input[id="CardNumber"].discover {
    background: url(images/pngfallbacks/discover.png) no-repeat;
}

#weaccept li.mastercard, #paymentpanel input[id="CardNumber"].mastercard {
    background: url(images/payment/mastercard.svg) no-repeat;
    background-size: 44px 30px;
    background-position: right 5px center;
}

.no-svg #weaccept li.mastercard, .no-svg #paymentpanel input[id="CardNumber"].mastercard {
    background: url(images/pngfallbacks/mastercard.png) no-repeat;
}

#weaccept li.visa, #paymentpanel input[id="CardNumber"].visa {
    background: url(images/payment/visa.svg) no-repeat;
    background-size: 44px 30px;
    background-position: right 5px center;
}

.no-svg #weaccept li.visa, .no-svg #paymentpanel input[id="CardNumber"].visa {
    background: url(images/pngfallbacks/visa.png) no-repeat;
}

#paymentpanel input[id="CVV"] {
    padding: 0 54px 0 10px;
    background: url(images/payment/seccode.svg) no-repeat;
    background-size: 44px 30px;
    background-position: right 5px center;
}

.no-svg #paymentpanel input[id="CVV"] {
    background: url(images/pngfallbacks/seccode.png) no-repeat;
}

#paymentpanel input[id="CVV"].amexseccode {
    background: url(images/payment/amexseccode.svg) no-repeat;
    background-size: 44px 30px;
    background-position: right 5px center;
}

.no-svg #paymentpanel input[id="CVV"] {
    background: url(images/pngfallbacks/amexseccode.png) no-repeat;
}

#paymentpanel label {
    position: relative;
    top: 10px;
    font: 18px "proxima-nova", Helvetica, sans-serif;
    color: #562626;
}

#paymentpanel select {
    color: #aaa;
}

#paymentpanel input.slidebutton {
    padding: 3px 15px 0 15px;
    width: auto;
    font-size: 20px;
    line-height: 20px;
}

#paypalinfo {
    font-family: "proxmia-nova", Helvetica, sans-serif;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}

#paypallogo {
    position: relative;
    display: block;
    margin: 15px auto 20px auto;
    width: 200px;
    height: 57px;
    background: url(images/payment/paypallogo.svg) no-repeat center center;
    background-size: 200px 57px;
}


/*-----------------MOBILE SPECIFIC PAYMENT FORM STYLES-----------------*/

@media screen and (max-width: 767px) {
    #mobilepaymentbar {
        position: relative;
        display: block;
        margin: 5px 0 30px 0;
        width: 100%;
        height: 40px;
        background: #527bbd;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        overflow: hidden;
    }

    #paymentpanel .nav > li {
        width: 50%;
    }

    #paymentpanel .nav li:first-child, #paymentpanel .nav li:last-child {
        margin: 0;
    }

    #paymentpanel .nav > li > a {
        position: relative;
        display: block;
        margin: 0 0 0 0;
        padding: 7px 15px 3px;
        font-family: "proxima-nova", Helvetica, sans-serif;
        font-weight: 300;
        font-size: 18px;
        color: #fff;
        background: #ddd;
        text-align: center;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .paymenticon {
        margin-right: 0;
    }

    .words {
        display: none;
    }

    #paymentpanel input[id="CVV"] {
        margin-bottom: 0;
    }

    #paymentpanel label {
        margin: 5px 0 15px 0;
    }

    #paymentpanel input.slidebutton {
        margin: 10px 0 0 0;
        width: 100%;
    }
}



/*------------------------------12KStrong Styles------------------------------*/

#twelvekstrongcharts {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
}

.twelvekstronglogo {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 73.170732%;
    height: auto;
}

.numbersdaily {
    position: relative;
    display: block;
    margin: 10px 0 0 0;
    padding: 0;
    font-family: "proxima-nova", Helvetica, Sans-Serif;
    font-weight: 400;
    font-size: 13px;
    color: #562626;
}

.donorsbyclass {
    position: relative;
    display: block;
    margin: -18px 0 0 0;
    padding: 0;
    font-family: "proxima-nova", Helvetica, Sans-Serif;
    font-weight: 700;
    font-size: 20px;
    color: #dddddd;
    text-transform: uppercase;
}

#progressDonut {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 250px;
    height: 250px;
}

#acceptthechallenge {
    position: relative;
    display: block;
    margin: 50px 0 0 0;
    padding: 0;
}

.acceptthechallengetitle {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 83.333333%;
    height: auto;
}

.challengeequation {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 66.666667%;
    height: auto;
}

.twelvekstrongtext {
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #aaa;
}

#acceptthechallenge .twelvekstrongtext {
    margin: 40px 0 0 0;
    text-align: justify;
}

@media screen and (max-width: 1199px) {
    .twelvekstrongtext {
        font-size: 18px;
        line-height: 22px;
    }

    .twelvekstronglogo {
        width: 90%;
    }
}

@media screen and (max-width: 991px) {
    .acceptthechallengetitle {
        width: 100%;
    }

    .challengeequation {
        width: 85%;
    }
}

@media screen and (max-width: 767px) {
    .acceptthechallengetitle {
        margin: -20px 0 0 0;
    }

    .challengeequation {
        margin: 20px 0 0 0;
        width: 100%;
    }

    .twelvekstrongtext {
        font-size: 16px;
        line-height: 20px;
    }
}

#challengesteps {
    position: relative;
    display: block;
    position: relative;
    display: block;
    margin: 70px 0 0 0;
    padding: 0;
}

.challengestepsdivider {
    position: absolute;
    top: 10px;
    right: 30px;
    width: 15px;
    height: auto;
}

.challengesowhat {
    width: 56%;
    height: auto;
}

.yourgiftwill {
    width: 380px;
    height: auto;
}

.challengestepnumber {
    position: relative;
    display: block;
    margin: 20px 0 0 0;
    width: 43px;
    height: auto;
}

.twelvekstrongtext.challengesteptitle {
    margin: 30px 0 0 0;
    font-weight: 800;
    font-size: 24px;
    color: #562626;
}

.twelvekstrongtext.giftwilltitle:first-child {
    margin: 30px 0 0 0;
}

.twelvekstrongtext.giftwilltitle {
    margin: 20px 0 0 0;
}

.gigemscribble {
    position: relative;
    display: inline-block;
    top: -3px;
    margin: 0 15px 0 0;
    width: 25px;
    height: 26px;
}

#challengesteps .twelvekstrongtext {
    padding-right: 50px;
}

    #challengesteps .twelvekstrongtext.giftwilltitle {
        padding-right: 0px;
    }

#challengesteps .whatdowedo .twelvekstrongtext {
    margin: 10px 0 0 0;
    padding-right: 0;
    width: 100%;
    font-size: 18px;
    text-align: center;
}

.scribblebuilding {
    position: relative;
    display: block;
    margin: 40px 0 0 0;
    padding: 0;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 1199px) {
    .challengesowhat {
        width: 335px;
        height: auto;
    }

    .challengestepnumber {
        margin: 10px 0 0 0;
        width: 35px;
        height: auto;
    }

    #challengesteps .twelvekstrongtext {
        margin-left: -50px;
        font-size: 16px;
    }

        #challengesteps .twelvekstrongtext.challengesteptitle {
            margin: 20px 0 5px -50px;
            font-weight: 800;
            font-size: 20px;
            color: #562626;
        }

    .challengestepsdivider {
        height: 285px;
    }

    .yourgiftwill {
        width: 380px;
    }

    #challengesteps .twelvekstrongtext.giftwilltitle {
        margin-left: 0px;
    }
}

@media screen and (max-width: 991px) {
    .challengesowhat {
        width: 75%;
    }

    .challengestepnumber {
        margin: 10px 0 0 0;
        width: 30px;
        height: auto;
    }

    #challengesteps .twelvekstrongtext {
        margin-left: -25px;
    }

        #challengesteps .twelvekstrongtext.challengesteptitle {
            margin: 20px 0 2px -25px;
        }

    .challengestepsdivider {
        height: 320px;
    }
}

@media screen and (max-width: 767px) {
    #challengesteps {
        position: relative;
        display: block;
        position: relative;
        display: block;
        margin: 40px 0 0 0;
        padding: 0;
    }

    .challengesowhat {
        width: 100%;
    }

    .challengestepnumber {
        position: absolute;
        display: block;
        margin: 15px 0 0 0;
        width: 30px;
    }

    #challengesteps .twelvekstrongtext {
        margin-left: 40px;
        padding-right: 0px;
        text-align: justify;
    }

        #challengesteps .twelvekstrongtext.challengesteptitle {
            margin: 20px 0 2px 40px;
        }

    .yourgiftwill {
        width: 250px;
    }

    #challengesteps .twelvekstrongtext.giftwilltitle:last-child {
        margin-bottom: 50px;
    }
}

#challengecall {
    position: relative;
    display: block;
    margin: 70px 0 0 0;
    padding: 0;
    text-align: center;
}

.thatsit {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 91.6666667%;
    height: auto;
}

#challengecall a {
    position: relative;
    display: inline-block;
    margin: 30px auto 0 auto;
    padding: 0;
}

.challengebutton {
    width: 41.6666667%;
    height: auto;
}

@media screen and (max-width: 991px) {
    .thatsit {
        width: 100%;
    }

    .challengebutton {
        width: 55%;
    }
}

@media screen and (max-width: 767px) {
    #challengecall {
        margin: 50px 0 0 0;
    }

    .thatsit {
        width: 275px;
        margin: 0 0 0 0;
    }

    .challengebutton {
        width: 100%;
    }
}

#twelvekstrongdonors {
    position: relative;
    display: block;
    margin: 100px 0 0 0;
}

    #twelvekstrongdonors .twelvekstrongtext {
        font-size: 18px;
        line-height: 22px;
    }

.twelvekstrongtext.twelvekstrongdonorname {
    font-weight: 700;
    font-size: 20px !important;
    color: #562626;
}

.manns {
    text-align: right;
}

@media screen and (max-width: 1199px) {
    #twelvekstrongdonors .twelvekstrongtext {
        font-size: 16px;
        line-height: 20px;
    }

    .twelvekstrongtext.twelvekstrongdonorname {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 991px) {
    #twelvekstrongdonors {
        text-align: center;
    }

        #twelvekstrongdonors img {
            width: 250px;
            height: auto;
        }

    .twelvekstrongtext.twelvekstrongdonorname {
        margin: 15px 0 5px 0;
        font-size: 18px !important;
    }

    .manns {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    #twelvekstrongdonors img {
        width: 200px;
        height: auto;
    }

        #twelvekstrongdonors img.miners {
            margin-top: 30px;
        }
}


/*--------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------YOUNG ALUMNI PAGE--------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/

#youngalumniintrobanner {
    display: flex;
}

#yayaac,
#youngalumniintrobanner,
#yawcontentborder,
#yawcontentwrapper {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1300px;
}

.yaintrobannerleft {
    width: 55%;
    padding-right: 50px;
}

    .yaintrobannerleft .yaintrobannercontenttitle h1,
    .yaintrobannerleft .yaintrobannercontenttitle h5 {
        line-height: .9;
    }

    .yaintrobannerleft .yaintrobannercontenttitle h5 {
        margin: 0;
    }

    .yaintrobannerleft .yasociallink {
        display: inline-block;
        margin-right: 40px;
        width: 30px;
        height: 30px;
    }

        .yaintrobannerleft .yasociallink.yasnapchat {
            background: url(images/socialicons/snapchat-color.svg) no-repeat center center;
            background-size: 30px 30px;
        }

        .yaintrobannerleft .yasociallink.yafacebook {
            background: url(images/socialicons/facebooksquare.svg) no-repeat center center;
            background-size: cover;
        }

        .yaintrobannerleft .yasociallink.yatwitter {
            background: url(images/socialicons/twitter.svg) no-repeat center center;
            background-size: 30px 24px;
        }

        .yaintrobannerleft .yasociallink.yalinkedin {
            background: url(images/socialicons/linkedin.svg) no-repeat center center;
            background-size: cover;
        }

        .yaintrobannerleft .yasociallink.yainstagram {
            background: url(images/socialicons/instagram.svg) no-repeat center center;
            background-size: cover;
        }

.yaintrobannerright {
    width: 45%;
    position: relative;
}

.yabannerimage {
    position: absolute;
    border-radius: 8px;
    box-shadow: 0px 3px 8.55px 0.45px rgba(0, 0, 0, 0.25);
}

#yabannerimagetop {
    top: -10px;
    right: 0;
    width: 58%;
}

#yabannerimagebottom {
    top: 53%;
    right: -8%;
    width: 55%;
    opacity: .65;
}

#youngalumniweekend {
    margin: 100px 0;
    background-image: url("images/youngalumni/yawbanner.jpg");
    position: relative;
    height: 500px;
}

#youngalumniweekend,
#yawbannercutout {
    background-size: cover;
    background-position-x: 20%;
}

#yawbannercutout {
    background-image: url("images/youngalumni/yawbanner-cut.png");
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 4;
}


#yawcontentborder, #yawcontentwrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    height: 85%;
    transform: translate(-50%,-50%);
    border: 15px solid white;
    color: white;
}

#yawcontent {
    width: 100%;
    height: 100%;
}

#yawcontentwrapper {
    padding: 20px;
    border: 15px solid transparent;
    z-index: 5;
}

#yawcontenttitle {
    font-size: 80px;
    line-height: 65px;
    color: white;
}

.yawcontenttext {
    display: block;
    margin: 0 0 15px 0;
    font-weight: 700;
    color: white;
}

#yayaac {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.yaaccontentleft {
    width: 50%;
    margin-right: 40px;
    border-radius: 8px;
}

.ya12u12img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
    grid-column: span 2;
}

#ya12u12photogrid img:nth-child(5) {
    grid-column: 2 / span 2;
}

#ya12u12 {
    display: flex;
    margin: 100px 0 100px 5%;
    background: #eee9e9;
    justify-content: space-between;
    padding: 0 50px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

#ya12u12content {
    padding: 50px 0;
    width: 40%;
}

#ya12u12photogrid {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 37.5px 37.5px 37.5px 37.5px 37.5px 37.5px 37.5px 37.5px 37.5px;
    grid-template-rows: 100px 100px 100px;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
}

.ya12u12gridcontainer {
    position: relative;
    height: 100%;
    padding: 20px;
    margin: auto;
    max-width: 50%;
}

#youngalumnicontainer .featureboxsingle {
    height: 310px;
}

@media (max-width: 1400px) and (min-width:991px) {
    #youngalumniintrobanner {
        margin: 0 40px;
    }
}

@media (max-width: 991px) {
    #ya12u12 {
        flex-direction: column-reverse;
        padding: 50px;
    }

    #ya12u12photogrid {
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: repeat(6,1fr);
        grid-template-rows: auto auto;
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
    }

    #ya12u12content {
        padding: 0;
        width: 100%;
    }

    .ya12u12gridcontainer {
        max-width: initial;
        padding: 0 0 20px 0;
    }

    .ya12u12img {
        grid-column: initial;
    }

    #ya12u12photogrid img:nth-child(5) {
        grid-column: initial;
    }
}

@media (max-width: 767px) {
    .yaintrobannerleft {
        width: 100%;
        padding: 70px 0 0 0;
    }

    #youngalumniintrobanner {
        margin-top: -40px;
        flex-direction: column-reverse;
    }

    .yaintrobannercontenttitle h1 {
        font-size: 50px;
    }

    .yaintrobannercontenttitle h5 {
        font-size: 35px;
    }

    .yaintrobannerright {
        display: none;
    }

    .yaintrobannerleft .yasociallink {
        margin: 0 5px 0;
    }

    #yawbannercutout {
        display: none;
    }

    #yawcontenttitle {
        font-size: 60px;
        line-height: 50px;
    }

    #yawcontentdate {
        font-size: 25px;
        line-height: 1;
    }

    #yawcontentborder {
        border: 10px solid;
    }

    #youngalumniweekend {
        background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url("images/youngalumni/yawbanner.jpg") 52%/auto 100%;
    }

    #yayaac {
        flex-direction: column;
    }

    .yaaccontentleft {
        width: 100%;
        margin: 0 0 10px 0;
        border-radius: 0;
    }

    .yaaccontentright {
        border-radius: initial;
    }

    #ya12u12 {
        background: none;
        flex-direction: column-reverse;
        padding: 0;
        margin: 100px 30px;
    }

    .ya12u12img {
        border-radius: 0;
    }
}

/*-----------------------Young Alumni Spotlight-----------------------*/
#spotlightcontainer h2 {
    font-weight: 600;
    margin: 5px 0 15px;
    font-size: 32px;
}

#spotlightcontainer {
    margin: -90px 0 0 0;
}

#spotlightintro {
    margin-bottom: 80px;
    background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 70%), url(images/youngalumni/12u12/spotlight/awardbg.jpg) center top repeat-x;
    background-size: 1000px auto;
}

.spotlightintro-content {
    position: relative;
    padding: 140px 40px 0;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.logoscreen12u12 {
    position: absolute;
    top: 80px;
    left: 160px;
    width: 600px;
    height: auto;
    opacity: 0.15;
}

.about12u12 {
    margin: 0 auto 80px;
    width: 100%;
    max-width: 840px;
    gap: 60px;
    justify-content: center;
    align-items: center;
}

    .about12u12 > div {
        flex: 1;
    }

    .about12u12 .spotlightlogo {
        flex: none;
        width: 225px;
        height: auto;
    }

.spotlightlogo img {
    width: 100%;
    height: auto;
    -webkit-filter: drop-shadow(rgba(80, 36, 38, 0.9) 0 0 20px);
    filter: drop-shadow(rgba(80, 36, 38, 0.9) 0 0 20px);
}

.about12u12 h4 {
    color: #fff;
    font-weight: 400 !important;
}


#spotlightrecipients {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px 0;
    justify-items: center;
}


.recipientcontainer {
    position: relative;
    max-width: 250px;
}

    .recipientcontainer * {
        transition: all 0.3s;
    }

.recipientimpact, .recipientservice, .recipientsocial, .recipientfunfact {
    display: none;
}

.recipientbkg {
    position: absolute;
    z-index: 0;
    height: auto;
    padding: 20px 20px 0;
    width: 100%;
    max-height: 320px;
}

.recipientoverlay {
    height: 100%;
    width: 100%;
    background: #562626;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.recipientimg-container {
    position: relative;
    height: 100%;
    width: 100%;
}

.recipientimg {
    height: 100%;
    object-fit: cover;
    width: 100%;
    object-position: top;
}

.recipientcontainercontent {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 30px auto;
    z-index: 2;
    position: relative;
    padding: 0 20px;
}

.recipientbio, .recipientteaser {
    opacity: 0;
}

.recipientbio {
    font-size: 24px;
    line-height: 30px;
    height: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: auto;
    position: relative;
    grid-row: 1 / 2;
    grid-column: 1;
}

.recipientteaser {
    color: #9d9d9d;
    font-size: 16px;
    line-height: 20px;
    grid-row: 2 / 3;
    grid-column: 1;
}

.recipientinfo {
    position: relative;
    grid-row: 3 / 4;
    grid-column: 1;
}

.aspectratioenforcer {
    display: block;
    content: '';
    width: 100%;
    padding-top: calc((4.5 / 3) * 100%);
    margin-top: 20px;
    grid-row: 1 / 3;
    grid-column: 1;
}

.recipientbar {
    top: 100%;
    background: #562626;
    height: 1px;
    width: 100%;
    opacity: .25;
    position: absolute;
}

.recipientname {
    color: black;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #562626;
    margin-bottom: 5px;
}

.recipientcareer {
    color: #8e8e8e;
    line-height: 1.2;
    font-size: 16px;
}

/* On Hover*/

.recipientcontainer:hover {
    cursor: pointer;
}

    .recipientcontainer:hover .recipientbkg {
        /*background: rgba(86,38,38, .9);*/
        padding: 0;
        height: 100%;
        max-height: 100%;
    }

    /*.recipientcontainer:hover .recipientoverlay {
        opacity: .9;
    }*/

    .recipientcontainer:hover .recipientoverlay,
    .recipientcontainer:hover .recipientimg {
        opacity: .8;
        border-radius: 4px;
    }

    .recipientcontainer:hover .recipientbio,
    .recipientcontainer:hover .recipientname,
    .recipientcontainer:hover .recipientcareer {
        color: white;
    }

    .recipientcontainer:hover .recipientbio,
    .recipientcontainer:hover .recipientteaser {
        opacity: 1;
    }

    .recipientcontainer:hover .recipientcareer {
        color: white;
    }

    .recipientcontainer:hover .recipientteaser {
        opacity: 1;
    }

    .recipientcontainer:hover .recipientbar {
        top: -5px;
        background: white;
    }

#spotlighthidden {
    position: relative;
    margin: 50px 0 100px;
}

    #spotlighthidden .recipientinfo {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        width: 60%;
    }

    #spotlighthidden .recipientbar {
        width: 50%;
        left: 50%;
        transform: translateX(-50%);
    }

    #spotlighthidden img {
        width: 100%;
        object-fit: contain;
        opacity: .7;
    }



    #spotlighthidden .recipientcareer {
        font-weight: 500;
    }

.spotlightnom {
    padding: 0 20px;
}

.spotlightnombanner, .spotlightprevious {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1400px;
}

.spotlightnombanner {
    background: #562626;
    display: flex;
    margin: 100px auto;
    border-radius: 8px;
    overflow: hidden;
}

.spotlightnomcontent h2, .spotlightnomcontent p {
    color: white;
}

.spotlightnomcontent {
    padding: 50px;
    z-index: 2;
    width: 80%;
}

.spotlightnombanner img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.spotlightprevious {
    padding: 0 20px;
}

.spotlightpreviouslinks {
    display: flex;
    flex-wrap: wrap;
}

    .spotlightpreviouslinks a {
        font-weight: 600;
        margin-right: 30px;
        display: block;
    }

#spotlightcontainer .featureboxsingle {
    height: 310px;
}

#permaModal.recipientmodal {
    width: 90%;
    margin: auto;
    top: 0;
    max-width: 1200px;
    max-height: 800px;
}

    #permaModal.recipientmodal .modal-dialog {
        margin: 0 auto;
        width: 100%;
    }

    #permaModal.recipientmodal .modal-body {
        display: flex;
        padding: 0;
    }

    #permaModal.recipientmodal button.close {
        position: absolute;
        top: 25px;
        right: 25px;
        height: 50px;
        width: 50px;
        z-index: 4;
        cursor: pointer;
        outline: none;
    }

        #permaModal.recipientmodal button.close span {
            font-size: 50px;
        }


    #permaModal.recipientmodal .modal-left {
        width: 40%;
    }

        #permaModal.recipientmodal .modal-left img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    #permaModal.recipientmodal .modal-right {
        width: 60%;
        margin: auto;
        padding: 60px;
    }

        #permaModal.recipientmodal .modal-right img {
            display: none;
        }

    #permaModal.recipientmodal .rmodalname {
        margin: 0;
    }

    #permaModal.recipientmodal .rmodalcareer {
        margin: 0;
        font-weight: 600;
    }

    #permaModal.recipientmodal .rmodalbio {
        margin-top: 25px;
    }

@media (min-width: 1200px) {
    #spotlightrecipients {
        margin: 0 50px;
    }
}

@media (max-width: 1199px) {
    .logoscreen12u12 {
        top: 80px;
        left: 36px;
        width: 400px;
        height: auto;
        opacity: 0.15;
    }
}

@media (max-width: 991px) {
    .logoscreen12u12 {
        top: 80px;
        left: 100px;
        width: 400px;
        height: auto;
        opacity: 0.15;
    }

    #spotlightrecipients {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    #permaModal.recipientmodal {
        width: 90%;
    }

        #permaModal.recipientmodal .modal-body {
            padding: 60px 30px;
        }

        #permaModal.recipientmodal .modal-left img {
            height: auto;
            border-radius: 4px;
        }

        #permaModal.recipientmodal .modal-right {
            padding: 0;
            margin-left: 30px;
        }

    .spotlightnomcontent {
        width: 80%;
    }
}

@media (max-width: 767px) {
    #spotlightintro {
        margin-bottom: 80px;
        background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,1) 80%), url(images/youngalumni/12u12/spotlight/awardbg.jpg) center top repeat-x;
        background-size: auto 1000px;
    }

    .spotlightintro-content {
        padding: 100px 20px 0;
    }

    .logoscreen12u12 {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        width: 400px;
        height: auto;
        opacity: 0.15;
    }

    .about12u12 {
        position: relative;
        margin: 0 auto 40px;
        width: 100%;
        row-gap: 40px;
        justify-content: center;
        align-items: center;
    }

        .about12u12 > div {
            position: relative;
            width: 100%;
            flex: none;
        }

        .about12u12 .spotlightlogo {
            flex: none;
            width: 180px;
            height: auto;
        }

    .spotlightlogo img {
        width: 100%;
        height: auto;
        -webkit-filter: drop-shadow(rgba(80, 36, 38, 0.9) 0 0 20px);
        filter: drop-shadow(rgba(80, 36, 38, 0.9) 0 0 20px);
    }

    .about12u12 h4 {
        font-size: 18px !important;
        line-height: 24px !important;
        text-align: center;
    }

    #spotlightrecipients {
        display: flex;
        justify-content: center;
        flex-flow: row wrap;
    }

    .recipientcontainer {
        width: 50%;
    }


    .recipientbio,
    .recipientteaser {
        display: none;
    }

    #permaModal.recipientmodal {
        width: initial;
        margin: initial;
        top: 0;
    }

        #permaModal.recipientmodal p {
            color: black;
            font-size: 18px;
            /* line-height: 22px; */
            letter-spacing: .5px;
        }

        #permaModal.recipientmodal b {
            font-family: "proxima-nova-extra-condensed", sans-serif;
            letter-spacing: 1px;
            font-size: 22px;
            font-weight: 600;
        }

        #permaModal.recipientmodal .modal-dialog {
            width: initial;
        }

        #permaModal.recipientmodal button.close {
            top: 10px;
            right: 10px;
            opacity: 1;
            width: 30px;
            height: 30px;
        }

            #permaModal.recipientmodal button.close span {
                font-size: 40px;
            }

        #permaModal.recipientmodal .modal-left {
            display: none;
        }

        #permaModal.recipientmodal .modal-right {
            width: 100%;
            height: auto;
            padding: 30px 20px;
            margin-left: 0;
        }

            #permaModal.recipientmodal .modal-right img {
                display: block;
                width: 30%;
                min-width: 125px;
                height: auto;
                margin-right: 15px;
                border-radius: 4px;
            }

            #permaModal.recipientmodal .modal-right .rmodalheader {
                display: flex;
                align-items: flex-start;
            }

        #permaModal.recipientmodal .modal-body {
            padding: 0;
        }

        #permaModal.recipientmodal .rmodalname {
            margin: 5px 0;
        }

        #permaModal.recipientmodal .rmodalcareer {
            font-weight: 400;
            letter-spacing: .3px;
        }

    .spotlightnomcontent {
        padding: 40px;
        width: 100%;
    }
}

/*-----------------------------CORREGIDOR-----------------------------*/

#aggiesofcorregidor {
    position: relative;
    display: block;
    margin: -90px 0 0 0;
    padding: 0;
    width: 100%;
    height: auto;
    background: #000;
    color: #fff;
}

    #aggiesofcorregidor h1 {
        margin: 100px auto 0 auto;
        width: 66.666667%;
    }

@media (max-width: 991px) {
    #aggiesofcorregidor h1 {
        margin: 80px auto 0 auto;
        width: 80%;
    }
}

@media (max-width: 767px) {
    #aggiesofcorregidor h1 {
        width: 100%;
    }
}

#aggiesofcorregidor h1 img {
    width: 100%;
    height: auto;
}

#aggiesofcorregidor p, #corregidormusterdetails p {
    color: #fff;
}

#corregidormonument {
    margin: 70px 0 0 0;
}

@media (max-width: 991px) {
    #corregidormonument {
        margin: 50px 0 0 0;
    }
}

@media (max-width: 767px) {
    #corregidormonument {
        margin: 40px 0 0 0;
    }
}

#corregidormonument img {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}

#corregidorphotoinstructions {
    margin-top: 50px;
}

#corregidormusterdetails {
    margin-bottom: 50px;
    padding: 50px 0 25px 0;
    background: #000;
    color: #fff;
}

    #corregidormusterdetails h3 {
        margin: 25px 0 10px 0;
    }

#corregidorphotodetails {
    position: relative;
    display: block;
    margin: 0 0 50px 0;
    background: #000;
    overflow: hidden;
}

#corregidorphotodescription {
    padding: 25px 0 25px 0;
    overflow: hidden;
}

    #corregidorphotodescription p {
        color: #fff;
        font-style: italic;
        text-align: center;
    }

#corregidorphoto {
    position: relative;
    display: block;
    margin: 0 0 0 0;
    background: #000;
}

.corregidorphotobackground {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}

#corregidorphotooverlay svg {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}

#corregidorphotooverlay .participantpopover:hover {
    fill: transparent;
}

#corregidorphotooverlay .popover {
    padding: 10px 15px;
    font-family: "proxima-nova", Helvetica, sans-serif;
    text-align: left;
}

#corregidorphotooverlay .popover-title {
    padding: 0;
    font-size: 16px;
    line-height: 20px;
    color: #562626;
    background: none;
    border-bottom: none;
    border-radius: none;
}

#corregidorphotooverlay .popover-content {
    padding: 0;
    font-size: 14px;
    line-height: 18px;
    color: #555;
    background: none;
    border-bottom: none;
    border-radius: none;
}

@media (max-width: 991px) {
    #corregidorphoto {
        overflow-y: hidden;
        overflow-x: scroll;
    }

        #corregidorphoto::-webkit-scrollbar, #corregidorphotooverlay::-webkit-scrollbar {
            display: none;
        }

    .corregidorphotobackground, #corregidorphotooverlay, #corregidorphotooverlay svg {
        width: 1061px;
        height: 600px;
        overflow-y: hidden;
        overflow-x: scroll;
    }

    #corregidorphotooverlay {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }
}

@media (max-width: 767px) {
    .corregidorphotobackground, #corregidorphotooverlay, #corregidorphotooverlay svg {
        width: 1238px;
        height: 700px;
    }
}

#corregidormustercall {
    margin: 30px 0 30px 0;
    text-align: center;
}

#corregidorcallforinfo {
    position: relative;
    display: block;
    margin: 50px 0 0 0px 0;
    text-align: center;
}

    #corregidorcallforinfo p {
        font-size: 20px;
        line-height: 28px;
    }

@media (max-width: 1199px) {
    #corregidorcallforinfo p {
        font-size: 16px;
        line-height: 24px;
    }
}



/*-----------------------------GIVING STUFF-----------------------------*/

#thankyoushare {
    position: relative;
    display: block;
    margin: 20px 0;
    padding: 0;
}

    #thankyoushare a {
        position: relative;
        display: inline-block;
        margin: 0;
        padding: 5px 15px;
        width: 306px;
        font-family: "proxima-nova", Helvetica, sans-serif;
        font-weight: 300;
        font-size: 18px;
        color: #fff;
    }

    #thankyoushare .facebooklogin {
        margin: 0 30px 0 0;
    }

.sharepadright {
    margin: 0 30px 0 0 !important;
}


.lbthumb2 {
    padding: 0 10px 10px 0;
}

@media print {
    #headerwrapper, #lnav, #rnav, #secondnav, #accountinfomobile, #accounttoolsmobile, #allfooter, .footerlogocontainer, .footercontainer, .legalstuffcontainer {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .hideme-xs {
        display: none;
    }

    .showme-xs {
        display: block;
    }
}

.short {
    width: 120px !important;
}

.block {
    display: block !important;
}

.aggienetworkeventregistrationcontainer {
    position: relative;
    display: flex;
    display: -ms-flexbox;
    width: 100%;
    height: auto;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: center;
}

    .aggienetworkeventregistrationcontainer > .aggienetworkuserpanel.eventregistrationpanel {
        max-width: 750px;
    }

.aggienetworkuserpanel.eventregistrationpanel .eventregistrationpanelform {
    padding: 20px;
}

.aggienetworktextinput, .aggienetworktextarea, .aggienetworkdropdowninput {
    position: relative;
    margin: 0 0 0 0;
    padding: 5px;
    width: 100%;
    height: 32px;
    font-size: 16px;
    line-height: 18px;
    border: none;
    outline: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .aggienetworkdropdowninput::-ms-expand {
        display: none;
    }

label.aggienetworktextinputlabel {
    position: relative;
    margin-bottom: 3px;
    padding: 0;
    width: 100%;
    font-weight: 600;
    font-size: 12px;
    color: #8a6666;
    letter-spacing: 1px;
}

    label.aggienetworktextinputlabel.aggienetworkuserpanelselectormenu-title {
        display: block !important;
        font-size: 18px;
        font-weight: 400;
        text-align: center;
    }

.aggienetworktextinput.bordered, .aggienetworktextarea.bordered, .aggienetworkdropdowninput.bordered {
    border: 1px solid #ddd;
}

    .aggienetworktextinput.bordered:focus, .aggienetworktextarea.bordered:focus {
        border: 1px solid #8a6666;
        box-shadow: none;
    }

.aggienetworktextinput, .aggienetworktextinput::-webkit-input-placeholder, .aggienetworktextinput::-moz-placeholder, .aggienetworktextinput:ms-input-placeholder {
    font-family: "proxima-nova", Helvetica, Sans-Serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    color: #555;
}

    .aggienetworktextinput::-webkit-input-placeholder {
        padding-top: 2px;
        color: #999;
    }

.aggienetworkformfield {
    position: relative;
    display: flex;
    display: -ms-flexbox;
    margin: 0 0 20px 0;
    width: 100%;
    max-width: 600px;
    flex-flow: row wrap;
}

.aggienetworkflexcontainer > .aggienetworkformfield + .aggienetworkformfield {
    margin-left: 20px;
}

.aggienetworkformfield.nomargin {
    margin-left: 0 !important;
}

.aggienetworkformfield .aggienetworktextinput, .aggienetworkformfield .aggienetworkdropdowninput {
    width: 100%;
    max-width: 290px;
}

    .aggienetworkformfield .aggienetworktextinput, .aggienetworkformfield .aggienetworkdropdowninput.full {
        width: 100%;
        max-width: 100%;
    }



.formfieldname .formfieldname-firstname, .formfieldname .formfieldname-lastname, .formfieldname.plusmiddlename.plussuffix.plusclassyear .formfieldname-firstname, .formfieldname.plusmiddlename.plussuffix.plusclassyear .formfieldname-middlename {
    width: calc(50% - 10px);
}

.formfieldname.plusclassyear .formfieldname-firstname, .formfieldname.plusclassyear .formfieldname-lastname {
    width: calc(50% - 60px);
}

.formfieldname.plusmiddlename.plussuffix.plusclassyear .formfieldname-lastname {
    margin-left: 0 !important;
    width: calc(100% - 200px);
}

.formfieldname.plusclassyear .formfield-classyear, .formfieldname.plusmiddlename.plussuffix.plusclassyear .formfieldname-suffix {
    width: 80px;
}

.formfieldname.plusmiddlename.plusclassyear .formfieldname-firstname, .formfieldname.plusmiddlename.plusclassyear .formfieldname-middlename, .formfieldname.plusmiddlename.plusclassyear .formfieldname-lastname {
    width: calc(33.3333334% - 36.6666666px);
}


.formfield-email, .formfield-phone {
    width: calc(50% - 10px);
}

.formfieldemailphonecombo .formfield-email {
    width: calc(75% - 10px);
}

.formfieldemailphonecombo .formfield-phone {
    width: calc(25% - 10px);
}


.aggienetworkformfield.submitteremail, .aggienetworkformfield.imagedescription {
    width: 100%;
}

    .aggienetworkformfield.submitteremail.emailphonecombo {
        width: 75%;
    }

.aggienetworkformfield.submitterphone.emailphonecombo {
    width: 25%;
}

.aggienetworkformfield.fieldlength-third {
    width: 33.333333%;
}

.aggienetworkformfield .error {
    position: absolute;
    bottom: -15px;
    font-size: 12px;
    line-height: 12px;
}

.aggienetworkformfield.formfieldname {
    column-gap: 20px;
}

.aggienetworkformfield.formfieldname, .formfieldaddress, .aggienetworkformfield.expirationandcvv {
    justify-content: space-between;
}

    .formfieldaddress .formfieldaddress-street {
        flex-direction: column;
    }

        .formfieldaddress .formfieldaddress-street, .formfieldaddress .formfieldaddress-street .aggienetworktextinput {
            max-width: 100%;
        }

            .formfieldaddress .formfieldaddress-street .aggienetworktextinput:nth-of-type(2) {
                margin: 10px 0 20px 0;
            }

            .formfieldaddress .formfieldaddress-street.formfieldaddress-street2 {
                margin-left: 0 !important;
            }

    .formfieldaddress .formfieldaddress-city {
        margin-left: 0 !important;
    }

    .formfieldaddress .formfieldaddress-city, .formfieldaddress .formfieldaddress-state {
        width: calc(50% - 70px);
    }

    .formfieldaddress .formfieldaddress-zip {
        width: 100px;
    }

.aggienetworkformfield.expirationandcvv {
    max-width: 290px;
}

    .aggienetworkformfield.expirationandcvv .formfieldcreditcard-expiration {
        display: flex;
        display: -ms-flexbox;
        width: calc(100% - 70px);
        justify-content: space-between;
        flex-flow: row wrap;
    }

        .aggienetworkformfield.expirationandcvv .formfieldcreditcard-expiration .aggienetworkdropdowninput {
            width: calc(50% - 5px);
        }

    .aggienetworkformfield.expirationandcvv .formfieldcreditcard-cvv {
        display: flex;
        display: -ms-flexbox;
        width: 50px;
        flex-flow: row wrap;
    }


@media (max-width: 767px) {
    .formfieldname.plusclassyear .formfieldname-firstname {
        width: 100%;
    }

    .formfieldname.plusclassyear .formfieldname-lastname {
        width: calc(100% - 100px);
    }

    .aggienetworkformfield.formfieldaddress .formfieldaddress-city {
        width: 100%;
        margin-bottom: 20px;
    }

    .aggienetworkformfield.formfieldaddress .formfieldaddress-state {
        width: calc(100% - 120px);
    }


    .aggienetworkformfield.submitteremail.emailphonecombo, .aggienetworkformfield.submitterphone.emailphonecombo, .aggienetworkformfield.fieldlength-third {
        width: 100%;
    }

    .aggienetworkformfield.inlineformfieldgutter {
        padding: 0;
    }
}



.aggienetworktextarea {
    min-height: 75px;
    resize: vertical;
    height: auto;
}

.aggienetworkdropdowninput {
    padding: 5px 35px 5px 5px;
    background-image: linear-gradient(45deg, transparent 48%, #562626 50%), linear-gradient(135deg, #562626 52%, transparent 48%), linear-gradient(to right, #f6f4f4, #f6f4f4);
    background-position: calc(100% - 14px) 14px, calc(100% - 9px) 14px, 100% 0;
    background-size: 5px 5px, 5px 5px, 30px 40px;
    background-repeat: no-repeat;
}

    .aggienetworkdropdowninput:focus {
        background-image: linear-gradient(45deg, transparent 48%, #fff 50%), linear-gradient(135deg, #fff 52%, transparent 48%), linear-gradient(to right, #8a6666, #8a6666);
        border: 1px solid #8a6666;
    }


.aggienetworkradiogroupcontainer {
    position: relative;
    margin: 0 0 20px 0;
}

    .aggienetworkradiogroupcontainer .aggienetworktextinputlabel {
        display: block;
    }

.aggienetworkradiogroupsegments, .radiogroup-pills {
    display: flex;
    display: -ms-flexbox;
    justify-content: flex-start;
}

    .aggienetworkradiogroupsegments input[type=radio], .radiogroup-regular input[type=radio], .radiogroup-pills input[type=radio] {
        display: none;
    }

        .aggienetworkradiogroupsegments input[type=radio] + label, .radiogroup-pills input[type=radio] + label, select.aggienetworkselectinput {
            padding: 9px 0 7px 0;
            max-width: 150px;
            font-family: "proxima-nova", Helvetica, sans-serif;
            font-weight: 400;
            font-size: 14px;
            line-height: 14px;
            text-align: center;
            color: #8a6666;
            letter-spacing: 1px;
            border: 1px solid #ddd3d3;
            cursor: pointer;
            flex: 1 auto;
        }

            .aggienetworkradiogroupsegments input[type=radio] + label:not(:first-of-type) {
                margin-left: -1px;
            }

        .aggienetworkradiogroupsegments input[type=radio]:checked + label, .radiogroup-pills input[type=radio]:checked + label {
            font-weight: 800;
            color: #fff;
            background: #8a6666;
            border: 1px solid #8a6666;
        }

        .aggienetworkradiogroupsegments input[type=radio] + label:first-of-type {
            border-radius: 4px 0 0 4px;
        }

        .aggienetworkradiogroupsegments input[type=radio] + label:last-of-type {
            border-radius: 0 4px 4px 0;
        }

        .radiogroup-pills input[type=radio] + label {
            border-radius: 4px;
        }

.radiogroup-regular > input[type=radio] + label {
    flex: none;
    display: block;
    margin-top: 5px;
    padding: 0 0 0 25px;
    width: 100%;
    max-width: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    letter-spacing: 0;
    border: 0;
    text-align: left;
}

    .radiogroup-regular > input[type=radio] + label:first-of-type {
        margin-top: 0;
    }

    .radiogroup-regular > input[type=radio] + label::before {
        content: '';
        position: absolute;
        top: 1px;
        left: 0;
        width: 15px;
        height: 15px;
        border: 1px solid #ddd3d3;
        border-radius: 50%;
    }

.radiogroup-regular > input[type=radio]:checked + label {
    background: none;
}

    .radiogroup-regular > input[type=radio]:checked + label::before {
        border: 1px solid #8a6666;
    }

    .radiogroup-regular > input[type=radio]:checked + label::after {
        content: '';
        position: absolute;
        top: 4px;
        left: 3px;
        width: 9px;
        height: 9px;
        background: #8a6666;
        border-radius: 50%;
    }




select.aggienetworkselectinput {
    padding: 9px 10px 7px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    select.aggienetworkselectinput:after {
    }

    select.aggienetworkselectinput:focus {
        outline: none;
    }





.aggienetworkuserpanelselectormenu {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ddd;
    align-items: center;
}


    .aggienetworkuserpanelselectormenu input[type=radio] {
        display: none;
    }



        .aggienetworkuserpanelselectormenu input[type=radio] + label {
            margin: 0;
            padding: 9px 10px 5px;
            font-family: "proxima-nova", Helvetica, sans-serif;
            font-weight: 400;
            font-size: 14px;
            line-height: 14px;
            text-align: center;
            color: #8a6666;
            letter-spacing: 1px;
            border-bottom: 3px solid #fff;
            cursor: pointer;
            flex: 1;
        }

            .aggienetworkuserpanelselectormenu input[type=radio] + label:hover {
                border-bottom: 3px solid #ddd;
            }

        .aggienetworkuserpanelselectormenu input[type=radio]:checked + label {
            font-weight: 600;
            border-bottom: 3px solid #8a6666;
        }

@media (max-width: 500px) {
    .aggienetworkuserpanelselectormenu input[type=radio] + label {
        font-size: 12px;
        line-height: 14px;
    }
}


.aggienetworkcheckbox {
    position: relative;
    display: inline-block;
}

    .aggienetworkcheckbox input[type="checkbox"] {
        position: absolute;
        opacity: 0;
    }

    .aggienetworkcheckbox > input + label {
        position: relative;
        padding: 0;
        font-size: 16px;
        line-height: 16px;
        color: #562626;
        cursor: pointer;
    }

    .aggienetworkcheckbox > input:focus + label::before {
        box-shadow: 0 0 0 3px #fff;
    }

    .aggienetworkcheckbox label::before {
        content: '';
        position: relative;
        display: inline-block;
        top: 1px;
        margin-right: 10px;
        height: 14px;
        width: 14px;
        border: 1px solid #8a6666;
        border-radius: 1px;
    }

    .aggienetworkcheckbox > input:checked + label::before {
        background: #8a6666;
    }

    .aggienetworkcheckbox > input:checked + label::after {
        content: '';
        position: absolute;
        left: 1px;
        top: 2px;
        display: inline-block;
        height: 12px;
        width: 12px;
        background: #8a6666;
        background-image: url(images/uielements/checkmark-white.svg);
        border-radius: 1px;
    }





.aggienetworkuserpanel {
    position: relative;
    margin: 0 0 30px 0;
    padding: 15px 0;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    overflow: hidden;
}

    .aggienetworkuserpanel.adminpanel {
        background-color: #e5f3f9;
        color: #31708f;
        border: 1px solid #bce8f1;
        box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.05);
        overflow: hidden;
    }

.adminpanelinputtitle {
    position: relative;
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    color: #31708f;
}


.aggienetworkuserpaneldata {
    display: block;
    margin: 0 0 15px 0;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-size: 16px;
    color: #555;
}

.aggienetworkuserpanelbottombar {
    position: relative;
    display: block;
    margin: 0 0 0 0;
    padding: 15px 0 0 0;
    width: 100%;
    border-top: 1px solid #eee;
    overflow: hidden;
}

    .aggienetworkuserpanelbottombar button.slidebutton, .aggienetworkuserpanelbottombar button.slidebutton.cancelbutton {
        display: inline-block;
        padding: 5px 10px 4px 10px;
        font-size: 14px;
        line-height: 14px;
        border: 1px solid #562626;
    }

        .aggienetworkuserpanelbottombar button.slidebutton.cancelbutton {
            background: rgba(227,45,45,0.5);
            border: 1px solid rgba(227,45,45,1.0);
        }

            .aggienetworkuserpanelbottombar button.slidebutton.cancelbutton:hover {
                background: rgba(227,45,45,1.0);
                border: 1px solid rgba(227,45,45,1.0);
                color: #fff;
            }

#editpostunpublish, #editpostsaveandpublish {
    text-align: center;
}

#editpostunpublish {
    margin: 0 0 15px 0;
}

#editpostsaveandpublish button.slidebutton:last-of-type {
    margin: 0 0 0 5px;
}

@media (min-width: 992px) {
    #editpostunpublish {
        margin: 0 0 0 0;
        text-align: left;
    }

    #editpostsaveandpublish {
        text-align: right;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    aggienetworkuserpanelbottombar button.slidebutton, .aggienetworkuserpanelbottombar button.slidebutton.cancelbutton {
        font-size: 12px;
    }
}

#viewpostprivacy {
    position: relative;
    display: block;
    margin: 25px 0 25px 0;
}

    #viewpostprivacy .advancedoptiontitle, #imagetoptoggle .advancedoptiontitle {
        position: relative;
        display: inline-block;
        top: -5px;
        margin: 0 0 0 15px;
        font-size: 16px;
        color: #555;
    }

#imagetoptoggle .advancedoptiontitle {
    color: #31708f;
    font-weight: 300;
}

#viewpostprivacy .toggleswitch + label, #viewpostprivacy label, #imagetoptoggle .toggleswitch + label, #imagetoptoggle label {
    top: 0;
    margin: 0 0 0 0;
}

#viewpostprivacy input.toggleswitch + label:after, #imagetoptoggle input.toggleswitch + label:after {
    background-color: #fff;
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);
}

#viewpostprivacy span.helpquestion {
    width: 12px;
    height: 12px;
}

#viewpostprivacy .helpquestion:before {
    margin: -12px 0 0 7px;
}

#_goLiveDate.aggienetworktextinput, #_expireDate.aggienetworktextinput {
    width: 100%;
    border-radius: 4px 0 0 4px;
}

#description .aggienetworktextinput {
    height: 100px;
}

.addtaginput {
    position: relative;
    display: block;
    margin: 0 0 15px 0;
}

    .addtaginput:last-child {
        margin: 0 0 0 0;
    }

    .addtaginput .aggienetworktextinput {
        margin: 0 0 5px 0;
        width: 100%;
    }

#posttags {
    position: relative;
    display: block;
    margin: 0 0 30px 0;
}

.posttagstitle {
    display: inline-block;
    margin: 0 0 10px 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    color: #8a6666;
}

.tagslist {
    display: block;
}

@media (max-width: 767px) {
    #postimage {
        position: relative;
        margin: 0 0 30px 0;
    }

    .reorder-xs {
        margin: 30px 0 0 0;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        direction: rtl;
    }

        .reorder-xs > .flip {
            -webkit-transform: rotate(-180deg);
            -moz-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
            direction: ltr;
        }
}


#registrationbody {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.registrationpanel {
    position: relative;
    display: block;
    margin-bottom: 30px;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
}

.registrationpaneltitle {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 6px 0 3px;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #8a6666;
}

    .registrationpaneltitle.registrationsummary {
        line-height: 18px;
        color: #562626;
        background: none;
    }

        .registrationpaneltitle.registrationsummary.registrationtotal {
            font-size: 16px;
        }

.registrationpanelcontent {
    width: 100%;
    height: auto;
    padding: 30px;
}

.registrationpackage {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

    .registrationpackage.lastpackage {
        margin-bottom: 0;
    }

#registrationtributetypes {
    position: relative;
    display: block;
    margin: 30px 0 0 0;
    padding: 0;
    text-align: center;
}

    #registrationtributetypes img {
        position: relative;
        display: block;
        margin: 0 auto;
        width: 110px;
        height: 75px;
    }

.tributetypedetails {
    position: relative;
    display: block;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: #562626;
}

.registrationpackagetitle {
    position: relative;
    display: block;
    margin: 8px 0 10px 0;
    font-weight: 300;
    font-size: 20px;
    line-height: 18px;
    color: #562626;
}

.registrationpackage ul li, .registrationpackage ul li label {
    position: relative;
    display: block;
    margin-bottom: 10px !important;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    margin-bottom: 0;
}

.registrationpackage li.registrationplus {
    text-indent: -40px;
    margin-left: 40px;
}

    .registrationpackage li.registrationplus:before {
        content: 'plus';
        margin-right: 10px;
        font-weight: bold;
        font-size: 12px;
        color: #562626;
        text-transform: uppercase;
        font-style: italic;
    }

.registrationtickets {
    display: block;
    right: 0;
    height: auto;
}

.registrationticketstepper {
    position: relative;
    display: block;
    width: auto;
}

input.registrationstepper {
    padding: 0;
    float: left;
    width: 50px;
    height: 30px;
    font-size: 15px;
    font-weight: 300;
    text-align: center;
    color: #562626;
    border: 1px solid #ddd;
    background: none;
    outline: none;
    pointer-events: none;
}

span.spinner {
    position: absolute;
    right: 15px;
    height: 30px;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

    span.spinner > .sub, span.spinner > .add {
        display: block;
        float: left;
        padding-top: 5px;
        width: 30px;
        height: 30px;
        text-align: center;
        font-family: "proxima-nova", Helvetica, sans-serif;
        font-size: 16px;
        line-height: 16px;
        color: #562626;
        border: 1px solid #ddd;
        border-right: 0;
        border-radius: 4px 0 0 4px;
        cursor: pointer;
        -webkit-transition: 0.1s linear;
        -moz-transition: 0.1s linear;
        transition: 0.1s linear;
    }

    span.spinner > .add {
        padding-top: 7px;
        border: 1px solid #ddd;
        border-left: 0;
        border-radius: 0 4px 4px 0;
    }

        span.spinner > .sub:hover, span.spinner > .add:hover {
            background: #8a6666;
            color: #fff;
            border: 1px solid #8a6666;
        }

input.registrationstepper::-webkit-inner-spin-button, input.registrationstepper::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

#registrationtributetypes span.spinner {
    position: relative;
    display: inline-block;
    right: auto;
    margin: 15px auto 5px auto;
    text-align: center;
}

.registrationpackagedetails {
    position: relative;
    display: block;
    margin: 30px 0 0 0;
    width: 100%;
    font-size: 0;
}

.tablehostinfo .aggienetworktextinput, .tableguestsinfo .aggienetworktextinput {
    width: 100%;
    margin-bottom: 25px;
}

.aggienetworktextinput.galaguestname {
    border-radius: 4px 0 0 4px;
    width: 79%;
    z-index: 100;
}

.aggienetworktextinput.galaguestyear {
    margin-left: -1px;
    border-radius: 0 4px 4px 0;
    width: 21%;
    z-index: 99;
}

    .aggienetworktextinput.galaguestyear:focus {
        z-index: 101;
    }


#galaregistrationaddguest {
    position: relative;
    margin-bottom: 25px;
    width: 100%;
    height: 32px;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    background: rgba(138, 102, 102, 0.5);
    border: 1px solid rgba(138, 102, 102, 0.5);
    outline: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    #galaregistrationaddguest:hover {
        background: rgba(138, 102, 102, 1);
        border: 1px solid rgba(138, 102, 102, 1);
    }

.registrationremoveguest {
    position: absolute;
    top: -8px;
    right: 7px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #fff;
    overflow: hidden;
    cursor: pointer;
    z-index: 105;
}

    .registrationremoveguest i {
        color: rgba(196, 178, 178, 1);
        font-size: 18px !important;
        line-height: 18px !important;
    }

        .registrationremoveguest i:hover {
            color: rgba(138, 102, 102, 1);
        }

.specialrequests .aggienetworktextinput, .personalmessage .aggienetworktextinput {
    width: 100%;
    height: 80px;
    padding: 5px;
    resize: vertical;
}

.personalmessage {
    margin-top: 40px;
}

    .personalmessage .aggienetworktextinput {
        margin-top: 5px;
    }

.continueregistrationpanel {
    position: relative;
    display: block;
    margin: 30px auto;
    width: 100%;
    height: auto;
    text-align: center;
}

.registrationtotal {
    position: relative;
    display: block;
    margin-bottom: 20px;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 20px;
    color: #562626;
}

.continueregistrationpanel button.slidebutton {
    margin: 0 8px;
    font-size: 16px;
}

.continueregistrationpanel h5 {
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #8a6666;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.continueregistrationpanel p {
    font-size: 16px;
    line-height: 22px;
    color: #8a6666;
}

.registrationpackagedetails .daname {
    margin-bottom: 10px;
}

    .registrationpackagedetails .daname label {
        position: relative;
        display: inline-block;
        margin: 0;
        padding: 0;
        font-size: 16px;
        line-height: 20px;
        font-weight: 300;
    }

/*.registrationpackagedetails .daname label input[type=checkbox] {
    position: relative;
    display: inline-block;
    top: 1px;
    margin-right: 5px;
    height: 14px;
    width: 14px;
    background-color: #fff !important;
    border: 1px solid #ddd;   
    border-radius: 3px;
    outline: 0;
}

.registrationpackagedetails .daname input[type=checkbox]:checked {
    border: 1px solid #8a6666;   
}

.registrationpackagedetails .daname input[type=checkbox]:checked:after {
    content: '';
    top: -6px;
    left: 3px;
    position: relative;
    display: inline-block;
    width: 6px;
    height: 8px;
    border: solid #8a6666;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}*/

@media (max-width: 767px) {
    #registrationbody {
        max-width: 375px;
        margin: auto auto;
    }

    .registrationpanelcontent {
        padding: 30px 15px;
    }

    .registrationpackagetitle {
        margin: 3px 0 10px 0;
        font-size: 18px;
        line-height: 20px;
        color: #562626;
    }

    .registrationpackage ul li {
        position: relative;
        display: block;
        margin-bottom: 8px !important;
        font-size: 14px;
        line-height: 18px;
    }

    input.registrationstepper {
        width: 40px;
        height: 25px;
    }

    span.spinner {
        height: 25px;
    }

        span.spinner > .sub, span.spinner > .add {
            padding-top: 3px;
            width: 25px;
            height: 25px;
        }

        span.spinner > .add {
            padding-top: 4px;
        }

    .twopagetribute {
        margin-top: 30px;
    }

    .specialrequests textarea {
        margin-top: 25px;
    }

    .aggienetworktextinput.galaguestname {
        width: 87%;
    }

    .aggienetworktextinput.galaguestyear {
        width: 13%;
    }
}


/*-------------------------------------------------------------------------------------*/
/*-------------------------------GLOBAL INFOPAGE STYLES--------------------------------*/
/*-------------------------------------------------------------------------------------*/

#infopagecontainer {
    position: relative;
    display: flex;
    display: -ms-flexbox;
    margin: 0 auto;
    padding: 0 5%;
    width: 100%;
    max-width: 1600px;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#infopagecontent {
    -ms-flex: 1;
    flex: 1;
    padding: 0 0 0 40px;
}

    #infopagecontent h2 {
        padding: 45px 0 10px 0;
        width: 100%;
        font-family: "proxima-nova", sans-serif;
        font-weight: 300;
        font-size: 32px;
        line-height: 32px;
        color: #562626;
    }

    .sidenavcontent ul, #infopagecontent ul {
        margin: 10px 0 25px 0;
    }

@media screen and (max-width: 991px) {
    #infopagecontainer {
        padding: 0 15px;
    }

    #infopagecontent h2 {
        font-size: 28px;
        line-height: 28px;
    }
}

@media screen and (max-width: 767px) {
    #infopagecontent {
        flex: none;
        padding: 0;
        width: 100%;
    }

        #infopagecontent h2 {
            font-size: 22px;
            line-height: 22px;
        }
}


/*-------------------------------------------------------------------------------------*/
/*---------------------------GLOBAL INFOPAGE SIDENAV STYLES----------------------------*/
/*-------------------------------------------------------------------------------------*/

#sidenav {
    margin-top: 5px;
    width: 20%;
}

.sidenavcontent {
    width: 100%;
}

    .sidenavcontent::-webkit-scrollbar {
        display: none;
    }

    .sidenavcontent.affix {
        position: fixed;
        top: 30px;
        margin: 0 0 0 0;
        padding: 0 30px 0 0;
        width: 20%;
        max-width: 275px;
        overflow-y: scroll !important;
    }

    .sidenavcontent.affix-bottom {
        position: absolute;
        bottom: auto;
    }

#sidenav h4, h4.navtitle {
    margin: 0;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    color: #562626;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#sidenav ul {
    margin-top: 0;
}

#sidenav li a {
    margin: 15px 0 0 0;
    padding: 0 0 0 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #888;
    border-left: 2px solid transparent;
    transition: 0.2s padding ease;
}

#sidenav li > a:focus, #sidenav li.active > a:focus {
    background: none !important;
}

#sidenav li.active > a, #sidenav li.active > a:hover {
    padding-left: 10px;
    border-left: 2px solid #562626;
    color: #562626;
}

#sidenav li > a:hover {
    background: none;
    color: #562626;
}

#sidenav li.active > a:hover {
    color: #333;
    background: none;
}

#sidenav ul li > ul li {
    padding: 0 0 0 20px;
}

@media (max-width: 991px) {
    #sidenav, .sidenavcontent.affix {
        padding: 0 15px 0 0;
    }

        #sidenav li a {
            font-size: 14px;
            line-height: 16px;
        }
}

@media (max-width: 767px) {
    #sidenav {
        display: none;
    }
}

/*-------------------------------------------------------------------------------------*/
/*----------------------------------GLOBAL FAQ STYLES----------------------------------*/
/*-------------------------------------------------------------------------------------*/

.faqsection {
    position: relative;
    display: block;
    margin: 0 0 50px 0;
}

.faqcolumn-a {
    padding: 0 50px 0 0 !important;
}

.faqsection .panel-heading {
    padding: 5px 0 0 0 !important;
}

.faqcolumn-b {
    padding: 0 0 0 50px !important;
}

a.faqquestion {
    display: block;
    padding: 10px 25px 8px 10px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    border-radius: 4px;
    position: relative;
}

    a.faqquestion.collapsed:hover {
        background: #f5f5f5;
    }

        a.faqquestion.collapsed:hover:after, a.faqquestion.faqopen:after {
            content: "\e114";
            position: absolute;
            right: 10px;
            font-family: 'Glyphicons Halflings';
            font-size: 14px;
            color: #562626;
            vertical-align: middle;
            top: 50%;
            transform: translateY(-50%);
        }

    a.faqquestion.faqopen {
        background: #f5f5f5;
        color: #562626;
    }

        a.faqquestion.faqopen:after {
            content: "\e113";
        }

@media (max-width: 991px) {
    .faqcolumn-a {
        padding: 0 40px 0 15px !important;
    }

    .faqcolumn-b {
        padding: 0 15px 0 40px !important;
    }

    a.faqquestion {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (max-width: 991px) {
    .faqcolumn-a {
        padding: 0 15px !important;
    }

    .faqcolumn-b {
        padding: 0 15px !important;
    }
}


/*-------------------------------------------------------------------------------------*/
/*------------------------------GLOBAL UI ELEMENT STYLES-------------------------------*/
/*-------------------------------------------------------------------------------------*/

/*---------------------------------------MODALS----------------------------------------*/

.modal {
    top: 0;
    padding-top: 120px;
    z-index: 10001;
}

.modal-open .modal, .btn:focus {
    outline: none !important;
}

.modal-backdrop {
    background-color: #fff;
    background: #fff;
    z-index: 10000;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.in {
        opacity: 0.9;
    }

.modal.fade .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

.modal-content {
    background: #fff;
    border: 1px solid rgba(86, 38, 38, 0.75);
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal-header {
    padding: 40px 40px 20px;
    border-bottom: none;
}

    .modal-header .close {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 24px;
        font-weight: 700;
        color: #562626;
        text-shadow: none;
        filter: alpha(opacity=50);
        opacity: .5;
    }

        .modal-header .close:hover {
            filter: alpha(opacity=100);
            opacity: 1;
        }

.modal-title {
    font-family: "proxima-nova-extra-condensed", sans-serif;
    font-size: 30px;
    font-weight: 800;
    color: #562626;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.modal-body {
    padding: 0 40px 40px;
}

.modalbuttonrow {
    text-align: center;
}

    .modalbuttonrow .slidebutton {
        margin: 20px 10px 0;
        font-size: 18px;
        line-height: 18px;
    }


@media (max-width: 500px) {
    .modal {
        padding-top: 80px;
    }

    .modal-title {
        font-size: 26px;
        line-height: 28px;
    }

    .modal-body {
        padding: 0 20px 40px;
    }
}


/*-------------------------------------PAGINATION--------------------------------------*/

.pagination > li > a, .pagination > li > span, .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover {
    color: #8a6666;
    background-color: #fff;
    border-color: #8a6666;
    cursor: auto;
}

    .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover {
        color: #ccc;
    }

    .pagination > li > a:hover {
        color: #8a6666;
        background-color: #eee9e9;
        border-color: #8a6666;
    }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    font-weight: 600;
    color: #fff;
    cursor: default;
    background-color: #8a6666;
    border-color: #8a6666;
    z-index: 2;
}

.pagination-sm > li:first-child > a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination-sm > li:last-child > a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}


@media (max-width: 767px) {
    #staffDetails {
        text-align: center;
    }

        #staffDetails img {
            width: 100%;
            max-width: 200px;
        }
}



/*-------------------------------------------------*/
/*-------------------VIDEO EMBEDS------------------*/
/*-------------------------------------------------*/


.aggienetworkvideoembed-container {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 700px;
    height: auto;
}

.aggienetworkvideoembed-responsive {
    position: relative;
    padding-bottom: 56.25%;
    background-color: #000;
    overflow: hidden;
    cursor: pointer;
}

    .aggienetworkvideoembed-responsive img {
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0.8;
    }

    .aggienetworkvideoembed-responsive .play-button {
        width: 75px;
        height: 50px;
        background-color: #562626;
        z-index: 1;
        opacity: 0.8;
        border-radius: 4px;
    }

        .aggienetworkvideoembed-responsive .play-button:before {
            content: "";
            border-style: solid;
            border-width: 10px 0 10px 21px;
            border-color: transparent transparent transparent #fff;
        }

    .aggienetworkvideoembed-responsive img, .aggienetworkvideoembed-responsive .play-button {
        cursor: pointer;
    }

        .aggienetworkvideoembed-responsive img, .aggienetworkvideoembed-responsive iframe, .aggienetworkvideoembed-responsive .play-button, .aggienetworkvideoembed-responsive .play-button:before {
            position: absolute;
        }

            .aggienetworkvideoembed-responsive .play-button, .aggienetworkvideoembed-responsive .play-button:before {
                top: 50%;
                left: 50%;
                transform: translate3d( -50%, -50%, 0 );
            }

                .aggienetworkvideoembed-responsive .play-button:before {
                    transform: translate3d( -45%, -50%, 0 );
                }

    .aggienetworkvideoembed-responsive iframe {
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
    }




/*chatbot overrides*/


#engt-container .engt-launcher-button, #engt-offline-container .engt-launcher-button {
    width: 50px !important;
    height: 50px !important;
}

#engt-container.engt-acquire .engt-launcher-button {
    background-size: 50px 50px !important;
}

#engt-container .engt-launcher {
    bottom: 10px !important;
    right: 10px !important;
    width: 50px !important;
    height: 50px !important;
}

a.engt-boxclose {
    margin-top: 0 !important;
    margin-right: 0 !important;
    border-radius: 50% !important;
    padding: 25px 17px !important;
}

#engt-conversation.engt-conversation.engt-sheet.engt-sheet-active.engt-active {
    height: 100%;
    max-height: 550px !important;
}