@charset "utf-8";
img{
    max-width: 100%;
    max-height: 100%;
}
.clear{
    clear: both !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.center{
    width: 100%;
    max-width: 1184px;
    margin: 0 auto;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.full-width-search .title,
.full-width-search .quick-search .form-group .advanced-search {
    text-shadow: #000 1px 1px 2px, #000 0 0 1px, #000 0 0 1px, #000 0 0 1px, #000 0 0 1px;
}
.art-bg-wrap{
    background-color: #0094b3;
    background: url(http://www.americansforthearts.org/sites/default/files/11_Reigelman_WhiteCloud_162781_005.jpg) no-repeat center center fixed;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.background_content{
    margin-left: auto;
    margin-right: auto;
    max-width: 1184px;
    background: #fff;
}
.background_content > .container{
    max-width: 100%;
}
.art-header-strip-wrap{
    display: block;
    background-color: #fff;
}
.art-header-utility{
    width: 76%;
    float: left;
}
ul.art-header-utility-nav {
    overflow: hidden;
    height: 45px;
    line-height: 45px;
    margin: 0;
    padding-left: 25px;
    list-style: none;
}
ul.art-header-utility-nav li{
    float: left;
    margin-right: 18px;
}
ul.art-header-utility-nav li.active{
    background: url(../images/header-strip-active.png) bottom left repeat-x;
}
ul.art-header-utility-nav li a{
    text-decoration: none;
    color: #696a6f;
    font-size: 14px;
    font-family: "Oswald", sans-serif;
}
ul.art-header-utility-nav li.active a, ul.art-header-utility-nav li a:hover{
    color: #292522;
}
.art-header-social{
    width: 24%;
    background-color: rgba(0, 148, 179, 0.8);
    float: left;
}
.art-header-social ul{
    margin: 0;
    height: 45px;
    padding: 0;
    background-position: 20px 5px;
    text-align: center;
    cursor: default;
}
.art-header-social ul li{
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-top: 10px;
}
.art-header-social ul li a{
    display: block;
    overflow: hidden;
    text-indent: -400px;
    width: 26px;
    height: 26px;
    background-image: url(../images/afta-sprite.png);
    background-repeat: no-repeat;
}
.facebook a {
    background-position: -2px -322px;
}
.facebook a:hover {
    background-position: -2px -362px;
}
.twitter a {
    background-position: -32px -322px;
}
.twitter a:hover {
    background-position: -32px -362px;
}
.linkedin a {
    background-position: -62px -322px;
}
.linkedin a:hover {
    background-position: -62px -362px;
}
.instagram a {
    background-position: -92px -322px;
}
.instagram a:hover {
    background-position: -92px -362px;
}
.youtube a {
    background-position: -122px -322px;
}
.youtube a:hover {
    background-position: -122px -361px;
}

.art-header-inner{
    min-height: 186px;
    position: relative;
    padding:0 10px;
    background:url('../images/bg_header.png') repeat;
}
#art-logo{
    display: block;
    margin: 24px 0 0 24px;
    float: left;
}
.art-header-top{
    height: 139px;
}
.art-block-menu-menu-top-utility-navigation{
    float: right;
    margin-top: 7px;
    margin-bottom: 21px;
}
.art-block-menu-menu-top-utility-navigation ul{
    overflow: hidden;
    padding-left: 0;
    list-style: none;
    margin: 19px 0;
}
.art-block-menu-menu-top-utility-navigation ul li{
    float: left;
    list-style-type: none;
}
.art-block-menu-menu-top-utility-navigation ul li a{
    font-size: 14px;
    color: lightgrey;
    font-family: "Oswald", sans-serif;
}
.art-block-menu-menu-top-utility-navigation ul li a:hover{
    color: #fff;
}
.art-block-search-form{
    margin-right: 10px;
    margin-bottom: 21px;
    border-bottom: #fff solid 1px;
}
.art-form-type-textfield, .art-form-section-submit{
    display: inline;
}
.art-form-text{
    border: none;
    width: 148px;
    padding: 0 0 3px;
    background: none;
    font-size: 13px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
}
#art-search-block-form .art-form-submit{
    float: left;
    width: 25px;
    height: 20px;
    margin: 0 0 6px;
    border: none;
    background: url(../images/afta-sprite.png) no-repeat -52px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-indent: -400px;
    font-size: 0;
    line-height: 0;
    padding: 5px 15px 5px 10px;
}
.art-navigation{
    clear: both;
}
.art-block-muchomenu{
    width: 100%;
    position: relative;
    margin-bottom: 0;
}
.art-block-muchomenu > ul{
    float: right;
    margin: 0;
    padding-left: 0;
    list-style-type: none;
}
.art-block-muchomenu > ul > li{
    display: inline-block;
    margin: 0 14px;
    z-index: 1;
}
.art-block-muchomenu > ul > li > a{
    height: 19px;
    line-height: 19px;
    font-size: 19px;
    padding-bottom: 20px;
    color: #13aece;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}
.art-block-muchomenu > ul > li:nth-child(4) ~ li > a{
    color: #ee3820;
}
.art-block-muchomenu > ul > li > a:hover{
    background: url(../images/hover_menu.png) repeat-x bottom;
    color: #fff !important;
}
/*.art-block-muchomenu > ul > li > div{
    overflow: visible;
    left: 0 !important;
    top: 47px !important;
    width: 100%;
    padding: 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 3px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.6) 0 3px 2px;
    box-shadow: rgba(0, 0, 0, 0.6) 0 3px 2px;
    position: absolute;
    z-index: 1000;
}
.art-block-muchomenu > ul > li:hover > div{
    display: block;
}
.art-block-muchomenu > ul > li:nth-child(-n+4) > div{
    width: 220px;
    left: inherit!important;
    padding: 20px;
    background-color: #fff;
}
.art-block-muchomenu > ul > li > div > div{
    width: 96%;
    padding: 2%;
    background: none;
    background-color: #fff;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.art-block-muchomenu > ul > li > div > div p{
    margin-top: 0;
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1.125;
    margin-bottom: 25px;
}*/
.art-panel-pane{
    margin-bottom: 21px;
}
.art-footer, .art-footer-affilates{
    background-color: #ddd;
    overflow: hidden;
}
.art-footer > div{
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    padding-bottom: 38px;
}

.art-top-section-left, .art-bottom-section-left,
.art-top-section-right, .art-bottom-section-right{
    margin-bottom: 21px;
    font-family: "Arial, Helvetica", sans-serif;
}
.art-top-section-left > ul, .art-top-section-right > ul{
    padding-bottom: 2px;
    padding-left: 0;
    overflow: hidden;
    list-style-type: none;
    margin: 19px 0;
}
.art-top-section-left > ul li, .art-top-section-right > ul li{
    float: left;
    text-transform: uppercase;
    margin-right: 10px;
}
.art-top-section-left > ul li a,  .art-top-section-right > ul li a{
    font-size: 16px;
    font-family: "Oswald", sans-serif;
    text-decoration: none;
    color: #0094b3;
}
.art-top-section-left > ul li a:hover, .art-top-section-right > ul li a:hover{
    color: #696a6f;
}
.art-top-section-right > ul li a{
    color: #ee3820;
}

.art-bottom-section-left > div h6, .art-bottom-section-right> div h6{
    font-family: "Oswald", sans-serif;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.721;
    color: #696a6f;
    font-weight: bold;
}
.art-bottom-section-left > div ul, .art-bottom-section-right> div ul{
    margin-top: 0;
    padding-left: 0;
    list-style-type: none;
    display: block;
}
.art-bottom-section-right> div ul{
    float: left;
    width: 50%;
}
.art-bottom-section-left > div ul li a, .art-bottom-section-right> div ul li a{
    text-decoration: none;
    color: #0094b3;
}
.art-bottom-section-left > div ul li a:hover, .art-bottom-section-right> div ul li a:hover{
    color: #696a6f;
}

.art-bottom-section-right> div p{
    margin-top: 0;
    font-size: 14px;
    line-height: 17.5px;
}
.art-footer-affilates > div{
    padding: 0 10px;
}
.art-region-footer-affilates{
    padding-top: 18px;
    border-top: 1px solid #BBBBBB;
}
.art-region-footer-affilates ul{
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding-left: 0;
    list-style: none;
    text-align: center;
}
.art-region-footer-affilates ul li{
    float: left;
    width: 45%;
    margin-right: 1.58%;
    margin-left: 1.58%;
}
.art-region-footer-affilates ul li:first-child{
    margin-left: 0;
}
.art-region-footer-affilates ul li a{
    display: block;
    padding: 0;
    vertical-align: middle;
}
.art-bottom-section-right> div ul.submenu{
    display: none;
}
.art-afta a{
    background: url(../images/logo-afta-dk-gray.png) left top no-repeat transparent;
    height: 100px;
    width: 90px;
}
.art-afta a:hover{
    background: url(../images/logo-afta-color.png) left top no-repeat transparent;
}
.art-aftaaf a{
    background: url(../images/logo-aftaaf.png) left top no-repeat transparent;
    height: 100px;
    width: 180px;
}
.art-aftaaf a:hover{
    background: url(../images/logo-aftaaf-color.png) left top no-repeat transparent;
}
.art-namp a{
    background: url(../images/logo-namp.png) no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 58px;
    margin-top: 28px;
    width: 238px;
}
.art-namp a:hover{
    background: url(../images/logo-namp-color.png) left top no-repeat transparent;
}
.art-tpm a{
    background: url(../images/logo-tpm.png) no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 80px;
    width: 178px;
    margin-top: 21px;
}
.art-tpm a:hover{
    background: url(../images/logo-tpm-color.png) left top no-repeat transparent;
}
.art-ad a {
    background: url(../images/logo-ad.png) no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 70px;
    width: 220px;
    margin-top: 28px;
}
.art-ad a:hover{
    background: url(../images/logo-ad-color.png) left top no-repeat transparent;
}
header .navbar-nav li a[btn-class="btn-success"],
header .navbar-nav.navbar-right li.post-job a,
.index-view .homepage-content .hp-see-more-wrap a{
    background: #33A9C2!important;
    border-color: #1d6675;
}
.btn-green, .advanced-search-view .search-subscribe .btn{
    background: #33A9C2!important;
    border-color: #1d6675;
}

.btn-success {
    color: #fff;
    background: #33A9C2;
    border-color: #1d6675;
}

.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active.focus,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
    color: #fff;
    background: #33A9C2;
    border-color: #1d6675;
    opacity: .9;
}

#j_modal.green .j_btn{
    background: #33A9C2!important;
    border-color: #33A9C2;
}
footer{
    margin-top: 0;
}
.full-width-search{
    background: url(../images/35021933790_7856693b5e_o.jpg) center no-repeat;
    background-size: cover;
}
header + div[class*="-view"].container {
    padding-top: 20px;
    margin-top: 0;
    padding-bottom: 20px;
}
@media all and (min-width: 816px) and (max-width: 1024px){
    .art-header-top{
        height: 120px;
    }
    .art-block-muchomenu > ul{
        float: left;
        width: 73%;
        padding-left: 39px;
    }
}
@media all and (min-width: 816px) and (max-width: 960px){
    .art-block-search-form{
        float: none!important;
        width: auto!important;
        margin-top: 14px!important;
        margin-left: 53px !important;
    }
    .art-header-top{
        float: left !important;
    }
    .art-header-utility{
        width: 74%;
    }
    .art-header-social{
        width: 26%;
    }
    ul.art-header-utility-nav{
        overflow: visible!important;
        line-height: 20px!important;
        padding-left: 1px;
    }
    ul.art-header-utility-nav li.active{
        background: none;
    }
    .art-block-menu-menu-top-utility-navigation{
        float: left;
    }
}
@media all and (min-width: 641px) and (max-width: 880px){
    .art-header-top{
        width: 76%;
        float: left !important;
        height: 115px;
    }
    .art-block-muchomenu > ul{
        float: left;
        width: 73%;
        padding-left: 9px;
    }
    .art-block-menu-menu-top-utility-navigation{
        float: left;
        margin-left: 24px;
    }
    .art-block-menu-menu-top-utility-navigation ul{
        padding-left: 0 !important;
    }
    .art-block-menu-menu-top-utility-navigation ul li:first-child{
        margin-left: 0;
    }
    .art-block-search-form{
        margin-bottom: 0;
        float: none!important;
        width: auto!important;
        margin-top: 14px!important;
        margin-left: 24px;
    }
    .art-header-utility{
        width: 62% !important;
    }
    ul.art-header-utility-nav{
        overflow: visible!important;
        line-height: 20px!important;
        padding-left: 0 !important;
    }
    ul.art-header-utility-nav li.active{
        background: none;
    }
    .art-header-social{
        width: 34%;
    }
}
@media all and (min-width: 640px){
    .art-header-top{
        float: right;
    }
    #art-logo{
        width: 120px;
        height: 140px;
        background-image: url(../images/afta-logo-white.png);
    }
    .art-block-menu-menu-top-utility-navigation ul{
        padding-left: 30px;
    }
    .art-block-menu-menu-top-utility-navigation ul li{
        width: auto;
        margin-left: 24px;
    }
    .art-block-search-form{
        float: right;
        width: 192px;
        margin-left: 42px;
        margin-top: 21px;
    }
    .art-navigation{
        clear: right;
        width: 100%;
    }
    /*.art-block-mobile{
        display: none;
    }*/
    .art-header-strip-wrap{
        padding: 0 10px;
    }
    .art-left{
        float: left;
        width: 60%;
    }
    .art-right{
        float: left;
        width: 40%;
    }
    .art-bottom-section-left > div{
        width: 21.5%;
        margin-right: 3.5%;
        float: left;
        font-size: 14px;
        line-height: 1.55;
    }
    .art-bottom-section-right> div:first-child {
        width: 50.5%;
        margin-right: 3.5%;
    }
    .art-bottom-section-right> div{
        width: 36.5%;
        float: left;
        font-size: 14px;
        line-height: 1.55;
    }
    .art-bottom-section-right> div ul{
        float: none;
        width: auto;
    }
    .art-region-footer-affilates ul li{
        display: table;
        width: auto;
        height: 110px;
        margin-right: 28px;
        margin-left: 19px;
    }
    .art-bottom-section-right> div ul.submenu{
        display: block;
    }
}
@media all and (min-width: 481px) and (max-width: 639px){
    #art-logo{
        width: 120px;
        height: 140px;
        background-image: url(../images/afta-logo-white.png);
    }
    .art-header-top{
        float: none;
        height: 113px;
    }
    .art-header-utility{
        padding: 5px 0;
        float: none;
        width: 100%;
    }
    ul.art-header-utility-nav{
        padding-left: 0;
        height: initial;
    }
    ul.art-header-utility-nav li.active{
        background: none;
    }
    .art-header-social{
        width: 100%;
    }
    .art-header{
        padding: 0 10px;
    }
    .art-header-inner{
        min-height: 228px!important;
    }
    .art-block-search-form{
        float: left!important;
        width: 57%!important;
        margin-left: 24px;
    }
    .art-block-menu-menu-top-utility-navigation{
        float: left;
        width: 62%;
        margin-left: 24px;
    }
    .art-block-menu-menu-top-utility-navigation ul{
        margin: 0;
    }
    .art-block-menu-menu-top-utility-navigation ul li{
        float: left;
        width: 50%;
    }
    .art-block-muchomenu > ul{
        float: left;
        width: 96%;
        padding-left: 9px;
        margin-top: 7px;
    }
    .art-header-strip-wrap{
        padding: 0 10px;
    }
}
@media all and (min-width: 100px) and (max-width: 480px){
    #art-logo {
        width: 100%;
        height: 140px;
        background-image: url(../images/afta-logo-white.png)!important;
        background-position: center center;
        background-repeat: no-repeat;
        float: none;
        margin: 0;
    }
    .art-header-top{
        float: none;
        height: auto;
    }
    .art-header-strip-wrap{
        padding: 0 10px;
    }
    .art-header-utility{
        padding: 5px 0;
        float: none;
        width: 100%;
    }
    ul.art-header-utility-nav{
        padding-left: 0;
        height: initial;
    }
    ul.art-header-utility-nav li.active{
        background: none;
    }
    .art-header-social{
        width: 100%;
    }
    .art-header-top{
        float: none;
        height: auto;
    }
    .art-block-search-form{
        margin-right: 0!important;
        margin-left: 0!important;
        width: 100%;
    }
    .art-block-menu-menu-top-utility-navigation{
        width: 100%;
    }
    .art-block-menu-menu-top-utility-navigation ul{
        padding: 0 14px;
        margin: 0;
    }
    .art-block-menu-menu-top-utility-navigation ul li{
        width: 50%;
    }
    .art-block-muchomenu > ul{
        float: none;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .art-block-muchomenu > ul li{
        margin: 0 14px;
        display: block;
    }
    .art-block-muchomenu > ul li a{
        display: block;
        padding: 2px 10px!important;
        background-color: #275259;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #2E6169;
    }
    .art-block-muchomenu > ul li a:hover{
        background-image: none;
    }
    .art-region-footer-affilates ul li{
        float: none;
        width: 100%;
        margin: 0;
    }
}
.art-image-footer-gif{
    text-align: center;
    padding-bottom: 10px;
}

/* Sign in page*/

.sign-in-variants {
    width: 100%;
    display: inline-block;
    padding: 0 15px;
    margin: 10px 0;
    background: #fff;
    vertical-align: top;
    max-width: 420px;
}

.sign-in-variants .bordered-box {
    padding: 55px 25px;
    border: 1px solid #dedcdc;
}

.sign-in-variants p {
    font-size: 30px;
    color: #000;
    margin: 25px 0 35px;
    font-weight: bold;
}

.sign-in-variants span {
    color: #666666;
    font-size: 17px;
    line-height: 28px;
    display: block;
}

.sign-in-variants .yellow-button {
    margin-top: 40px;
}