@charset "utf-8";
/*--
    Add your style here
--*/
.menu-wrap {
        right:0 !important;
    -webkit-transform: translate3d(320px,0,0);
    transform: translate3d(320px,0,0);
    visibility:hidden;
}

.show-menu .menu-wrap,
.show-menu .menu-inner ,
.show-menu .morph-shape  {
        -webkit-transform: translate3d(-30px,0,0);
        transform: translate3d(-30px,0,0);
}
.show-menu .menu-wrap {
    right:0;
    opacity:1;
    visibility:visible;
}

.logo-holder{padding-top: 10px}
.logo-holder > img {
    height: 160px !important
}
.gallery-filter-active {
    font-weight:bold;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 80%;
  height: auto;
}
.portfolio-property-img {

}
.sub-filter {
    margin-left:10px;
}
.column-content {
    margin-bottom:100px;
}
.black-text {
    color:black!important;
}
.col-8 {
    width:56.67%;
}
.col-push-2 {
    margin-left:27.67%;
}
strong {
    font-weight:700;
}
.font-size-12 {
    font-size:12px;
}
.asl > ul> li> a{
  line-height: 50px
}

@media(max-width: 550px){
  .main-h1{
    font-size: 1.2rem;
  }
}




.zoom-out-img{
    height: 100% !important;
    top: 4% !important;
}
.content-holder {
    top:160px;
}
.nav-holder nav {
    background-color:rgba(255,255,255,.8);
}
.nav-holder nav ul:after {
    content: " ";
    clear:both;
}
.nav-holder nav > * {
    box-shadow: 10px 5px 5px rgba(0,0,0,.2);
}



.main-header {
    background:none!important;
    position:fixed!important;
    border-bottom:none!important;
    box-shadow:none!important;

}

.content-holder {
    top:120px!important;
    left:0px!important;
}
.home-page .content-holder {
    top:0px!important;
}
.hero-content .media-container {
    height:100%!important;
}


.nav-holder .asl{
    min-width: 480px;
}

section, footer, .height-emulator, section.header-section:before, #wrapper, #wrapper > .content-holder > .content{
        background: url(https://staging.cjmdevelopmentgroup.com/themes/cjm/assets/images/marble-bg.webp);
    /* background-size: 100% 100%; */
    /* background-image: url(/w3images/photographer.jpg); */
    /* background-color: #cccccc; */
    /* height: 500px; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* position: relative;*/
    box-shadow: 2px 5px 5px;
}
.content-footer:before, .footer-inner, .fixed-bar:before{
    background: transparent!important;

}
h2,h3, .footer-inner span, .parallax-text h3 a, .footer-link a, .contact-side-title{
    color: #3F5902;
}

.parallax-text h3:before, .bold-separator, .flat-btn, button {
    background: #3F5902;
}

.ml-80 {
    margin-left:80px;
}
.fixed-filter{
    background-color: white;
    padding: 5px;
    box-shadow: 5px 5px 5px;
}

.nav-holder .asl, .dropdown-menu{
    box-shadow: 5px 5px 5px;
}
.content-footer{
    left: 0;
}
.num-album{
        border-right: solid 2px #3F5902;
}
.logo-holder{
        position: absolute;
    left: 5%;

}

.nav-button-wrap{
    background-color: rgba(0,0,0,.8)!important;
    box-shadow: 5px 5px 5px;
}
.nav-button.vis-main-menu span{
    background: white!important;
}


@media(max-width: 1064px){
.nav-holder{
    min-height: 450px;
    background: rgba(0,0,0,.8)!important;
}
.asl{
    background: transparent!important;
}
.asl li a {
    color: white!important;
}
}

@media(min-width: 769px){
.section-title.hero-item{
    background-color: transparent!important;

}
}
.home-page .logo-white{
    display: block!important;
}
.home-page .logo-black{
    display: none!important;
}