.readmore,#action .thumbnail p a,#action-info a.more {
    text-transform: uppercase;
    font-size: .8em;
    font-weight: bold;
    color: #B84300;
    letter-spacing: .03em
}

#action .thumbnail {
    text-align: center;
    border: 0;
    cursor: pointer
}

#action .readmore {
	display: block;
}

#action .thumbnail h3 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 800;
    margin-top: 0
}

#action .thumbnail p a {
    display: block;
    clear: both;
    color: #1a80c9
}

#action {
    clear: both;
    padding-top: 25px;
    padding-bottom: 45px
}

.arrow-box {
    position: relative;
    background: #00aeef;
    border: 10px solid #d7df21
}

.arrow-box:after,.arrow-box:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.arrow-box:after {
    border-bottom-color: #d7df21;
    border-width: 2px;
    margin-left: -2px
}

.arrow-box:before {
    border-bottom-color: #d7df21;
    border-width: 28px;
    margin-left: -28px
}

.arrow-box.position1:after,.arrow-box.position1:before {
    left: 16%;
    border-bottom-color: #00aeef
}

.arrow-box.position1 {
    border: 10px solid #00aeef
}

.arrow-box.position3:after,.arrow-box.position3:before {
    left: 84%;
    border-bottom-color: #f7941e
}

.arrow-box.position3 {
    border: 10px solid #f7941e
}

#action .social-horizontal {
    font-size: 24px;
    margin-left: 12px
}

#action .social-horizontal a {
    color: #585858;
    margin-right: 7px
}

.list-unstyled ul {
    list-style: none;
    padding-left: 20px
}

#action-info {
    background: #ececec;
    padding: 0
}

#action-info>div {
    padding-top: 0;
    padding-bottom: 0
}

#action-info>div row>div {
    padding: 20px
}

#action-info .row div {
    padding-top: 10px;
    padding-bottom: 10px
}

#action-info li a {
    color: #585858;
    line-height: 1.6em
}

@media (min-width: 768px) {
    #action-info .action-first {
        width:28.33333%
    }

    #action-info>div .row>div.action-center {
        width: 38.33333%;
        background: url("/msucommon/home/resources/images/structure/background/megamenu-divider.png") right repeat-y,url("/msucommon/home/resources/images/structure/background/megamenu-divider.png") left repeat-y;
        padding-right: 30px;
        padding-left: 30px
    }
}

@media (max-width: 991px) {
    .actionitem {
        padding:0;
        cursor: pointer
    }

    .actionitem h3 {
        color: #fff
    }

    #action {
        padding-top: 20px;
        padding-bottom: 25px
    }

    #action .thumbnail {
        margin-bottom: 0
    }

    #action .thumbnail a {
        color: #fff;
        color: #fff;
        display: block;
        cursor: pointer
    }

    #action .thumbnail .caption {
        padding: 8px 0 0 0
    }

    #action .caption h3 {
        display: block;
        margin: 0;
        padding: 0
    }

    #action .caption p {
        display: none
    }

    .active1 {
        background: #00aeef
    }

    .active2 {
        background: #d7df21
    }

    .active3 {
        background: #f7941e
    }

    #action-info.active1 {
        border-bottom: 3px solid #00aeef
    }

    #action-info.active2 {
        border-bottom: 3px solid #d7df21
    }

    #action-info.active3 {
	 border-bottom: 3px solid #f7941e
    }

    .arrow-box:after,.arrow-box:before {
        display: none
    }

    #action .caption h3 {
        text-transform: inherit
    }

    .action-first,.action-center {
        background: bottom url("/msucommon/home/resources/images/structure/background/horizontal-rule.png") repeat-x
    }
}

@media (max-width: 480px) {
    #action .caption h3 {
        font-size:14px;
        margin-bottom: 5px
    }
}

#stacked-nav {
	margin-bottom: 0;
}

#action {
	padding-bottom: 0;
}