* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.is-hidden {
    visibility: hidden;
    position: absolute
}

.is-visible {
    visibility: inherit;
    position: inherit
}

@font-face {
    font-family: "ubalt";
    src: url("../../fonts/ubalt.eot");
    src: url("../../fonts/ubalt.eot?#iefix") format("embedded-opentype"), url("../../fonts/ubalt.woff") format("woff"), url("../../fonts/ubalt.ttf") format("truetype"), url("../../fonts/ubalt.svg#ubalt") format("svg");
    font-weight: normal;
    font-style: normal
}

[data-icon]:before {
    font-family: "ubalt" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^="ubalt-"]:before, [class*=" ubalt-"]:before {
    font-family: "ubalt" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ubalt-social:before {
    content: "a"
}

.ubalt-visit:before {
    content: "b"
}

.ubalt-search:before {
    content: "c"
}

.ubalt-programs:before {
    content: "d"
}

.ubalt-myub:before {
    content: "e"
}

.ubalt-menu:before {
    content: "f"
}

.ubalt-info:before {
    content: "g"
}

.ubalt-give:before {
    content: "h"
}

.ubalt-arrow-right:before {
    content: "i"
}

.ubalt-apply:before {
    content: "j"
}

.ubalt-instagram:before {
    content: "k"
}

.ubalt-arrow-left:before {
    content: "l"
}

.ubalt-facebook:before {
    content: "m"
}

.ubalt-instagram-fill:before {
    content: "n"
}

.ubalt-linkedin:before {
    content: "o"
}

.ubalt-twitter:before {
    content: "p"
}

.ubalt-youtube:before {
    content: "q"
}

.ubalt-clear:before {
    content: "r"
}

.ubalt-flickr:before {
    content: "s"
}

@font-face {
    font-family: 'metabold';
    src: url("../../meta/metabol-webfont.eot");
    src: url("../../meta/metabol-webfont.eot?#iefix") format("embedded-opentype"), url("../../meta/metabol-webfont.woff2") format("woff2"), url("../../meta/metabol-webfont.woff") format("woff"), url("../../meta/metabol-webfont.ttf") format("truetype"), url("../../meta/metabol-webfont.svg#metabold") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'metaitalic';
    src: url("../../meta/metaita-webfont.eot");
    src: url("../../meta/metaita-webfont.eot?#iefix") format("embedded-opentype"), url("../../meta/metaita-webfont.woff2") format("woff2"), url("../../meta/metaita-webfont.woff") format("woff"), url("../../meta/metaita-webfont.ttf") format("truetype"), url("../../meta/metaita-webfont.svg#metaitalic") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'metamedium';
    src: url("../../meta/metamed-webfont.eot");
    src: url("../../meta/metamed-webfont.eot?#iefix") format("embedded-opentype"), url("../../meta/metamed-webfont.woff2") format("woff2"), url("../../meta/metamed-webfont.woff") format("woff"), url("../../meta/metamed-webfont.ttf") format("truetype"), url("../../meta/metamed-webfont.svg#metamedium") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'metanormal';
    src: url("../../meta/metanor-webfont.eot");
    src: url("../../meta/metanor-webfont.eot?#iefix") format("embedded-opentype"), url("../../meta/metanor-webfont.woff2") format("woff2"), url("../../meta/metanor-webfont.woff") format("woff"), url("../../meta/metanor-webfont.ttf") format("truetype"), url("../../meta/metanor-webfont.svg#metanormal") format("svg");
    font-weight: normal;
    font-style: normal
}

* {
    font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", 'metanormal', sans-serif
}

body {
    color: #333
}

h1, h2, h3, h4, h5, h6 {
    color: #333
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #333
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #007DB6
}

blockquote, .quote1 {
    font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", 'metanormal', sans-serif;
    color: #007DB6 !important;
    font-weight: bold;
    font-size: 16px !important;
    text-indent: -12px;
    text-transform: none;
    line-height: 1.4 !important;
    margin-bottom: 1em;
    margin-left: 1em;
    quotes: "“" "”" "‘" "’"
}

blockquote *, .quote1 * {
    color: #007DB6 !important
}

blockquote p, .quote1 p {
    font-size: 16px !important;
    line-height: 1.4 !important;
    display: inline;
    font-weight: bold;
    text-indent: 1px
}

blockquote:before, .quote1:before {
    content: open-quote;
    font-size: 20px;
    display: inline;
    position: relative;
    right: 2px;
    line-height: 0
}

blockquote:after, .quote1:after {
    content: close-quote;
    font-size: 20px;
    display: inline;
    position: relative;
    left: 2px;
    line-height: 0
}

.heading {
    border-bottom: 5px solid #000;
    margin-bottom: 20px
}

.heading h3 {
    margin-bottom: 5px;
    margin-top: 0;
    font-size: 24px;
    font-size: 1.5rem
}

.heading h3:after {
    font-family: "ubalt" !important;
    content: "i";
    color: #007DB6;
    font-size: 10px;
    font-size: 0.625rem;
    vertical-align: 3px;
    margin-left: 5px
}

.heading h3 a {
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out
}

.heading h3 a:hover {
    color: #007DB6;
    text-transform: uppercase
}

h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 28px
}

h3 {
    margin-bottom: 0.35em
}

h3 a:hover {
    text-transform: none
}

a {
    color: #007DB6
}

a[name] {
    display: block;
    height: 1px
}

a:hover {
    text-transform: none;
    color: #00486a
}

p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    font-weight: 400
}

p.lede {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 26px
}

main ul, main ol {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    font-weight: 400
}

main ul li, main ol li {
    margin-bottom: 0.35em
}

hr {
    height: 1px;
    background: #686868
}

ul.type1 {
    padding-left: 0
}

ul.type1 li {
    list-style-type: none;
    margin-bottom: 10px
}

.cf ul li {
    list-style-type: none
}

.cf ul li:before {
    content: "•";
    margin-left: -10px;
    margin-right: 10px
}

.cs-blue {
    color: #007DB6
}

.lede-heading {
    line-height: 28px;
    margin-bottom: .25em
}

.cs-blue {
    color: #007DB6
}

.cs-blue:before, .cs-blue:after {
    color: #007DB6
}

.cs-lime {
    color: #93ad00
}

.cs-lime:before, .cs-lime:after {
    color: #93ad00
}

.cs-purple {
    color: #60256b
}

.cs-purple:before, .cs-purple:after {
    color: #60256b
}

.cs-orange {
    color: #60256b
}

.cs-orange:before, .cs-orange:after {
    color: #c65e28
}

.cs-bright-blue:before, .cs-bright-blue:after {
    color: #44c8f5
}

.addCarat:after {
    font-family: "ubalt" !important;
    content: "i";
    color: #fff;
    font-size: 10px;
    font-size: 0.625rem;
    text-transform: none !important;
    margin-left: 10px;
    vertical-align: middle;
    text-decoration: none !important
}

a:hover .addCarat:after {
    text-decoration: none !important
}

a:hover.addCarat:after {
    text-decoration: none !important
}

body.id5debug:before {
    position: fixed;
    display: block;
    background: #ffc;
    text-align: center;
    content: "Default";
    font-size: 12px;
    z-index: 9999;
    top: 0;
    left: 0
}

@media screen and (min-width: 480px) {
    body.id5debug:before {
        content: "tiny"
    }
}

@media screen and (min-width: 600px) {
    body.id5debug:before {
        content: "small"
    }
}

@media screen and (min-width: 800px) {
    body.id5debug:before {
        content: "medium"
    }
}

@media screen and (min-width: 1024px) {
    body.id5debug:before {
        content: "large"
    }
}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

#body-wrapper {
    width: 100%;
    overflow-x: hidden
}

#body-wrapper .content-wrapper {
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    position: relative
}

#body-wrapper .content-wrapper.slide {
    right: 100%
}

#body-wrapper .content-wrapper.slideDown {
    padding-top: 60px
}

#body-wrapper .content-wrapper.slide-right {
    left: 100%
}

.socialMedia14 {
    display: none
}

.container {
    max-width: 65.3125em;
    margin-left: auto;
    margin-right: auto;
    padding: 0 30px
}

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

@media screen and (min-width: 1024px) {
    .container {
        padding: 0px
    }
}

.right {
    display: block;
    float: left;
    margin-right: 1.87726938%;
    width: 100%
}

.right:last-child {
    margin-right: 0
}

@media screen and (min-width: 800px) {
    .right {
        display: block;
        float: left;
        margin-right: 1.87726938%;
        width: 32.08182041%;
        margin-left: 67.91817959%;
        margin-bottom: 50px
    }

    .right:last-child {
        margin-right: 0
    }
}

.left {
    display: block;
    float: left;
    margin-right: 1.87726938%;
    width: 100%
}

.left:last-child {
    margin-right: 0
}

@media screen and (min-width: 800px) {
    .left {
        display: block;
        float: left;
        margin-right: 1.87726938%;
        width: 59.24909225%;
        margin-left: -101.87726938%;
        margin-bottom: 40px
    }

    .left:last-child {
        margin-right: 0
    }
}

.internal {
    background-image: url(http://ubalt.edu/_resources/images/bg/global-background.jpg);
    background-attachment: fixed;
    background-position: 50% 0px;
    background-repeat: no-repeat no-repeat;
    background-size: 150%
}

@media screen and (min-width: 1024px) {
    .internal .links {
        margin-left: -40px
    }
}

#page {
    max-width: 65.3125em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 74px
}

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

@media screen and (min-width: 800px) {
    #page {
        margin: 0 auto
    }
}

#page:before {
    display: none
}

@media screen and (max-width: 800px) {
    #page #primary, #page #secondary {
        width: 100%
    }

    #page #secondary {
        margin-top: 2em
    }
}

.page-wrap {
    margin-top: 0;
    padding: 40px 20px 50px;
    position: relative
}

@media screen and (min-width: 1024px) {
    .page-wrap {
        margin-left: -40px;
        padding: 40px 40px 50px
    }
}

.page-wrap #primary {
    position: relative
}

.page-wrap #primary h2 {
    margin-bottom: 20px
}

.page-header {
    max-width: 65.3125em;
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto;
    padding: 20px
}

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

@media screen and (min-width: 800px) {
    .page-header {
        margin-top: 137px;
        padding: 35px 0
    }

    .page-header .page-header-wrapper {
        width: 75%
    }
}

.page-header h1 {
    font-size: 20.5px;
    font-size: 1.28125rem;
    color: white;
    background-color: rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0.5em 0 0 rgba(0, 0, 0, 0.6), -0.5em 0 0 rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0.5em 0 0 rgba(0, 0, 0, 0.6), -0.5em 0 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0.5em 0 0 rgba(0, 0, 0, 0.6), -0.5em 0 0 rgba(0, 0, 0, 0.6);
    box-decoration-break: clone;
    display: inline;
    line-height: 2.0;
    font-weight: normal;
    text-transform: none;
    padding: 0.35em 0 0.25em 0 !important;
    margin-bottom: 2em;
    margin-top: 2em
}

@media screen and (min-width: 800px) {
    .page-header h1 {
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 2.0;
        margin-left: 0.75em;
        margin-bottom: 10px;
        margin-top: 0
    }
}

@media screen and (min-width: 1024px) {
    .page-header h1 {
        margin-left: 0
    }
}

#primary img {
    margin: 20px 0
}

@media screen and (min-width: 800px) {
    #primary img {
        margin: 0
    }
}

.section-heading, #admission .section-heading {
    font-size: 24px;
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 15px;
    border-bottom: 5px solid #333;
    line-height: 2.0
}

.section-heading a:hover, #admission .section-heading a:hover {
    text-transform: uppercase
}

.int.internal {
    background-image: url(http://ubalt.edu/_resources/images/bg/global-background.jpg) !important
}

.int.internal * {
    font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", 'metanormal', sans-serif !important
}

.int.internal .breadcrumb1 ul li {
    background: none !important
}

.int.internal .navigation-menu a:hover {
    text-decoration: none !important
}

.int.internal #content2 {
    font-size: 16px
}

.int.internal h1 {
    position: inherit !important
}

.int.internal .page-header {
    position: relative
}

.int.internal .page-header h1 {
    line-height: 2.2
}

@media screen and (min-width: 800px) {
    .int.internal .page-header {
        margin-top: 0
    }
}

@media screen and (max-width: 800px) {
    .int.internal #page {
        margin-top: 159px
    }
}

@media screen and (min-width: 800px) {
    .int.internal #page {
        top: 0 !important
    }
}

.int.internal #primary .breadcrumb1.breadcrumb1.breadcrumb1 ul li {
    list-style-type: none !important
}

.int.internal #primary .breadcrumb1.breadcrumb1.breadcrumb1 ul li:after {
    content: "i" !important
}

.int.internal #primary ul li, .int.internal #primary ol li, .int.internal #primary .question1 li, .int.internal #primary .accord_title li {
    list-style-type: initial !important
}

.int.internal #primary .box1.box1.box1 {
    height: auto !important;
    width: 100% !important;
    padding: 2em
}

.int.internal #primary .box1.box1.box1 a {
    color: #007DB6
}

.int.internal #primary .box1.box1.box1 .box_image {
    background: none;
    box-shadow: none !important
}

@media screen and (min-width: 800px) {
    .int.internal #primary .box1.box1.box1 img {
        height: auto !important;
        width: auto !important
    }
}

.int.internal #primary .box1.box1.box1 .box_wrap1 {
    padding: 0
}

.int.internal #primary .box1.box1.box1 .text_wrap1 {
    padding: 0
}

@media screen and (min-width: 800px) {
    .int.internal #primary .box1.box1.box1 {
        width: 280px !important;
        float: right
    }
}

.int.internal #primary .type2.type2.type2 {
    margin-top: 1em
}

.int.internal #primary .type2.type2.type2 > li {
    padding: 0.25em 0;
    list-style-type: none !important
}

.int.internal #primary .type2.type2.type2 > li .question1, .int.internal #primary .type2.type2.type2 > li .accord_title {
    font-size: 1.17em;
    background: url(../../images/Ubalt_CalendarIcons-02.png);
    background-repeat: no-repeat;
    background-size: 20px
}

.int.internal #primary .type2.type2.type2 > li.minus1 .question1, .int.internal #primary .type2.type2.type2 > li.minus1 .accord_title {
    background: url(../../images/Ubalt_CalendarIcons-01.png);
    background-repeat: no-repeat;
    background-size: 20px
}

.int.internal #secondary #assoc_content {
    width: auto !important;
    margin: 0
}

.int.internal #secondary #assoc_content h1, .int.internal #secondary #assoc_content h2, .int.internal #secondary #assoc_content h3, .int.internal #secondary #assoc_content h4, .int.internal #secondary #assoc_content h5, .int.internal #secondary #assoc_content h6 {
    color: #FFFFFF
}

.int.internal.law1 {
    background-size: initial !important
}

.int.internal.law1 fieldset.books .text {
    background: #ffffff;
    max-width: 245px;
    width: 100% !important;
    top: 0 !important
}

.int.internal.law1 fieldset.books .submit {
    background: #1c9fbc
}

@media screen and (min-width: 800px) {
    .int.internal.law1 .navigation-menu ul li.search, .int.internal.law1 .navigation-menu ul li.social, .int.internal.law1 .navigation-menu ul li.myub, .int.internal.law1 .navigation-menu ul li.give {
        padding: 11px 0 !important
    }
}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.law1 #primary_navigation1 ul ul, .law1 #primary_navigation1 ul ul li, .law1 #primary_navigation1 ul ul li.last {
    background: #186e7f;
    border-color: #2093aa !important
}

.law1 #primary_navigation1 ul ul a {
    font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "metanormal", sans-serif !important
}

.law1 #primary_navigation1 span {
    background: none;
    border-left: 1px dotted white
}

.law1 .links ul li {
    line-height: 1.4
}

.law1 #navset1 .col_wrap1 {
    background: #186e7f
}

.law1 #page #primary a {
    color: #007DB6
}

.law1 #page #primary a:hover {
    color: #004869
}

.law1 .ubalt-search, .law1 .ubalt-menu {
    color: white
}

.law1 footer p, .law1 footer a {
    color: white
}

.law1 footer .accredidation a {
    font-weight: bold;
    text-decoration: underline
}

@media screen and (max-width: 800px) {
    .law1 footer .accredidation {
        display: block !important;
        text-align: center
    }

    .law1 footer .accredidation .system {
        display: none
    }
}

@media screen and (min-width: 800px) {
    .law1 footer .ub-logo a img {
        width: 50px !important
    }
}

@media screen and (max-width: 800px) {
    .law1 img {
        float: none !important
    }
}

@media screen and (min-width: 800px) {
    .law1 .navigation-menu ul li.search, .law1 .navigation-menu ul li.social, .law1 .navigation-menu ul li.myub, .law1 .navigation-menu ul li.give {
        padding: 11px 0 !important;
        line-height: 1.5
    }
}

.law1 .mobile-header {
    background-color: #186e7f
}

.law1 .mobile-header .mobile-nav .ubalt-clear {
    background-color: #186e7f
}

.law1.int #primary_navigation1 ul ul {
    margin-top: 54px !important
}

.law1 #primary_navigation1 > ul > li {
    width: 102px !important;
    min-height: 59px
}

.law1 #primary_navigation1 > ul > a {
    width: 100% !important;
    min-height: 110px
}

.law1 #primary_navigation1 ul a {
    width: 100%
}

.law1 .mobile-header .mobile-nav .back {
    background: #186e7f
}

.law1 .main-nav {
    display: block
}

@media screen and (min-width: 800px) {
    .law1 .main-nav {
        display: none
    }
}

.law1 .mobile-hero .hero-text {
    background: #186e7f
}

.law1 #content4 .wrap2 {
    padding-left: 0
}

.law1 .socialMedia14 {
    top: -20px !important
}

.law1#home1 .column3 .box222 li, .law1#home1 .column3 .box222 p {
    font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "metanormal", sans-serif
}

.law1#home1 .column3 .box222 a, .law1#home1 .column3 .box222 li a {
    font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "metanormal", sans-serif;
    text-decoration: none;
    color: #186e7f
}

.law1#home1 .column3 .box222 p a {
    font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "metanormal", sans-serif;
    text-decoration: underline
}

.law1#home1 #bg2_controls .box_wrap1 a {
    background: #186e7f
}

.law1#home1 #bg2_controls .cap1, .law1#home1 #bg2_controls .box_wrap1, .law1#home1 #bg2_controls .box_wrap2 {
    background: none;
    padding: 0 !important
}

.law1#home1 #bg2_controls .box_wrap1 a {
    display: inline-block;
    padding: 20px 23px 20px 30px
}

.law1#home1 #bg2_controls .box_wrap1 h1 {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    padding: 0 !important
}

.law1#home1 #bg2_controls .box_wrap1 a:after {
    font-family: "ubalt" !important;
    content: "i";
    color: #fff;
    font-size: 10px;
    font-size: 0.625rem;
    text-transform: none !important;
    margin-left: 10px;
    vertical-align: middle;
    text-decoration: none !important
}

@media screen and (max-width: 1024px) {
    .law1#home1 #content2 {
        width: 100%;
        padding: 0 30px;
        min-height: inherit
    }

    .law1#home1 #content2 .wrap2 {
        width: 100%
    }

    .law1#home1 #content2 #main_heading2 {
        min-height: 350px
    }

    .law1#home1 #content2 .par_rel2 {
        height: auto;
        position: static
    }

    .law1#home1 #content2 .par_rel2 h1 {
        font-size: 24px;
        margin: 0.5em
    }

    .law1#home1 #content2 .par_rel2 #bg2_controls {
        width: 100%;
        position: static;
        background-color: #186e7f
    }

    .law1#home1 #content2 .par_rel2 #bg2_controls .cap1 {
        display: none
    }

    .law1#home1 #content2 .par_rel2 #bg2_controls .box_wrap1.box_wrap1.box_wrap1 {
        width: 100% !important;
        background: none
    }

    .law1#home1 #content2 .par_rel2 #bg2_controls .shoe1 {
        display: none
    }
}

.law1#home1 #content3 .column2 .box_wrap1 a {
    color: #186e7f !important;
    font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "metanormal", sans-serif
}

.law1#home1 #content3 .column2 .box222 .tab h2 {
    height: 39px;
    font-size: 13px;
    line-height: 1.2
}

.law1#home1 #content3 .column2 .box222 .tab .one {
    width: 110px
}

.law1#home1 #content3 .column2 .box222 .tab .two, .law1#home1 #content3 .column2 .box222 .tab .three {
    width: 95px
}

.law1#home1 #content3 .column2 .box222 .tab .tab_content1 {
    font-size: 13px;
    line-height: 1.4
}

.law1#home1 #content3 .column2 .box222 .tab ul li {
    margin-bottom: .4em !important
}

.law1#home1 #content3 .column1 a {
    color: white !important;
    text-decoration: none !important
}

.law1#home1 #content3 .column1 a:hover {
    color: white
}

.law1#home1 #content3 .column3 .box222, .law1#home1 #content3 .column2 .box222 {
    height: auto !important;
    min-height: 280px
}

.law1#home1 #content3 .column3 .box222, .law1#home1 #content3 .column3 .box222 p, .law1#home1 #content3 .column2 .box222, .law1#home1 #content3 .column2 .box222 p {
    font-size: 13px;
    line-height: 1.4
}

@media screen and (max-width: 1024px) {
    .law1#home1 #content3 {
        padding: 0 30px
    }

    .law1#home1 #content3 .wrap1 {
        width: 100% !important
    }

    .law1#home1 #content3 .wrap1 .column1, .law1#home1 #content3 .wrap1 .column2, .law1#home1 #content3 .wrap1 .column3 {
        width: 100% !important;
        float: none !important
    }

    .law1#home1 #content3 .wrap1 .column1 .box5 {
        width: 100%;
        height: inherit;
        margin-bottom: 1em
    }

    .law1#home1 #content3 .wrap1 .column1 .box5 .box_wrap1 {
        width: 100%;
        height: inherit;
        background-image: none;
        background-color: #4A4A4A;
        padding: 0
    }

    .law1#home1 #content3 .wrap1 .column1 .box5 .box_wrap1 .photo1 {
        display: none
    }

    .law1#home1 #content3 .wrap1 .column1 .box5 .box_wrap1 .photo_content1 {
        width: 100%;
        position: static;
        padding: 45px 20px;
        background-image: none;
        height: auto
    }

    .law1#home1 #content3 .wrap1 .column1 .box5 .box_wrap1 .photo_content1 h3 {
        line-height: 18px
    }

    .law1#home1 #content3 .wrap1 .column1 .box5 .box_wrap1 .photo_content1 h3 a {
        color: white;
        font-size: 16px;
        font-size: 1rem;
        font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "metanormal", sans-serif
    }

    .law1#home1 #content3 .wrap1 .column1 .box5 .box_wrap1 .photo_content1 h3 a:hover {
        color: white;
        text-decoration: none !important
    }

    .law1#home1 #content3 .wrap1 .column2 .box222 {
        width: 100%;
        background: #fff;
        margin-bottom: 1em
    }

    .law1#home1 #content3 .wrap1 .column2 .box222 .box_wrap1 {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .law1#home1 #content3 .wrap1 .column2 .box222 .tab h2 {
        width: 33.33% !important
    }

    .law1#home1 #content3 .wrap1 .column2 .box222 .tab .tab_content1 {
        width: auto !important;
        max-width: 500px !important
    }

    .law1#home1 #content3 .wrap1 .column3 .box222 {
        background: white;
        width: 100%;
        height: auto !important
    }

    .law1#home1 #content3 .wrap1 .column3 .box222 .box_wrap2 {
        background: none;
        width: 100%;
        height: auto !important
    }

    .law1#home1 #content3 .wrap1 .column3 .box222 .event_intro1 {
        width: 60%
    }

    .law1#home1 #content3 .wrap1 .column3 .box222 .events1 li {
        padding: 0 0.5em
    }

    .law1#home1 #content3 .wrap1 .column3 .box222 .cap1, .law1#home1 #content3 .wrap1 .column3 .box222 .shoe1 {
        display: none
    }
}

.law1.internal .cta-buttons li {
    margin-bottom: 1em !important
}

.law1.internal .cta-buttons a {
    line-height: 1
}

.law1.internal #primary .cta-buttons li, .law1.internal #primary .list_two-column-list li, .law1.internal #primary .list_how-to-apply li {
    list-style-type: none !important
}

.law1.internal .list_two-column-list li {
    list-style-type: none !important
}

.law1.internal .list_how-to-apply li {
    margin-bottom: .5em !important
}

.law1.internal .list_two-column-list li {
    padding-bottom: 1em
}

.law1.int .instagram .insta-block i {
    line-height: 0.75
}

.law1.int .instagram .insta-block p {
    line-height: 1
}

.law1.int ul li:before {
    display: none !important
}

.law1.int #content2 {
    margin-top: 187px
}

.law1.int #content3 .column2 .box_wrap1 a {
    color: #186e7f !important
}

.law1.int .breadcrumb1 {
    display: block
}

.law1.int #main_content1 a, .law1.int #child_navigation1 ul li a {
    color: #186e7f
}

.law1.int #main_content1 h2 {
    color: #186e7f
}

@media screen and (min-width: 800px) {
    .law1.int .navigation-menu ul li.search, .law1.int .navigation-menu ul li.social, .law1.int .navigation-menu ul li.myub, .law1.int .navigation-menu ul li.give {
        padding: 15px 0 !important
    }
}

@media screen and (max-width: 1024px) {
    .law1.int #content3 {
        background: none !important;
        margin-top: 0
    }

    .law1.int .header_wrap {
        margin-top: 0;
        padding-top: .5em
    }

    .law1.int .header_wrap #main_heading2 {
        display: none
    }

    .law1.int .header_wrap h1 {
        margin: 0.67em 0
    }

    .law1.int .share2 {
        position: absolute;
        float: none;
        margin: 0;
        bottom: -40px
    }
}

@media screen and (max-width: 800px) {
    .law1.int #content3 {
        margin-top: 10em
    }
}

@media screen and (max-width: 1024px) {
    .law1.int #content3 {
        background-image: none !important;
        padding: 1em 30px
    }

    .law1.int #content3 .wrap1 {
        width: 100%
    }
}

.law1.int #content3 .column1 {
    float: left
}

@media screen and (max-width: 1024px) {
    .law1.int #content3 .column1 {
        display: block;
        width: 100%;
        margin-right: 0
    }

    .law1.int #content3 .column1 .col_wrap1 {
        display: none
    }

    .law1.int #content3 .column1 #assoc_content {
        position: static;
        width: 100%;
        margin-left: 0;
        font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "metanormal", sans-serif;
        padding: 20px
    }
}

.law1.int #content3 .column2 {
    float: right
}

@media screen and (max-width: 1024px) {
    .law1.int #content3 .column2 {
        width: 100%;
        float: none
    }
}

.in-action {
    background-color: #EEEEEE;
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: 30px;
    float: left;
    overflow: hidden
}

@media screen and (min-width: 600px) {
    .in-action {
        margin-left: 0;
        margin-right: 0;
        padding: 10px;
        float: none;
        margin-bottom: 0
    }
}

.in-action h4 {
    margin-bottom: 15px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 29px;
    padding: 10px;
    padding-bottom: 0;
    padding-left: 30px
}

@media screen and (min-width: 600px) {
    .in-action h4 {
        padding: 15px 0 0
    }
}

.in-action figure {
    margin: 0
}

.in-action figure.tapered {
    margin-bottom: -5px
}

.in-action figure.tapered:before {
    box-shadow: none;
    height: 0
}

.in-action figure.tapered:after {
    box-shadow: none;
    height: 0
}

.in-action figure.tapered:hover:before {
    box-shadow: none;
    height: 0
}

.in-action figure.tapered:hover:after {
    box-shadow: none;
    height: 0
}

.in-action figure.tapered img {
    box-shadow: none
}

.in-action img {
    margin-left: -10px;
    margin-right: -10px;
    width: 105%;
    max-width: 105%
}

@media screen and (min-width: 600px) {
    .in-action img {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        max-width: 100%
    }
}

ul.type2.clear1:after {
    display: none
}

.callout ul.type2 li {
    background-position: 9px 19px
}

.callout ul.type2 .accord_title h3 {
    color: #fff
}

.callout ul.type2 .accord_title h3:hover {
    color: #fff
}

.callout ul.type2 .accord_title h3 a {
    color: #fff
}

.callout ul.type2 .accord_title h3 a:hover {
    color: #fff
}

#main_content1 ul.type2 {
    padding-left: 0
}

#main_content1 ul.type2 li {
    background: none !important
}

#main_content1 ul.type2 li.minus1 .accord_title {
    background-image: url(http://www.ubalt.edu/_resources/images/blt-faq-minus1.gif) !important
}

#main_content1 ul.type2 .accord_title {
    background: url(http://www.ubalt.edu/_resources/images/blt-faq-plus1.gif) 0 0 no-repeat !important
}

#main_content1 ul.type2 > li {
    list-style-type: none
}

ul.type2 li {
    margin-bottom: 0;
    padding: 10px 15px
}

ul.type2 li.minus1 {
    background-color: transparent !important
}

ul.type2 li:after {
    display: none !important
}

ul.type2 .accord_title h3 {
    line-height: 1.4
}

ul.type2 .accord_title h3 a {
    color: #333
}

ul.type2 .accord_title h3 a:hover {
    color: #007DB6
}

.question1 h3 a {
    color: #007DB6
}

.question1 h3 a:hover {
    color: #00486a
}

.accordion {
    margin-top: 1em
}

.accordion .panel {
    padding: 0.25em 0
}

.accordion .panel .accordion-header {
    font-size: 1.17em;
    background: url(../../images/Ubalt_CalendarIcons-02.png);
    background-repeat: no-repeat;
    background-size: 20px
}

.accordion .panel.is-open .accordion-header {
    background: url(../../images/Ubalt_CalendarIcons-01.png);
    background-repeat: no-repeat;
    background-size: 20px
}

@media screen and (min-width: 800px) {
    .admissions {
        margin-bottom: 40px
    }
}

.admissions ul {
    padding-left: 0
}

.admissions ul li {
    list-style-type: none;
    display: block;
    margin-bottom: 20px
}

.admissions ul li a {
    background-color: #007DB6;
    padding: 20px;
    color: #fff;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: background-color 200ms ease-in-out;
    -moz-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out;
    font-weight: 600
}

@media screen and (min-width: 600px) {
    .admissions ul li a {
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media screen and (min-width: 1024px) {
    .admissions ul li a {
        font-size: 16px;
        font-size: 1rem
    }
}

.admissions ul li a:hover {
    background-color: #005a83
}

.admissions ul li a:after {
    font-family: "ubalt" !important;
    content: "i";
    color: #fff;
    font-size: 14px;
    font-size: 0.875rem;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 22px;
    text-transform: none !important
}

.list_how-to-apply a {
    color: black;
    color: #333
}

.list_how-to-apply a span {
    color: white;
    line-height: 1.4;
    font-size: 18px;
    max-width: 45px;
    min-width: 45px;
    text-align: center
}

.box {
    padding: 1.5em;
    position: relative;
    background-color: #007DB6;
    margin-left: 0;
    margin-right: 0;
    color: #fff
}

@media screen and (min-width: 800px) {
    .box {
        margin-bottom: 20px
    }
}

.box .box-title {
    color: #fff;
    font-size: 1.4375em;
    text-transform: uppercase
}

.box h1, .box h2, .box h3, .box h4, .box h5, .box h6 {
    color: #fff
}

.box h1 a:hover, .box h2 a:hover, .box h3 a:hover, .box h4 a:hover, .box h5 a:hover, .box h6 a:hover {
    color: #fff
}

.box p {
    color: #fff
}

.box hr {
    background: #fff
}

.box strong {
    color: #fff
}

.box a {
    color: #fff;
    text-decoration: underline
}

.box ul li {
    color: #fff
}

.box .type2 li {
    padding: 10px 0 !important
}

.box .type2 .accord_title.accord_title.accord_title {
    padding-left: 0
}

.box .type2 .accord_title.accord_title.accord_title h3:hover {
    color: #fff
}

.box .type2 .minus1 {
    background: none;
    background-color: transparent
}

.box .accord_title h3:hover {
    color: #fff
}

.box .accord_content a {
    text-decoration: none
}

@media screen and (min-width: 800px) {
    .box {
        margin-left: 0;
        margin-right: 0
    }
}

.box1.box1.box1 {
    background-color: #EEEEEE;
    margin: 0 0 20px 0px;
    float: none;
    width: inherit
}

@media screen and (min-width: 600px) {
    .box1.box1.box1 {
        float: right
    }
}

@media screen and (min-width: 800px) {
    .box1.box1.box1 {
        margin: 0 0 20px 0px;
        width: 280px;
        border-left: 20px white solid
    }

    .full_col_sidebar .box1.box1.box1 {
        margin: 0 0 20px 0
    }

    .full_col_sidebar .box1.box1.box1 .box_wrap1 h2 {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 28px
    }
}

.box1.box1.box1 .content_columns {
    padding: 0 20px
}

.box1.box1.box1.videoBox {
    float: none;
    width: auto;
    background-color: transparent;
    margin: 0
}

.box1.box1.box1.videoBox .box_wrap1 {
    padding: 0
}

.box1.box1.box1.doublequotes {
    background: none;
    background-color: #EEEEEE
}

@media screen and (min-width: 800px) {
    .box1.box1.box1.doublequotes {
        margin: 0 0 20px 60px
    }
}

.box1.box1.box1.doublequotes .box_wrap1 {
    padding: 0
}

.box1.box1.box1.doublequotes .text_wrap1 {
    background: none;
    padding-bottom: 20px
}

.box1.box1.box1.doublequotes iframe + .text_wrap1 {
    padding-top: 20px
}

.box1.box1.box1 .box_wrap1 {
    padding: 30px 20px
}

.box1.box1.box1 .box_wrap1 h2, .box1.box1.box1 .box_wrap1 h3 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 23px
}

.box1.box1.box1 .box_wrap1 p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px
}

.box1.box1.box1 .box_wrap1 ul, .box1.box1.box1 .box_wrap1 ol {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px
}

.box1.box1.box1 .box_wrap1 iframe {
    width: 100%;
    height: 169.3px
}

.box1.box1.box1 .box_wrap1 .box_image {
    width: 100%;
    margin: 0 0 20px !important
}

.box1.box1.box1 .box_wrap1 .number_of_columns_2 {
    max-width: 65.3125em;
    margin-left: auto;
    margin-right: auto
}

.box1.box1.box1 .box_wrap1 .number_of_columns_2:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (min-width: 800px) {
    .box1.box1.box1 .box_wrap1 .cc_column {
        display: block;
        float: left;
        margin-right: 1.87726938%;
        width: 49.06136531%
    }

    .box1.box1.box1 .box_wrap1 .cc_column:last-child {
        margin-right: 0
    }
}

.box_important-dates {
    margin-bottom: 2em;
    background-color: #E35220
}

.box_important-dates .box-title {
    margin-bottom: .5em
}

.box_important-dates p {
    line-height: 1.4;
    font-size: 0.8125em
}

.box_important-dates p a {
    color: #fff
}

.box-apply {
    padding: 1em
}

@media screen and (min-width: 800px) {
    .box-apply {
        padding: 0em
    }
}

.box_flexible-content {
    color: #000
}

.box_flexible-content .box-title {
    margin-bottom: .5em
}

.box_flexible-content a {
    color: #fff;
    text-decoration: underline
}

.box1 .callout-heading {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: bold
}

.breadcrumb1 {
    font-size: 1em;
    display: none;
    margin-bottom: 20px
}

@media screen and (min-width: 800px) {
    .breadcrumb1 {
        display: block;
        position: absolute;
        top: -15px;
        left: 0;
        margin-bottom: 0
    }
}

.breadcrumb1 ul li {
    font-size: 14px;
    font-size: 0.875rem;
    float: left;
    background: none;
    padding-left: 0;
    margin-right: 0;
    list-style-type: none;
    color: #ABABAB;
    font-weight: bold
}

.breadcrumb1 ul li:after {
    font-family: "ubalt";
    content: "i";
    font-size: 8px;
    font-size: 0.5rem;
    margin: 0 5px
}

.breadcrumb1 ul li a {
    color: #ABABAB
}

.breadcrumb1 ul li:last-child {
    color: #007DB6
}

.breadcrumb1 ul li:last-child:after {
    display: none
}

.back {
    display: none
}

@media screen and (min-width: 800px) {
    .back {
        display: block;
        margin-bottom: 20px;
        margin-top: -15px
    }
}

.back .back-link {
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    color: #007DB6
}

.back .back-link:hover {
    text-decoration: none
}

.back .back-link:before {
    font-family: "ubalt";
    content: "l";
    text-transform: none;
    vertical-align: top;
    margin-right: 10px
}

.callout {
    box-shadow: none;
    margin: 0 0 20px
}

.callout.cs-blue-bg {
    background-color: #007DB6
}

.callout a {
    color: #fff;
    text-decoration: underline
}

.callout.cs-purple-bg {
    background: #007DB6 !important
}

.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100002;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6)
}

.popup {
    width: 400px;
    height: 100%;
    margin: 0 auto
}

.popup .popup-inner {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    background-color: #fff;
    top: 50%;
    width: 400px;
    position: fixed;
    padding: 20px;
    z-index: 999999
}

.popup .popup-inner .ubalt-clear {
    color: #000;
    display: block;
    text-align: right
}

.popup .popup-inner .button-wrapper:after {
    content: "";
    display: table;
    clear: both
}

.popup .popup-inner .button {
    background-color: #007DB6;
    color: #fff;
    display: block;
    padding: 10px;
    text-align: center;
    width: 49%;
    float: left
}

.popup .popup-inner .button.button--two {
    float: right
}

.popup h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 0.5em
}

.content_columns.content_columns.content_columns {
    max-width: 65.3125em;
    margin-left: auto;
    margin-right: auto
}

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

.number_of_columns_2.number_of_columns_2.number_of_columns_2 .cc_column {
    display: block;
    float: left;
    margin-right: 1.87726938%;
    width: 100%
}

.number_of_columns_2.number_of_columns_2.number_of_columns_2 .cc_column:last-child {
    margin-right: 0
}

@media screen and (min-width: 800px) {
    .number_of_columns_2.number_of_columns_2.number_of_columns_2 .cc_column {
        display: block;
        float: left;
        margin-right: 1.87726938%;
        width: 45.66545633%;
        padding: 0 10px 0 0
    }

    .number_of_columns_2.number_of_columns_2.number_of_columns_2 .cc_column:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 800px) {
    .number_of_columns_2.number_of_columns_2.number_of_columns_2 .cc_column ul {
        margin-bottom: 0;
        margin-top: 0
    }
}

.number_of_columns_3.number_of_columns_3.number_of_columns_3 .cc_column {
    display: block;
    float: left;
    margin-right: 1.87726938%;
    width: 100%
}

.number_of_columns_3.number_of_columns_3.number_of_columns_3 .cc_column:last-child {
    margin-right: 0
}

@media screen and (min-width: 800px) {
    .number_of_columns_3.number_of_columns_3.number_of_columns_3 .cc_column {
        display: block;
        float: left;
        margin-right: 1.87726938%;
        width: 32.08182041%;
        padding: 0 10px 0 0
    }

    .number_of_columns_3.number_of_columns_3.number_of_columns_3 .cc_column:last-child {
        margin-right: 0
    }
}

.number_of_columns_3.number_of_columns_3.number_of_columns_3 table {
    display: block;
    float: left;
    margin-right: 1.87726938%;
    width: 100%
}

.number_of_columns_3.number_of_columns_3.number_of_columns_3 table:last-child {
    margin-right: 0
}

@media screen and (min-width: 800px) {
    .number_of_columns_3.number_of_columns_3.number_of_columns_3 table {
        display: block;
        float: left;
        margin-right: 1.87726938%;
        width: 32.08182041%
    }

    .number_of_columns_3.number_of_columns_3.number_of_columns_3 table:last-child {
        margin-right: 0
    }
}

.number_of_columns_3.number_of_columns_3.number_of_columns_3 .hidden-desktop {
    display: block;
    float: left;
    margin-right: 1.87726938%;
    width: 100%
}

.number_of_columns_3.number_of_columns_3.number_of_columns_3 .hidden-desktop:last-child {
    margin-right: 0
}

@media screen and (min-width: 800px) {
    .number_of_columns_3.number_of_columns_3.number_of_columns_3 .hidden-desktop {
        display: block;
        float: left;
        margin-right: 1.87726938%;
        width: 32.08182041%
    }

    .number_of_columns_3.number_of_columns_3.number_of_columns_3 .hidden-desktop:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 800px) {
    .number_of_columns_3.number_of_columns_3.number_of_columns_3 {
        font-size: 14px;
        line-height: 1.4
    }

    .number_of_columns_3.number_of_columns_3.number_of_columns_3 p, .number_of_columns_3.number_of_columns_3.number_of_columns_3 ul, .number_of_columns_3.number_of_columns_3.number_of_columns_3 ol {
        font-size: 14px;
        line-height: 1.4
    }

    .number_of_columns_3.number_of_columns_3.number_of_columns_3 li {
        padding-bottom: .35em
    }
}

.two_col_wSidebar.two_col_wSidebar.two_col_wSidebar {
    max-width: 65.3125em;
    margin-left: auto;
    margin-right: auto
}

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

@media screen and (min-width: 800px) {
    .two_col_wSidebar.two_col_wSidebar.two_col_wSidebar {
        font-size: 14px;
        line-height: 1.4
    }

    .two_col_wSidebar.two_col_wSidebar.two_col_wSidebar p, .two_col_wSidebar.two_col_wSidebar.two_col_wSidebar ul, .two_col_wSidebar.two_col_wSidebar.two_col_wSidebar ol {
        font-size: 14px;
        line-height: 1.4
    }

    .two_col_wSidebar.two_col_wSidebar.two_col_wSidebar li {
        padding-bottom: .35em
    }
}

.two_col_wSidebar.two_col_wSidebar.two_col_wSidebar .number_of_columns_2 {
    display: block;
    float: left;
    margin-right: 1.87726938%;
    width: 100%
}

.two_col_wSidebar.two_col_wSidebar.two_col_wSidebar .number_of_columns_2:last-child {
    margin-right: 0
}

@media screen and (min-width: 800px) {
    .two_col_wSidebar.two_col_wSidebar.two_col_wSidebar .number_of_columns_2 {
        display: block;
        float: left;
        margin-right: 1.87726938%;
        width: 59.24909225%
    }

    .two_col_wSidebar.two_col_wSidebar.two_col_wSidebar .number_of_columns_2:last-child {
        margin-right: 0
    }
}

.two_col_wSidebar.two_col_wSidebar.two_col_wSidebar .number_of_columns_2 .cc_column {
    display: block;
    float: left;
    margin-right: 1.87726938%;
    width: 100%
}

.two_col_wSidebar.two_col_wSidebar.two_col_wSidebar .number_of_columns_2 .cc_column:last-child {
    margin-right: 0
}

@media screen and (min-width: 800px) {
    .two_col_wSidebar.two_col_wSidebar.two_col_wSidebar .number_of_columns_2 .cc_column {
        display: block;
        float: left;
        margin-right: 1.87726938%;
        width: 45.66545633%;
        padding: 0
    }

    .two_col_wSidebar.two_col_wSidebar.two_col_wSidebar .number_of_columns_2 .cc_column:last-child {
        margin-right: 0
    }
}

.two_col_wSidebar.two_col_wSidebar.two_col_wSidebar .number_of_columns_2 .cc_column2 {
    margin-left: 0
}

@media screen and (min-width: 800px) {
    .two_col_wSidebar.two_col_wSidebar.two_col_wSidebar .number_of_columns_2 .cc_column2 {
        margin-left: 25px
    }
}

.two_col_wSidebar.two_col_wSidebar.two_col_wSidebar .box1 {
    display: block;
    float: left;
    margin-right: 1.87726938%;
    width: 100%
}

.two_col_wSidebar.two_col_wSidebar.two_col_wSidebar .box1:last-child {
    margin-right: 0
}

@media screen and (min-width: 800px) {
    .two_col_wSidebar.two_col_wSidebar.two_col_wSidebar .box1 {
        display: block;
        float: left;
        margin-right: 1.87726938%;
        width: 36.83609298%
    }

    .two_col_wSidebar.two_col_wSidebar.two_col_wSidebar .box1:last-child {
        margin-right: 0
    }
}

.main_internal1 .full_col_sidebar .box1 {
    width: 100% !important;
    float: none !important
}

.cta-buttons {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-bottom: 10px
}

.cta-buttons li {
    margin-bottom: 1em;
    position: relative
}

.cta-buttons li:after, .cta-buttons li:before {
    bottom: 12px
}

.cta-buttons li.last-child a {
    padding: 1.5em .5em !important;
    line-height: 22px !important
}

@media screen and (min-width: 800px) {
    .cta-buttons li:after, .cta-buttons li:before {
        width: 43.5% !important
    }
}

.cta-buttons a {
    display: block;
    padding: .5em;
    font-size: 1.6875em;
    text-align: center;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    transition: all .1s ease-in
}

.cta-buttons a:hover {
    color: white
}

@media screen and (min-width: 800px) {
    .cta-buttons li {
        display: block;
        width: 47%;
        float: left;
        margin-right: 3%
    }

    .cta-buttons li:last-child {
        margin-right: 0
    }

    .cta-buttons li:after, .cta-buttons li:before {
        bottom: 5px
    }

    .cta-buttons a {
        padding: 1.5em .5em;
        font-size: 1em
    }
}

@media screen and (min-width: 800px) {
    .cta-buttons li {
        width: 23%;
        margin-right: 2.5%
    }
}

@media screen and (min-width: 800px) {
    .lt-ie9 .cta-buttons li {
        width: 23%;
        margin-right: 2%
    }
}

@media screen and (min-width: 800px) {
    .internal .cta-buttons li.last-child a {
        line-height: 1;
        padding: 1.35em .5em
    }
}

.lt-ie8 .cta-buttons {
    width: 672px
}

figure {
    margin: 0
}

ul.type2 {
    padding-left: 0
}

.callout ul.type2 li {
    background: url(../../images/Ubalt_CalendarIcons-02-reverse.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 9px 19px
}

.callout ul.type2 li.minus1 {
    background: url(../../images/Ubalt_CalendarIcons-01-reverse.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 9px 19px
}

ul.type2 li {
    list-style-type: none;
    background: url(../../images/Ubalt_CalendarIcons-02.png);
    background-repeat: no-repeat;
    background-position: 10px 17px;
    background-size: 20px;
    padding: 10px
}

ul.type2 li .accord_title {
    padding-left: 37px
}

ul.type2 li.minus1 {
    background: url(../../images/Ubalt_CalendarIcons-01.png);
    background-color: #EEEEEE;
    background-repeat: no-repeat;
    background-position: 10px 17px;
    background-size: 20px
}

ul.type2 li.minus1 .question1 {
    margin-bottom: 10px
}

ul.type2 li .question1, ul.type2 li .answer1, ul.type2 li .accord_title, ul.type2 li .accord_content {
    padding-left: 35px;
    margin-top: 0.5em
}

.flex-control-nav.flex-control-nav.flex-control-nav {
    display: block
}

.main .flex-control-nav.flex-control-nav.flex-control-nav, .as .flex-control-nav.flex-control-nav.flex-control-nav, .internal .flex-control-nav.flex-control-nav.flex-control-nav {
    top: -3px;
    left: 0
}

@media screen and (min-width: 480px) {
    .main .flex-control-nav.flex-control-nav.flex-control-nav, .as .flex-control-nav.flex-control-nav.flex-control-nav, .internal .flex-control-nav.flex-control-nav.flex-control-nav {
        top: -32px
    }
}

@media screen and (min-width: 480px) {
    #admissions .flex-control-nav.flex-control-nav.flex-control-nav {
        top: -10px;
        right: 0 !important;
        left: initial
    }
}

@media screen and (min-width: 800px) {
    #admissions .flex-control-nav.flex-control-nav.flex-control-nav {
        top: -52px
    }
}

.flex-control-nav.flex-control-nav.flex-control-nav li a {
    width: 22px;
    height: 22px;
    background: #fff;
    border: 3px solid #007DB6;
    box-shadow: none
}

@media screen and (min-width: 800px) {
    .flex-control-nav.flex-control-nav.flex-control-nav li a {
        width: 15px;
        height: 15px
    }
}

.flex-control-nav.flex-control-nav.flex-control-nav li a.flex-active {
    background: #007DB6
}

.flex-direction-nav.flex-direction-nav.flex-direction-nav {
    display: none
}

.main .profile-slider, .internal .profile-slider {
    padding-bottom: 0;
    margin: 55px 0 35px !important
}

.main .profile-slider .col.last, .internal .profile-slider .col.last {
    margin-top: 0px
}

.main .profile-slider .col.last .profile-name, .internal .profile-slider .col.last .profile-name {
    font-size: 24px;
    font-size: 1.5rem
}

.main .profile-slider .col.last .profile-content, .internal .profile-slider .col.last .profile-content {
    font-size: 16px;
    font-size: 1rem
}

#admissions .profile-slider {
    margin: 20px 0 35px !important
}

#admissions .profile-slider .col.last {
    margin-top: 0
}

#admissions .profile-slider .col.last .profile-name {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 0;
    text-transform: none;
    border-bottom: none
}

#admissions .profile-slider .col.last .profile-content {
    font-size: 16px;
    font-size: 1rem
}

@media screen and (min-width: 800px) {
    #admissions .profile-slider .col.last {
        margin-top: -1.5em !important
    }
}

@media screen and (max-width: 800px) {
    .faculty_profile {
        padding-bottom: 30px
    }

    .faculty_profile h2 {
        margin-bottom: 5px
    }
}

.faculty_profile img.type5 {
    margin: 1em 0 1em 1em !important
}

@media screen and (max-width: 800px) {
    .faculty_profile img.type5 {
        float: none !important;
        margin: 15px 0 30px 0 !important;
        width: 100% !important;
        height: auto !important
    }
}

.helpful-info {
    background-color: #EEEEEE;
    margin: 20px 0;
    padding: 15px
}

.helpful-info .info a {
    color: #007DB6;
    -webkit-transition: color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out
}

.helpful-info .info a:hover {
    color: #005a83;
    text-decoration: none
}

.caption {
    color: #686868;
    font-style: italic;
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0
}

.image-fullwidth {
    margin: 0 !important;
    width: 100%
}

.image-half {
    margin: 0 !important
}

.image-block {
    margin-bottom: 2em
}

.quick-links {
    margin-bottom: 30px
}

@media screen and (min-width: 800px) {
    .quick-links {
        margin-top: -30px
    }
}

.quick-links .container {
    padding: 0
}

.quick-links a {
    width: 50%;
    float: left;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding-top: 5px;
    font-weight: 600;
    font-size: 15px;
    font-size: 0.9375rem;
    height: 59px;
    -webkit-transition: background-color 200ms ease-in-out;
    -moz-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out;
    cursor: pointer
}

@media screen and (min-width: 600px) {
    .quick-links a {
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media screen and (min-width: 800px) {
    .quick-links a {
        width: 25%;
        font-size: 16px;
        font-size: 1rem;
        height: 69px;
        padding-top: 10px
    }
}

.quick-links a:before {
    color: #fff;
    font-size: 30px;
    font-size: 1.875rem;
    text-transform: none !important;
    margin-right: 10px;
    vertical-align: -10px;
    -webkit-font-smoothing: antialiased
}

.quick-links a#programs {
    background-color: #41B6E6;
    padding-top: 0
}

.quick-links a#programs:hover {
    background-color: #1ca1d8
}

.quick-links a#programs:before {
    font-family: "ubalt" !important;
    content: "d";
    font-size: 40px;
    font-size: 2.5rem;
    vertical-align: -17px
}

@media screen and (min-width: 800px) {
    .quick-links a#programs:before {
        vertical-align: -15px
    }
}

.quick-links a#info {
    background-color: #E35220
}

.quick-links a#info:hover {
    background-color: #b94117
}

.quick-links a#info:before {
    font-family: "ubalt" !important;
    content: "g"
}

.quick-links a#visit {
    background-color: #FFB81C
}

.quick-links a#visit:hover {
    background-color: #e89f00
}

.quick-links a#visit:before {
    font-family: "ubalt" !important;
    content: "b"
}

.quick-links a#apply {
    background-color: #B7C935
}

.quick-links a#apply:hover {
    background-color: #92a12a
}

.quick-links a#apply:before {
    font-family: "ubalt" !important;
    content: "j"
}

.full_col_sidebar {
    padding: 0
}

.full_col_sidebar .box1.box1.box1 .box_wrap1 {
    padding: 20px 20px 10px 20px
}

.full_col_sidebar .box1.box1.box1 .box_wrap1 h3 {
    margin-bottom: 8px
}

#side-nav#side-nav#side-nav {
    display: none;
    background: transparent
}

@media screen and (min-width: 800px) {
    #side-nav#side-nav#side-nav {
        display: block
    }
}

#side-nav#side-nav#side-nav li {
    border-bottom: 1px solid #ccc
}

#side-nav#side-nav#side-nav li:after {
    display: none
}

#side-nav#side-nav#side-nav li:last-child {
    border-bottom: 0px solid #000
}

#side-nav#side-nav#side-nav li a {
    padding: 0.5em 0
}

#side-nav#side-nav#side-nav li a:hover {
    color: #007DB6
}

#side-nav#side-nav#side-nav li a.active {
    padding-left: 11px
}

#side-nav#side-nav#side-nav li a.active:before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #007DB6
}

@media screen and (max-width: 800px) {
    #secondary#secondary#secondary {
        clear: both
    }
}

@media screen and (max-width: 800px) {
    .table-scroll {
        overflow-x: scroll;
        width: 100%
    }

    .table-scroll:before {
        content: "Swipe to see more of the table.";
        font-size: 12px;
        font-size: 0.75rem;
        font-style: italic
    }
}

.table-scroll::-webkit-scrollbar {
    -webkit-appearance: none
}

.table-scroll::-webkit-scrollbar:vertical {
    width: 11px
}

.table-scroll::-webkit-scrollbar:horizontal {
    height: 11px
}

.table-scroll::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0, 0, 0, 0.5)
}

.table-scroll::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px
}

.table-scroll .visible-desktop {
    display: table !important
}

@media screen and (min-width: 800px) {
    .table-scroll .visible-desktop {
        width: 100% !important;
        height: auto !important
    }
}

table {
    margin: 15px 0
}

table a {
    font-weight: normal
}

@media screen and (min-width: 800px) {
    table {
        width: 100%
    }
}

.as table {
    margin: 20px 0
}

table.no-bg tr, table.type2.no-bg tr {
    background: transparent
}

@media screen and (min-width: 800px) {
    table.visible-desktop, table.type2.visible-desktop {
        display: table !important
    }
}

table tr:nth-child(even), table.type2 tr:nth-child(even) {
    background: transparent
}

table tr:nth-child(odd), table.type2 tr:nth-child(odd) {
    background: rgba(65, 182, 230, 0.1)
}

table tr th, table.type2 tr th {
    padding: 10px 20px;
    text-transform: uppercase;
    color: #000;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    border-right: 1px dashed #ccc;
    border-bottom: 3px solid #007DB6;
    background: transparent !important
}

table tr th:first-child, table.type2 tr th:first-child {
    padding-left: 20px
}

table tr th:last-child, table.type2 tr th:last-child {
    border-right: 0px dashed #ccc
}

table tr td, table.type2 tr td {
    padding: 20px;
    font-size: 18px;
    font-size: 1.125rem;
    color: #686868;
    border-right: 1px dashed #ccc
}

table tr td:first-child, table.type2 tr td:first-child {
    padding-left: 10px
}

table tr td:last-child, table.type2 tr td:last-child {
    border-right: 0px dashed #ccc
}

table.type3 {
    border: 1px solid #007DB6;
    background: transparent
}

@media screen and (min-width: 800px) {
    table.type3.visible-desktop {
        display: table !important
    }
}

table.type3 tr {
    border-bottom: 1px solid #007DB6
}

table.type3 tr:first-child {
    background: #007DB6 !important;
    border-bottom: 0px solid #007DB6
}

table.type3 tr:last-child {
    border-bottom: 0px solid #007DB6
}

table.type3 tr:nth-child(even) {
    background: transparent
}

table.type3 tr:nth-child(odd) {
    background: rgba(65, 182, 230, 0.1)
}

table.type3 tr th {
    padding: 10px 20px;
    text-transform: uppercase;
    color: #333;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    border-right: 1px dashed #003750;
    color: #fff;
    background: transparent
}

table.type3 tr th:first-child {
    padding-left: 20px
}

table.type3 tr th:last-child {
    border-right: 0px dashed #ccc
}

table.type3 tr td {
    padding: 20px;
    font-size: 18px;
    font-size: 1.125rem;
    color: #686868;
    border-right: 1px dashed #ccc;
    border-bottom: 0px dashed #ccc
}

table.type3 tr td:first-child {
    padding-left: 10px
}

table.type3 tr td:last-child {
    border-right: 0px dashed #ccc
}

.show-mobile .responsive-table {
    display: none
}

.silk-table-collapsed {
    border-left: 1px solid #007DB6;
    border-right: 1px solid #007DB6
}

.silk-table-collapsed ul li {
    border-bottom: 1px solid #007DB6;
    margin-bottom: 0;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row
}

.silk-table-collapsed ul li:first-child {
    background: #007DB6 !important
}

.silk-table-collapsed ul li:first-child h3 {
    display: none
}

.silk-table-collapsed ul li:first-child div {
    width: 100%;
    padding: 15px 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center
}

.silk-table-collapsed ul li:nth-child(n+2) h3 {
    border-right: 1px dashed #003750;
    padding: 15px;
    text-align: center;
    border-bottom: none;
    background: transparent;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.silk-table-collapsed ul li:nth-child(n+2) div {
    padding: 15px;
    text-align: center;
    -webkit-box-flex: 4;
    -moz-box-flex: 4;
    box-flex: 4;
    -webkit-flex: 4;
    -moz-flex: 4;
    -ms-flex: 4;
    flex: 4
}

.silk-table-collapsed ul li:nth-child(odd) {
    background: rgba(65, 182, 230, 0.1)
}

.silk-table-collapsed ul li:nth-child(even) {
    background: #fff
}

.cs-orange-bg {
    background-color: #E35220
}

.cs-yellow-bg {
    background-color: #FFB81C
}

.cs-lime-bg {
    background-color: #B7C935
}

.cs-bright-blue-bg {
    background-color: #41B6E6
}

.cs-blue-bg {
    background-color: #007DB6 !important
}

a.cs-orange-bg {
    background-color: #E35220
}

a.cs-orange-bg:hover {
    background-color: #b94117 !important
}

a.cs-yellow-bg {
    background-color: #FFB81C
}

a.cs-yellow-bg:hover {
    background-color: #e89f00 !important
}

a.cs-lime-bg {
    background-color: #B7C935
}

a.cs-lime-bg:hover {
    background-color: #92a12a !important
}

a.cs-bright-blue-bg {
    background-color: #41B6E6
}

a.cs-bright-blue-bg:hover {
    background-color: #1ca1d8 !important
}

a.cs-blue-bg {
    background-color: #007DB6 !important
}

a.cs-blue-bg:hover {
    background-color: #005a83 !important
}

a.cs-purple-bg {
    background: #60256b
}

a.cs-purple-bg:hover {
    background-color: #3e1845 !important
}

.fluid-width-video-wrapper.fluid-width-video-wrapper.fluid-width-video-wrapper {
    position: relative;
    padding-bottom: 56.25% !important;
    padding-top: 25px !important;
    height: 0;
    margin-bottom: 30px
}

.fluid-width-video-wrapper.fluid-width-video-wrapper.fluid-width-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important
}

.fullwidth-image {
    width: 100%;
    margin-bottom: 20px
}

.fullwidth-image img {
    max-width: 100%;
    width: 100%
}

.fullwidth-image figcaption p {
    color: #686868;
    font-style: italic;
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0
}

.image-left {
    margin-bottom: 20px
}

@media screen and (min-width: 800px) {
    .image-left {
        float: left;
        margin-right: 20px;
        clear: both
    }

    .image-left.small {
        width: 30%
    }

    .image-left.large {
        width: 50%
    }
}

.image-left img {
    max-width: 100%;
    width: 100%
}

.image-left figcaption p {
    color: #686868;
    font-style: italic;
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0
}

.image-right {
    margin-bottom: 20px
}

@media screen and (min-width: 800px) {
    .image-right {
        float: right;
        margin-left: 20px;
        clear: both
    }

    .image-right.small {
        width: 30%
    }

    .image-right.large {
        width: 50%
    }
}

.image-right img {
    max-width: 100%;
    width: 100%
}

.image-right figcaption p {
    color: #686868;
    font-style: italic;
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0
}

hr.inherited {
    width: auto
}

form {
    font-size: 1em
}

form fieldset, form div {
    max-width: 65.3125em;
    margin-left: auto;
    margin-right: auto;
    border: none
}

form fieldset:after, form div:after {
    content: "";
    display: table;
    clear: both
}

form label {
    font-weight: bold;
    margin-right: 15px
}

@media screen and (max-width: 600px) {
    form label {
        width: 100% !important;
        margin-bottom: 5px;
        text-align: left
    }
}

form hr {
    background: #ccc
}

form input[type="text"] {
    padding: 10px;
    background-color: #EEEEEE;
    border: 0px solid #fff;
    color: #333
}

@media screen and (max-width: 600px) {
    form input[type="text"] {
        width: 100% !important
    }
}

form select {
    width: 268px;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 34px;
    color: #333;
    -webkit-appearance: none;
    background-image: url("../../images/triangle.png");
    background-color: #EEEEEE;
    background-repeat: no-repeat;
    background-position: 96% 50%;
    background-size: 12px
}

form select[multiple] {
    height: auto;
    background-image: none;
    padding: 10px 0
}

form select[multiple] option {
    padding: 5px 10px
}

form select[multiple] option:checked {
    background-color: #007DB6
}

form select[multiple] option:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 600px) {
    form select {
        width: 100% !important;
        margin-bottom: 5px
    }
}

form textarea {
    padding: 10px;
    background-color: #EEEEEE;
    border: 0px solid #ccc;
    border-radius: 0px;
    box-shadow: none
}

@media screen and (max-width: 600px) {
    form textarea {
        width: 100% !important
    }
}

form input[type="checkbox"], form input[type="radio"] {
    margin: 0.5em
}

form button {
    background-color: #007DB6;
    padding: 10px 20px;
    color: #fff;
    border-radius: 0px;
    border: 0px solid #fff;
    box-shadow: none;
    -webkit-transition: background-color 200ms ease-in-out;
    -moz-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out
}

form button:hover {
    background-color: #003750
}

@media screen and (max-width: 600px) {
    form button {
        width: 100% !important
    }
}

form input[type="submit"] {
    padding: 10px 20px;
    color: #fff;
    background-color: #007DB6;
    border-radius: 0px;
    border: 0px solid #fff;
    box-shadow: none;
    text-transform: uppercase;
    -webkit-transition: background-color 200ms ease-in-out;
    -moz-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out
}

form input[type="submit"]:hover {
    background-color: #003750
}

@media screen and (max-width: 600px) {
    form input[type="submit"] {
        width: 100% !important
    }
}

form select#dob_month {
    max-width: 150px
}

@media screen and (max-width: 600px) {
    form select#dob_month {
        max-width: 100% !important
    }
}

form select#dob_year {
    max-width: 75px
}

@media screen and (max-width: 600px) {
    form select#dob_year {
        max-width: 100% !important
    }
}

form select#dob_day {
    width: 75px
}

@media screen and (max-width: 600px) {
    form select#dob_day {
        max-width: 100% !important
    }
}

form.form--style2 {
    display: block;
    margin-bottom: 40px
}

form.form--style2 .standard-2col-form {
    max-width: 65.3125em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px
}

form.form--style2 .standard-2col-form:after {
    content: "";
    display: table;
    clear: both
}

form.form--style2 .standard-2col-form label {
    width: 26%;
    float: left;
    margin-right: 20px
}

form.form--style2 .standard-2col-form input[type="text"], form.form--style2 .standard-2col-form select, form.form--style2 .standard-2col-form textarea {
    width: 70%;
    float: left
}

form.form--style2 .standard-2col-form.no-bottom {
    margin-bottom: 0
}

form.form--style2 .standard-2col-form.radio-buttons label {
    width: 27%
}

form.form--style2 .standard-3col-form {
    max-width: 65.3125em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px
}

form.form--style2 .standard-3col-form:after {
    content: "";
    display: table;
    clear: both
}

form.form--style2 .standard-3col-form label {
    width: 26%;
    float: left;
    margin-right: 20px
}

form.form--style2 .standard-3col-form input[type="text"], form.form--style2 .standard-3col-form select {
    width: 33.2%;
    margin-right: 20px
}

form.form--style2 .standard-3col-form .field-small {
    width: 20%
}

form.form--style2 .standard-3col-form .field-med.field-med.field-med {
    width: 26.1%
}

form.form--style2 .standard-3col-form .field-large.field-large.field-large {
    width: 40.1%
}

form.form--style2 .standard-3col-form .last.last.last {
    margin-right: 0
}

form.form--style2 .standard-4col-form {
    max-width: 65.3125em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px
}

form.form--style2 .standard-4col-form:after {
    content: "";
    display: table;
    clear: both
}

form.form--style2 .standard-4col-form label {
    width: 26%;
    float: left;
    margin-right: 20px
}

form.form--style2 .standard-4col-form input[type="text"], form.form--style2 .standard-4col-form select {
    width: 20.8%;
    margin-right: 20px
}

form.form--style2 .standard-4col-form .field-small {
    width: 10%
}

form.form--style2 .standard-4col-form .field-med {
    width: 26.1%
}

form.form--style2 .standard-4col-form .last.last.last {
    margin-right: 0
}

form.form--style2 .form-submit input[type="submit"] {
    float: right;
    width: 70%;
    margin-right: 5px
}

form.form--style2 input[type="checkbox"]:not(old) {
    width: 21px;
    margin: 0;
    padding: 0;
    opacity: 0
}

form.form--style2 input[type="checkbox"]:not(old) + label {
    display: inline-block;
    margin-left: -28px;
    padding-left: 28px;
    line-height: 20px;
    background: url("../../images/checkbox.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 21px;
    margin-bottom: 15px;
    font-weight: normal;
    width: auto;
    float: none;
    margin-right: 0
}

form.form--style2 input[type="checkbox"]:not(old):checked + label {
    background-position: 0 -18px
}

@media screen and (max-width: 600px) {
    form.form--style2 input[type="checkbox"] {
        width: 100% !important
    }
}

form.form--style2 input[type='radio']:not(old) {
    width: 21px;
    margin: 0;
    padding: 0;
    opacity: 0
}

form.form--style2 input[type='radio']:not(old) + label {
    display: inline-block;
    margin-left: -28px;
    padding-left: 28px;
    line-height: 20px;
    background: url("../../images/checks.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 21px;
    margin-bottom: 15px;
    font-weight: normal;
    width: auto;
    float: none;
    margin-right: 0
}

@media screen and (max-width: 600px) {
    form.form--style2 input[type='radio']:not(old) + label {
        width: 100% !important;
        margin-left: 0
    }
}

form.form--style2 input[type='radio']:not(old):checked + label {
    background-position: 0 -18px
}

@media print {
    @page {
        margin: 0.5cm
    }

    body {
        font: 12pt Georgia, "Times New Roman", Times, serif;
        line-height: 1.3;
        background: #fff !important
    }

    body * {
        color: #000 !important
    }

    p a:after, a:after {
        content: " (" attr(href) ")";
        font-size: 80%
    }

    p a {
        word-wrap: break-word
    }

    .header, .links, .navigation-menu, .mobile-header {
        display: none
    }

    .page-header h1 {
        box-shadow: none
    }

    .page-header h1:before, .page-header h1:after {
        box-shadow: none !important
    }
}

/*# sourceMappingURL=law.responsive.css.map */