/**
Template Name: Cityscape
Template Author: Tenenz, Inc.
Template Description: Cityscape
Sample Account: afsbsample4
Tags: Feature,All,New,Simple,City, 
Set: cityscape
Display: Yes

**/

/*@import url('../../common_templates/common_styles/common.css');*/
@import url(https://fonts.googleapis.com/css?family=Work+Sans:400,100,200,300,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display+SC:400,400italic,700,700italic,900,900italic|Playfair+Display:400,400italic,700,700italic,900italic,900);

/***** html page elements *******/
p {
}
pre {
}
blockquote {
}
h1 {
    font-size: 30px;
    color: #333333;

}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}

ol {
}
ul {
    /*list-style-position: inside*/
}
img {
    background-color: none;
}
a {
    text-decoration: none;
    color: #263089;
    font-weight: 600;
}
a:visited {
    color: #309;
}
a:hover {
    text-decoration: underline;
    color: #309;
}
a:active {
    text-decoration: none;
    color: #603;
}
table {
    border: 0;
}
tr {
    border: 0;
}
td {
    padding: 8px;
    border: 0;
}

/***************** main elements ******************/


/* declare the viewport size */
html {

}
body {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 500;
    /*font-family: "Lucida Sans" !important;*/
    font-family: 'Work Sans', Helvetica, Verdana, Arial, sans-serif !important;
    background-image: url(images/skyline.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed !important;
}
#page_wrap {
    margin: 0 auto;
    text-align: left;
    padding: 0 0;
    max-width: 1200px;
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 0 30px 5px #555;
    box-shadow: 0 0 30px 5px #555;
    /* background: #fff; */
}
.cp-wrap {
    position: relative;
    background: #fff;
    padding: 1.5rem 0 2rem 0;
    -webkit-box-shadow: 0 0 30px 5px rgba(85, 85, 85, 0.9);
    box-shadow: 0 0 15px 3px rgba(85, 85, 85, 0.9);
}
.cp-other-wrap{
    text-align: center;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    -webkit-box-shadow: 0 0 30px 5px rgba(85, 85, 85, 0.9);
    box-shadow: 0 0 15px 3px rgba(85, 85, 85, 0.9);

}
.banner {
    height: 2rem;
    margin: 0px 0;
    background: rgba(224,238,245,.85);
}
.content-wrap {
    position: relative;
    background: #fff;
    padding: 0rem 0;
}
section#main-content {
    margin: 0 0;
    padding: 0;
    float: right;
}
aside#left_column {
    height: 100%;
   /* background: #E0EEF5;*/

}
/*aside#left_column {
    background: #7d898a;
}*/
/*header, aside#left_column {
    -webkit-box-shadow: 0 5px 30px 0 rgba(51, 51, 51, 1);
    box-shadow: 0 5px 30px 0 rgba(51, 51, 51, 1);
}*/
/**************************************************/


/***** Header/Title area ******/
header{
    width: 100%;
    z-index: 900;
}
#title_area {
    margin: 0;
    padding: 1rem 4.5rem 1rem 2.5rem;/*defualt padding*/
    background-color: rgba(23, 23, 21, 0.8);
    display: inline-block;

}
#title_area a span{
    padding: 1rem 2rem 1rem 0;
    display: inline-block;
    position: relative;
}
#title_area a span h1.title_heading, #title_area a span .title_img{
    color: #fff!important;
    margin: 0;
    padding: 0;
    font-size: 35px;
    font-weight: bold;
    /*font-family: "Lucida Sans" !important;*/
}
#title_area a span h1.title_heading {
    font-family: 'Playfair Display SC', "Lucida Sans", serif !important;
    font-weight: 700;
    font-size: 3em;
}
#title_area a span .title_img {
    max-height: 165px;
}
#title_area a span:first-child:nth-last-child(1) h1.title_heading {
    font-size: 3.25em;
}
div#align[align=center]>#title_area {
    padding: 1rem 2.5rem;
}
div#align[align=center]>#title_area a span{
    display: block;
    float:none;
    padding: 1rem 2rem;
}
div#align[align=left]>#title_area {
}

.city-banner-img{
    height: 300px;
    max-width: 1024px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    background-image:url(images/New-York-City-Skyline.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px 0px;
    border-bottom:2px solid #000;
    border:6px solid #fff;
    z-index: 300;
}
.city-banner-shadow{
    background-image: url(images/shadow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    margin: 0 auto -365px auto;
    height: 370px;
    max-width: 1115px;
    position: relative;
    bottom: 317px;
    -webkit-filter: blur(3px);
    filter: blur(3px);
    z-index: 100;
}

/****************   MAIN content      **************/
article#content {
    padding: 0 2rem 0 1rem;

}
#main-content h1 {
    border-bottom: 1px solid #c4580d;
    margin: 1rem 0 .75rem 0;
    line-height: 2.5rem;
}

#main-content h1.home-page-header {
    border-bottom: 1px solid #c4580d;
    margin: 0 0 .75rem 0 !important;
    line-height: 2.5rem;
}
p#todays-date{
    padding: 0 0rem;
}
article>div {
    padding-bottom: .01em;
}
/********* form styles **********/
#mapiframe {
 margin: 1rem 0 1rem 1rem;
}
div#contact-form, div#payment-form{
    clear: both;
    border-top:1px inset #c5c5c5;
    margin-top: 1rem;
}
form ul{
    list-style: none;
}
form>ul {
    padding: 5px 0 0 0px;
    left: 0rem;
}
form ul li ul li {
    display: block;
}
form ul li ul li:first-child {
    padding: 10px 0 0px 0;
    text-align: left;
    clear: left;
}
form ul li ul li:nth-child(2) {
    padding: .35em 0 10px 0;
    clear: left;
}
.submit-button button, .form-input button{
    /*padding: 2px 2rem 3px*/;
    width: 100%;
    padding: 0.65rem 2rem;
    font-size: .9em;
    max-width: 200px;
    border-radius: 7px;
    background: rgb(246,248,249); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */

}
form ul li ul li.yes-no-radio input[type="radio"]{
    margin: 1% 0 0 3%;
}
form ul li ul li.yes-no-radio input[type="radio"]:first-child {
    margin-left: 0;
}
form ul li ul li.flex-input input[type="radio"]{
    width: auto;
    height: 13px;
    line-height: 5.3;
}
form ul li ul li.country-radio input[type="radio"]{
    margin: 1% 1% 0 3%;
}
form ul li ul li.country-radio label:first-child input[type="radio"]{
    margin-left: 0;
}
input, textarea {
    background-color: rgba(224, 238, 245, 0.47);
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    line-height: 2em;
}
form .flex-input textarea {
    height: 100px;

}
li.form-label label.required {
    font-weight: bold;
}
/****** main navigation *******/
nav {
    text-align: left;
    margin: 0 4% 0 0;
    padding: 1rem 0 2rem 0;
    background: rgb(51,51,43); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(51,51,43,1) 0%, rgba(80,81,67,1) 43%, rgba(147,147,123,1) 87%, rgba(227,229,195,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(51,51,43,1) 0%,rgba(80,81,67,1) 43%,rgba(147,147,123,1) 87%,rgba(227,229,195,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(51,51,43,1) 0%,rgba(80,81,67,1) 43%,rgba(147,147,123,1) 87%,rgba(227,229,195,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33332b', endColorstr='#e3e5c3',GradientType=0 ); /* IE6-9 */

    border-bottom: solid 3px #000;
    border-top:2px solid #000;
}
#main_navigation{
    padding: 0px 0px;
    margin: 0 0;
    list-style: none;
    list-style-position: outside;
}
#main_navigation li {
    margin: 0 0 2px 0;
    padding:0 0 2px 0;
}
#main_navigation li a {
    display: block;
    padding: 10px 10px 10px 20px;
    width: 100%;
    background-color: transparent;
    color: #FFF;
    font-weight: normal;
    font-size: 16px;
    text-decoration: none;
    /* border-bottom-color: #a4bfd3; */
    /*border-bottom-style: solid;
    border-bottom-width: 1px;*/
}
html>body #main_navigation li a {
    width: auto;
}
#main_navigation li a:hover {
    background-color: #CCCCCC;
    color: #003366;
    border-left-color: transparent;
}

#main_navigation li ul {
    /* second-level lists */
    width: 0%;
    position: absolute;
    left: -999em;
    -webkit-transition:width 20ms ease;
    -moz-transition:width 20ms ease;
    -o-transition:width 20ms ease;
    transition:width 20ms ease;
    margin-left: 96%;
    margin-top : -40px;
    border-top:1px solid;
    border-right:1px solid;
    /*border-bottom:1px solid;*/
    padding: 0px;
    background-color: #CCCCCC;
    border-color: #000000;
    list-style: none;
    list-style-position: outside;
    z-index: 999;
}
#main_navigation li ul li, #main_navigation li ul li ul li {
    padding: 0px;
    margin: 0px;
    border-left-style: solid;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
#main_navigation li ul li a {
    color: #003366;
}
#main_navigation li ul li:first-child {
    border-left: none;
}
#main_navigation li ul li a:hover,#main_navigation li ul li ul li a:hover{
    color: #CCCCCC;
    background-color: #666666;
}
#main_navigation li:hover ul ul, #main_navigation li:hover ul ul ul, #main_navigation li.sfhover:hover ul ul, #main_navigation li.sfhover:hover ul ul ul{
    left: -999em;
}

#main_navigation li:hover ul, #main_navigation li li:hover ul, #main_navigation li li li:hover ul, #main_navigation li.sfhover:hover ul, #main_navigation li.sfhover li.sfhover:hover ul, #main_navigation li.sfhover li.sfhover li.sfhover:hover ul{
    /* lists nested under hovered list items */
    visibility: inherit;/* fixes ie7 sticky bug */
    left: auto;
    width: 90%;
}
ul#main_navigation :hover > a {
    background-color: #CCC;
}
/******** Mobile Nav ***************/
.mobile-menu-button{
    padding: 1rem 2rem;
    /*display: none;*/
    color: #fff;
    background: rgba(51,51,51,.85);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,171715+12,171715+12,171715+100&1+0,0.4+12,0.85+12,0.4+100 */
    background: -moz-linear-gradient(top,  rgba(23, 23, 21, 0.95) 0%, rgba(23,23,21,0.4) 12%, rgba(23,23,21,0.4) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(23, 23, 21, 0.95) 0%,rgba(23,23,21,0.4) 12%,rgba(23,23,21,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(23, 23, 21, 0.95) 0%,rgba(23,23,21,0.4) 12%,rgba(23,23,21,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171715', endColorstr='#66171715',GradientType=0 ); /* IE6-9 */
    border-bottom: solid 1px rgba(23, 23, 21, 0.8);
    border-top: solid 1.5px rgba(23, 23, 21, 0.95);
}
.mobile-menu-button .fa{
    padding-right: 1rem;
}
ul#mobile_nav {
    display: none;
    width: 94%;
    padding: 0 0%;
    margin: 0 3% .5rem 3%;
    border: 1px solid transparent;
}

ul#mobile_nav>li{
    list-style: none;
    padding: 0;
    color: #FFF;
    border-top: 1px solid transparent;
}
ul#mobile_nav li>a, ul#mobile_nav li>span.title{
    color: #FFF;
    font-size: 1.5em;
    font-weight: lighter;
    display: inline-block;
    background-color: rgba(51,51,51,.85);
    width: 94%;
    padding: 1rem 3% .75rem 3%;

}
ul#mobile_nav li>a:hover {
    font-weight: normal;
}
ul#mobile_nav li ul{
    /*border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;*/
    padding: 0 0;
}
ul#mobile_nav li ul li{
    list-style: none;
    font-size: 1.125em;
    padding: 0;
}
ul#mobile_nav li ul li a{
    font-size: 1.25em;
    background-color: rgba(0, 0, 0, 0.85);
    width: 95%;
    padding: 1rem 0 .5rem 5%;
}
ul#mobile_nav li ul li a:last-child {
    padding: 1rem 0 1rem 5%;
}
#has-dropdown>span>i.fa{
    font-weight: lighter;
    font-size: .75em;
    padding-left: 5px;
}
#has-dropdown i:before {
     content: "\f054";
 }
#has-dropdown.expanded i:before {
    content: "\f078";
}
/******* calendar & client links ************/
#calendar, #client_area {
    margin: 0;
    min-height: auto;
    padding: .75rem 1rem 0 0;
    font-size: 1.15rem;
}
#client_area,#calendar {
    background-image:none;
}
#client_area h2,#calendar h2{
    display: none;
}
ul.icon-navigation {
    list-style: none;
    padding-left: 1rem;
    margin-top: 0;
    margin-bottom: 2rem;
}
ul.icon-navigation li{
    display: inline-block;
}
ul.icon-navigation li a{
    text-decoration: none;
}
.icon-user, .icon-calendar{
    font-family: 'icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

/******* footer area ************/

footer {
    background: #E0EEF5;
    padding: 25px 25px 15px 25px;
    margin: 5px 4% 0 0;
    text-align: center;
    border-top: solid 1px #c4580d;
    clear: none;
}
#footer-bottom{
    clear: right;
}
#popup-container{
    padding: 1rem 1.5rem;
    background-color: rgba(255,255,255,.65);
    margin: 1rem;
    border-radius: 14px;
}
/********** PAGE Footer ***************/
#page-footer {
    border-top: solid 1px #c4580d;
    background-color: #333333;
    min-height: 100px;
    margin: 0px 0px;
}

ul#main-social-navigation, #main-social-navigation ul {
    width: 96%;
    padding: 0 2%;
    /*position: relative;*/
    /*float: right;*/
    margin: 5px 16px 0 1px;
    list-style: none;
    list-style-position: outside;
    text-align: right;
}
#main-social-navigation li {
    margin: 0 0 4px 0;
    padding:0 0 0 0;
    /*float: right;*/
    display: inline-block;
    background-color: transparent;
    background-repeat: no-repeat;
}
#main-social-navigation li:last-of-type {
    /*margin: 0 1rem 4px 0;*/
}
#main-social-navigation li a {
    display: block;
    padding: 7px 10px 7px 26px;
    width: 100%;
    text-decoration: none;
}
html>body #main-social-navigation li a {
    width: auto;
}
#main-social-navigation li a:hover {
    border-left-style: none;
    border-left-width: 0px;
    color: #333333;
    /*background-color: #DDDDDD;*/
}
#main-social-navigation li a {
    color: #999999;
}

#main-social-navigation li a:hover {
    color: #e0eef5;
    /*background-color: #35759C;*/
}

.twitter_link {
    /*background: transparent url(/common_templates/common_images/icon-x-twitter.svg) left center no-repeat scroll;*/
    background-image: url(/common_templates/common_images/icon-x-twitter.svg);
    background-position-x: left;
    background-position-y: center;
    background-size: 16px;
    background-repeat: no-repeat;

}
.facebook_link {
    background: url(/common_templates/common_images/icon-facebook.svg) left center ;
    background-size: 16px;
}
/*.google-pluslink_link {*/
/*    background: transparent url(/common_templates/common_images/google-16x16.png) 5px center no-repeat scroll;*/
/*}*/
.bluesky_link {
    background: url(/common_templates/common_images/icon-bluesky.svg) left center;
    background-size: 16px;
}
.yelp-link {
    background: url(/common_templates/common_images/icon-yelp.svg) left center;
    background-size: 16px;
}
.linkedin-link {
    background: url(/common_templates/common_images/icon-linkedin.svg) left center;
    background-size: 16px;
}

@media only screen and (max-width: 40.063em) {
    #page_wrap {
        margin: 0;
        text-align: left;
        padding: 0 0;
        width: 100%;
        -webkit-box-shadow: 0 0 0 0 #555;
        box-shadow: 0 0 0 0 #555;
    }

    #mapiframe {
        width: 100% !important;
        height: 280px;
        float: none;
        border: 0px;
        margin-left: 0px;
    }
    .submit-button button {
    }
    ul#main-social-navigation, #main-social-navigation ul {
        width: 92%;
        padding: 0 4%;
    }
}
@media only screen/* and (min-width: 40.063em)*/ and (max-width: 48.063em) {
    .submit-button button, .form-input button {
        width: 100%;
        /* margin: 0.5rem 0 .75rem 0; */
        padding: .75rem 0;
        /* height: 45px; */
        font-size: 1.25em;
        max-width: 400px;
        border-radius: 10px;

    }
    p#todays-date{ display: none;}
    div#align[align=center]>#title_area{
        padding: 1rem 0rem;
    }
}
@media only screen and (max-width: 64.063em) {

    #title_area {
        margin: 0;
        padding: 1rem 0 1rem 0;
        width: 100%;
    }
    #title_area a span {
        display: block;
        float: none;
        padding: 1rem 1.25rem .5rem 1.25rem;
        text-align: center;
    }
    #title_area a span:first-child:nth-last-child(1) h1.title_heading {
        font-size: 3.5em;
    }
    #title_area a span .title_img {
        max-height: 10rem;
        max-width: 100%;
    }

    section#main-content {
        float: none;
        margin: 0 0;
        padding: 0 0;
    }
    article#content, ul.icon-navigation {
        padding: 1rem 2rem;
    }
    #main-content #content ul li {
    }
    #main-content #content p img[style*=" float: left;"]{
        margin: 0 15px 10px 0 !important;
    }
    ul.icon-navigation {
    }

    #mapiframe {
        width: 100% !important;
        height: 280px;
        float: none;
        border: 0px;
        margin-left: 0px;
        margin-top: .75rem;
    }
    #mapiframe #iframemap {
        width: 100%;
        height: 250px;
        float: none;
    }
    #iframemap_link {
        width: 100%!important;
        float:none;
        line-height: 2rem;
    }
    div#contact-form form ul {
        margin: 0 0 0 0rem !important;
        padding: 0 0 !important;
    }
    div#contact-form form label {
        font-size: 1.25em;
    }
    form ul li ul li:nth-child(2) {
        padding: .25em 0 15px 0;
    }
    input, textarea {
        background-color: rgba(224, 238, 245, 0.47);
        /*border: 1px inset rgba(146, 146, 146, 0.8);*/
        line-height: 2em;
    }

    ul#main-social-navigation{
        text-align: center;
    }
    #main-social-navigation li {
        margin: 4px 10px;
        padding: 0 0 0px 1rem;
        float: none;
        display: inline-block;
    }
    #main-social-navigation li a {
        display: block;
        padding: 1rem .35rem;
    }
    footer {
        background: #E0EEF5;
        padding: 25px 25px 15px 25px;
        margin: 5px 0 5px 0;
    }
}


/*  Header CTA Css     */
.header-cta-container {
    padding: 0 1rem;
    display: flex;
    /*width: 100%;*/
    background-color: rgba(23, 23, 21, 0.9);
    -webkit-box-shadow: 0 0 20px 5px  rgba(85, 85, 85, 0.9);
    box-shadow: 0 0 20px 5px  rgba(85, 85, 85, 0.9);
    position: relative;
}
.header-cta-container a{
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    display: inline-block;
    padding: .6rem 0.5rem;
}
.header-cta-container a:hover{
}
.header-cta-container a i.fa-svg:before {
    background-color: #FFF;
    height: 20px;
}
.header-cta-container .contact-option-cta{
    vertical-align: top;
    flex: 1;
    flex-shrink: 2;
}
.header-cta-container .contact-option-cta a{

}
.header-cta-container .contact-option-cta a i{
    margin-right: 0.625rem;
}
.header-cta-container .social-links-cta{
    text-align: right;
    flex: 1;
    flex-grow: 2;
}
.header-cta-container .social-links-cta > a{
}
.header-cta-container .social-links-cta a:hover{
}
.header-cta-container .social-links-cta a i{
    margin-right: 0.35rem;
    display: inline-block;
    font-size: 20px;
}
.header-cta-container .social-links-cta a>span{
    display: none;
}
@media only screen and (max-width: 40.063em) {
    .header-cta-container .social-links-cta {
        display: none;
    }
}

/* Page Components */
.modernized-component .component-img-wrap {
    border-color: #263089;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
#nl-archive-container ul {
    margin: 0.5em 2.625rem 0.5em 2rem;
    padding-left: 0;
}
.nl-archive-itemdate {
    font-size: 80%;
    float: right;
    margin: -1.25em 0 0 0;
    color: #8F8F8F;
}