.promotion-wrap {
    background-color: rgba(244, 236, 123, 1);
    text-align: center;
    font-size: 20px
}

.promotion-wrap p {
    margin: 0;
    padding: 10px;
}

.promotion-wrap a {
    color: #38342C
}

.promotion-wrap em {
    color: rgba(161, 48, 70, 1);
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600
}

.model-content .item-wrap a {
    display: block
}

.model-content a.ecom-title {
    width: 100%;
    position: relative;
    margin: 0;
    display: block;
    text-align: left;
    background: #38342c;
    padding: 5px 20px;
    border: 0;
    color: #fff !important;
    text-decoration: none !important;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -o-transition: all ease .5s;
    -ms-transition: all ease .5s;
    transition: all ease .5s
}

.model-content .item-wrap:hover a.ecom-title {
    color: #abaa36 !important;
    -webkit-transition: all ease .7s;
    -moz-transition: all ease .7s;
    -o-transition: all ease .7s;
    -ms-transition: all ease .7s;
    transition: all ease .5s
}

.models-wrap img {
    max-width: 100%
}

.model-content h4 {
    color: #1d1b17;
    font-size: 20px;
    line-height: 28px
}

.model-top {
    position: relative
}

.model-left {
    position: relative;
}

.model-left img {
    display: block
}

.model-left .thumb-prodImage {
    display: none
}

.model-left .tour-overlay {
    display: none;
}

.model-left .tour-overlay[href^='https://my.matterport'] {
    display: block;
}

.model-left .tour-overlay:before {
    content: " ";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 200;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 200px 200px 0 0;
    border-color: #F9CD00 transparent transparent transparent;
}

.model-left .tour-overlay:after {
    content: "3d Tour";
    color: #000;
    width: 120px;
    height: 90px;
    display: block;
    position: absolute;
    z-index: 300;
    text-align: center;
    top: 20px;
    font-size: 1.5rem;
    font-weight: 500;
    ;
    background: url(../Userfiles/template/3dicon.png);
    background-size: 50%;
    background-position: bottom;
    background-repeat: no-repeat ;
}

.model-left .view-options-button {
    margin-top: 10px;
    width: 100%
}

.model-left .view-options-button.button:after {
    content: ""
}

.model-bottom .model-right .owl-dots {
    position: relative;
    bottom: 0;
    padding-top: 10px;
    margin: 0
}

.model-bottom .model-right .owl-dot {
    background: #38342c
}

.model-bottom .model-right .owl-dot.active {
    background: #abaa36
}

.model-description {
    padding-top: 10px
}

.pdf-download {
    text-decoration: none;
    position: relative;
    padding-left: 40px;
    line-height: 30px
}

.pdf-download i {
    position: absolute;
    left: 0;
    font-size: 30px
}

.model-pricing > span {
    font-size: 40px;
    line-height: 40px;
    font-family: 'utopia-std', serif
}

.model-pricing p {
    margin-bottom: 0;
}

.our-process-video {
    font-weight: 600;
    position: relative ;
    padding: 1rem 0;
    box-sizing: border-box ;
}

.our-process-title {
    background: #abaa36;
    padding: .5rem;
    text-align: center;

}

.model-bottom {
    margin-top: 40px;
    position: relative;
    min-height: 100px
}

.model-floorplans h5 {
    font-size: 15px;
    line-height: 29px;
    font-family: 'proxima-nova', sans-serif;
    text-transform: uppercase;
    color: #1d1b17;
    text-align: left;
    border-bottom: 1px solid #1d1b17
}

.plans-nav {
    position: absolute;
    right: 0;
    top: 0;
    width: 40%
}

.packaages-info {
    text-align: center
}

.options-intro {
    padding: 0 100px
}

@media only screen and (max-width:767px) {
    .options-intro {
        padding: 0
    }
}

.model-gallery-wrap {
    background: rgba(29, 27, 23, .6) !important;
    color: #fff;
    position: relative
}

.footnote {
    text-align: center;
    opacity: .5;
    padding-top: 20px
}

.model-gallery-wrap .model-slide .gal-image-wrap {
    background-size: cover;
    background-position: center;
    display: block;
    float: left;
    box-sizing: border-box;
    margin: 5px;
    width: 145px;
    height: 145px;
    position: relative
}

.model-gallery-wrap .model-slide.even-slide .gal-image-wrap:nth-of-type(1),
.model-gallery-wrap .model-slide.odd-slide .gal-image-wrap:nth-of-type(3) {
    width: 300px;
    height: 300px
}

.model-gallery-wrap h5 {
    color: #fff
}

.model-gallery-wrap h5.small-section-title:after {
    background: #fff
}

.model-gallery {
    position: relative;
    cursor: pointer
}

.model-gallery .gal-image-link {
    display: none
}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8)
}

.testimonial-overlay {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    font-size: 20px;
    line-height: 24px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    padding-right: 80px
}

.image-overlay {
    padding: 1px 0
}

.image-overlay .close, .testimonial-overlay .close {
    position: absolute;
    right: 0;
    top: 0;
    background: #abaa36;
    width: 40px;
    z-index: 2300;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    color: #1e1c17;
    cursor: pointer
}

.mason-filler {
    background: rgba(255, 255, 255, .2)
}

.pop-gal {
    position: relative;
    height: 100%;
    overflow: hidden
}

.pop-gal img {
    width: auto !important;
    margin: 0 auto;
    position: relative;
    height: 464px !important
}

.model-gallery-wrap .gallery-nav {
    background: #38342c;
    font-family: 'FontAwesome';
    font-size: 30px;
    width: 30px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    z-index: 100;
    cursor: pointer
}

.model-gallery-wrap .gallery-nav:hover {
    background: #abaa36
}

.model-gallery-wrap .gallery-prev, .model-gallery-wrap .pop-prev {
    left: -10px
}

.model-gallery-wrap .gallery-next, .model-gallery-wrap .pop-next {
    right: -5px
}

.model-gallery .gal-image-wrap .swipebox {
    display: block;
    height: 100%;
    width: 100%;
    color: #fff
}

.model-gallery .gal-image-wrap .galDescription {
    display: none
}

.model-gallery .gal-image-wrap .youtube-link:after {
    content: "";
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    margin-top: -25%;
    margin-left: -40%;
    position: absolute;
    z-index: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAP4AAACiCAYAAABh2nDdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAulJREFUeNrs3d1tGlEQBtAlSgEpgXSAO8AdxB2QDuwONhWQDpxUAB14OyAdmA5IB+SOvDdCSHnLn/WdI91XP4z1aYY77DIMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAvnc/nQzsrlYCs4JdTOxvVgKzgd7t23qkKZAW/PLezVhnICn43qg7kBb88tbNUJcgKfr/4+6BSkBX8buviD/KCf7bzh8zgd/cqB3nBt/OH0OD3i7+1KkJW8O38ITj4/eJvqaKQFXw7fwgNfvfo4i/PQgleV/D/0J8+tnO3WCy+qXKGN0pAU5/3D3b+Oj5ZHf/SNHf/7yqu45Nj3Y7n/AWfQHXZV4/5bpXCqE/GqH+tLvw+uvjT8cmymrv/Ril0fHI6/qX93P1d/Ak+QcEvx8HO36hPnOXwsvMflULHJ6fjX5oGO38dnzjr4WXn72EfwSdM7fx3XvBp1Cdn1L9m56/jE6jv/D3so+MT1PEv2fnr+ASqC7+Dh30EnzzLefQflcKoT8aof60u/Grnf/Sf1PHJsZpHfzt/wSfMz52/Ugg+WWrk/6oMgk+OL+3c+oLPv/dWCfgLapdfO/29Uuj4ZJjauRF6wSfHpxb4Wys8oz4ZjvNoPymFjk+G/TzaC73gE6Au8B5a4L2Rx6hPCM/h6/iE+dwCfyP0Oj45o73dvOATZBq8XdeoT5S+mxd6HZ8Ax8Ev6Oj4ROm7eaEXfAL0Czyf5436hPCqLB2fMH03L/Q6PiGj/Z3v2ev45Kiwvxd6wSfHg908/KfOv1+97nqlspAT/Ec/aw05wT/5UQvICn6N9kuVhJzgjyoIOcE/+alqyAr+zgUe5AS/uvy9ikFO8O3mISz4W6M95ATfbh7Cgv9kNw9ZwR9VBXKC/+wCD7KCbzcPYcHfqAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAvE4/BBgAB9Vp0xXzB8AAAAAASUVORK5CYII=);
    background-color: rgba(171, 170, 54, .9);
    background-size: 127px 81px;
    height: 50%;
    width: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: initial initial;
    background-repeat: initial initial
}

.model-gallery .gal-image-wrap .youtube-link[title="360 Video"]:after {
    background-image: url(../Userfiles/template/360.png);
    background-size: 70%
}

.model-gallery .gal-image-wrap:hover .galDescription {
    display: block;
    position: absolute;
    padding: 10px;
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 12px;
    z-index: 2;
    text-align: left;
    color: #fff;
    background: rgba(29, 27, 22, .7)
}

.model-gallery .gal-image-wrap:hover .galDescription a {
    color: #fff;
    text-decoration: none
}

.model-gallery .gal-image-wrap {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #38342c
}

.model-gallery .gal-image-wrap img {
    display: none !important;
    visibility: hidden
}

.model-gallery .testimonial-link {
    display: block
}

@media only screen and (max-width:959px) {
    .model-gallery-wrap .model-slide .gal-image-wrap {
        width: 175px;
        height: 175px
    }

    .model-gallery-wrap .model-slide.even-slide .gal-image-wrap:nth-of-type(1),
    .model-gallery-wrap .model-slide.odd-slide .gal-image-wrap:nth-of-type(3) {
        width: 360px;
        height: 360px
    }
}

@media only screen and (max-width:767px) {
    .model-gallery-wrap .model-slide .gal-image-wrap {
        width: 200px;
        height: 100px;
        margin: 0
    }

    .model-gallery-wrap .model-slide.even-slide .gal-image-wrap:nth-of-type(1),
    .model-gallery-wrap .model-slide.odd-slide .gal-image-wrap:nth-of-type(3) {
        width: 200px;
        height: 210px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .model-gallery-wrap .model-slide .gal-image-wrap {
        width: 100%;
        height: 200px
    }

    .model-gallery-wrap .model-slide.even-slide .gal-image-wrap:nth-of-type(1),
    .model-gallery-wrap .model-slide.odd-slide .gal-image-wrap:nth-of-type(3) {
        width: 100%;
        height: 200px
    }
}

@media only screen and (max-width:479px) {
    .model-gallery-wrap .model-slide .gal-image-wrap {
        width: 100%;
        height: 200px
    }

    .model-gallery-wrap .model-slide.even-slide .gal-image-wrap:nth-of-type(1),
    .model-gallery-wrap .model-slide.odd-slide .gal-image-wrap:nth-of-type(3) {
        width: 100%;
        height: 200px
    }
}

.hide {
    opacity: 0;
    height: 0;
    overflow: hidden
}

.how-section-wrap {
    background: rgba(0, 0, 0, .8) !important;
    min-height: 200px
}

.models .about-wrap {
    color: #1e1c17
}

.models .about-wrap a {
    color: #1e1c17
}

.models .about-wrap h5.small-section-title {
    color: #1e1c17
}

.models .about-wrap h5.small-section-title:after {
    background: #1e1c17
}

@media only screen and (max-width:767px) {
    .model-top div {
        max-width: 100%
    }

    .model-bottom .model-left {
        max-width: 100%
    }

    .model-bottom .model-right {
        max-width: 100%
    }

    .model-content a.ecom-title {
        width: 100%;
        position: relative;
        margin: 0;
        display: block;
        text-align: left;
        background: #38342c
    }

    .model-content .item-wrap:hover a.ecom-title {
        color: #abaa36 !important;
        -webkit-transition: all ease .7s;
        -moz-transition: all ease .7s;
        -o-transition: all ease .7s;
        -ms-transition: all ease .7s;
        transition: all ease .5s
    }

    .model-description {
        padding-top: 10px
    }

    .model-bottom {
        margin-top: 20px
    }

    .plans-nav {
        position: relative;
        width: 100%
    }

    .how-section-wrap {
        height: 500px
    }
}

.three-60 {
    position: absolute;
    right: 0px;
    bottom: 44px;
    width: 100px;
    z-index: 5300;
    cursor: pointer
}

.youtube-player {
    position: relative;
    padding-bottom: 56.23%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin: 5px;
    right: 0;
    z-index: 3300
}

.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent
}

.youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all
}

.youtube-player img:hover {
    -webkit-filter: brightness(75%)
}

.youtube-player .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("//i.imgur.com/TxzC70f.png") no-repeat;
    cursor: pointer
}