#container {
    width: 100%;
    /*height: 650px;*/
}

.container-background {
    /*background: url(../images-pan/video-overlay.png) repeat scroll 0 0 transparent;*/
    z-index: 2;
    height: 850px;
}

@media (max-width:480px) {
    #container {
        width: 90%;
        margin: auto;
        height: 420px;
    }

    .container-background {
        background: none;
        z-index: 2;
        height: 450px;
    }
}

.topBanner {
    height: 650px;
}

.left-border-info {
    top: 40%;
}

.callbacks_tabs {
    top: 92%;
}

.latDesignBanner {
    height: 750px;
}

/*.innerdiv {*/
    /*width: 100%;*/
    /*height: 150px;*/
    /*position:absolute;*/
    /*bottom:0;*/
    /*padding: 20px;*/
    /*background: #00000052;*/
/*}*/

/*.innerdiv {*/
    /*width: 74%;*/
    /*height: 150px;*/
    /*position: absolute;*/
    /*!*bottom:0;*!*/
    /*!*padding: 20px;*!*/
    /*background: #00000052;*/
    /*margin: 4em 0 4em 0;*/
    /*!*margin-right: 10px;*!*/
    /*box-sizing: border-box;*/
    /*overflow: auto;*/

    /*!*width: 85%;*!*/
    /*!*padding-right: 10px;*!*/
    /*!*padding-left: 10px;*!*/
    /*!*margin-right: auto;*!*/
    /*!*margin-left: auto;*!*/
/*}*/

.innerdiv {
    width: 100%;
    height: 11em;
    margin-top: -11em;
    position: relative;
    /* bottom: 0; */
    /* padding: 20px; */
    background: #00000052;
    /* margin: 4em 0 4em 0; */
    /* margin-right: 10px; */
    box-sizing: border-box;
    /*overflow: auto;*/
    /* width: 85%; */
    /* padding-right: 10px; */
    /* padding-left: 10px; */
    /* margin-right: auto; */
    /* margin-left: auto; */
    vertical-align: bottom;
    overflow-x: auto;
    /*white-space: nowrap;*/
}

.innerdiv-img {
    width: 11em;
    height: 7em;
    /*overflow-x: auto;*/
}

.innerdiv-img-nosize {
    width: 9em;
    height: 7em;
}

.innerdiv-img-hotspot {
    width: 200px;
    height: 110px;
}

.innerdiv-side {
    float: right;
    width: 20em;
    /*height: 35em;*/
    margin-top: -52em;
    position: relative;
    /* bottom: 0; */
    /* padding: 20px; */
    background: #0000008a;
    /* margin: 4em 0 4em 0; */
    /* margin-right: 10px; */
    box-sizing: border-box;
    overflow: auto;
    /* width: 85%; */
    /* padding-right: 10px; */
    /* padding-left: 10px; */
    /* margin-right: auto; */
    /* margin-left: auto; */
    vertical-align: bottom;
}

.column {
    float: left;
    padding: 15px;
    padding-bottom: 10px;
    /*width: 15%;*/
}

@media (max-width:480px) {
    .column {
        float: left;
        padding: 0px;
        /*width: 15%;*/
    }

    .latDesignBanner {
        height: 420px;
    }

    .innerdiv {
        width: 70%;
        height: 90px;
        position:absolute;
        bottom:0;
        /*padding: 10px;*/
        background: #00000052;
        margin: 2em 0 2em 0;
        overflow: auto;
    }

    .innerdiv-img {
        width: 110px;
        height: 90px;
        padding: 7px;
    }

    .column {
        float: left;
        /*width: 15%;*/
    }
}

#progress {
    width: 0;
    height: 5px;
    position: fixed;
    top: 0;
    background: #fff;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

#progress.finish {
    opacity: 0;
}

.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 999999;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/preloader.gif);
}

.container-mod {
    width: 75%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}

/* check and remove*/
.row > .column {
    padding: 0 8px;
}

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

/* The Modal (background) */
.modal {
    /*display: none;*/
    position: fixed;
    z-index: 1;
    padding-top: 60px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: #000000cc;
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 100%;
    height: 100%;
    max-width: 1200px;
}

/* The Close Button */
.close {
    color: white;
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 35px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer;
}

.mySlides {
    display: none;
    width: 100%;
    height: 100%;
}

.cursor {
    cursor: pointer
}

/* Next & previous buttons */
.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

img {
    margin-bottom: -4px;
}

.caption-container {
    text-align: center;
    background-color: black;
    padding: 2px 16px;
    color: white;
}

.demo {
    opacity: 0.6;
}

.active,
.demo:hover {
    opacity: 1;
}

.demo:active {
    opacity: 1;
}

img.hover-shadow {
    transition: 0.3s
}

.hover-shadow:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}
.outerdiv {
    height: 100%;
    width: 100%;
    position:relative;
}

.grid figure figcaption{
    text-transform: none;
}

.popular-mod {
    padding: 4em 0;
    /*background: #37767A;*/
    position: relative;
}

.mfp-close-btn-in .mfp-close {
    color: whitesmoke;
}

.latDesignBanner-mod {
    /*height: 100%;*/
}
.container-mod2{
    width: 100%;
    /*height: 100%;*/
}

.latDesignBanner2 {
    height:  750px;
}

.popular-mod2 {
    /*padding: 4em 0;*/
    /*background: #37767A;*/
    position: relative;
}

.innerdiv-mod {
    width: 100%;
    height: 150px;
    position: absolute;
    /*bottom:0;*/
    /*padding: 20px;*/
    background: #00000052;
    margin: 4em 0 4em 0;
    /*margin-right: 10px;*/
    box-sizing: border-box;

    /*width: 85%;*/
    /*padding-right: 10px;*/
    /*padding-left: 10px;*/
    /*margin-right: auto;*/
    /*margin-left: auto;*/
}

.popular-nppadding {
    /*padding: 4em 0;*/
    /*background: #37767A;*/
    position: relative;
}

.popular-heading h3 {
    color: #010101;
}

/* side menu*/
.categories {
    margin: 3em 0;
}

.categories ul.cate, .new-products-grids {
    padding: 2em;
}

.new-products-grids {
    padding: 2em;
}

.categories h3, .filter-price h3, .new-products h3 {
    font-size: 1.5em;
    color: #212121;
    margin: 0;
    padding: .5em;
    background: #ccc;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 5px;
}

.categories, .new-products {
    border: 1px solid #999;
}
.categories ul li {
    display: block;
    color: #999;
    font-size: 14px;
    background: url(../images/img-sp.png) no-repeat -9px -150px;
    padding-left: 2em;
    margin-bottom: 1em;
}
.categories ul.cate, .new-products-grids {
    padding: 2em;
}

.categories ul.cate, .new-products-grids {
    padding: 2em;
}
.new-products-grid-left {
    /*float: left;*/
    /*width: 45%;*/
}

.new-products-grid-right {
    /*float: right;*/
    /*width: 55%;*/
}

.new-products-grid-right h4 a {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.8em;
    color: #212121;
    text-decoration: none;
    display: block;
    margin-bottom: .5em;
}
.rating-left {
    float: left;
}

.categories ul.cate, .new-products-grids {
    padding: 2em;
}

.products-right-grid1-add-cart p, .new-products-grid-right-add-cart p {
    margin: 0 !important;
    text-transform: capitalize;
    color: #000;
    font-size: 1.2em !important;
}

.new-products-grid-right-add-cart p span {
    display: block;
    margin: 0.5em 0 1em;
}

.products-right-grid1-add-cart p a, .new-products-grid-right-add-cart p a {
    font-size: 14px;
    color: #ff834f;
    margin: 1em 0 0;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0em 1em;
    border: 1px solid;
}

.products-right-grid1-add-cart p a, .new-products-grid-right-add-cart2 p a  {
    border: 2px solid;
    /*font-size: 16px;*/
}

a.adisabled {
    cursor: not-allowed;
    opacity: .65;
}

a.adisabled:hover { text-decoration: none; }
a.adisabled:focus { text-decoration: none; }
a.adisabled:active { text-decoration: none; }

.categories ul li a {
    color: #999;
    text-decoration: none;
}

.new-products-grid-right-add-cart p a {
    padding: .5em 1em;
}


.text-color {
    color: #D8703F;
}

.text-color:hover {
    color: #f08442;
}

/* */
ul, label {
    margin: 0;
    padding: 0;
}

/*.banner-bottom, .new-collections, .checkout, .collections-bottom, .timer, .register, .products, .typo, .mail, .single, .login, .single-related-products {*/
    /*padding: 5em 0;*/
/*}*/

.new-collections h3, h3.title, .mail h3, .single-related-products h3, .login h3, .register h3 {
    text-align: center;
    color: #222;
    margin: 0;
    position: relative;
    font-size: 3em;
}
.register h3:before {
    left: 20%;
}

.register h3:after {
    right: 20%;
}

p.est {
    width: 60%;
    margin: .5em auto 0 !important;
    color: #999;
    font-size: 14px;
    line-height: 1.8em;
    text-align: center;
    font-weight: 500 !important;
}

.login-form-grids {
    /*width: 45%;*/
    padding: 3em;
    background: #F7F7F9;
    /*margin: 3em auto 0;*/
}
.login-form-grids-width {
    width: 45%;
}

.login-form-grids h5, .login-form-grids h6 {
    font-size: 1em;
    color: #212121;
    text-transform: uppercase;
    margin: 0 0 2em;
}

.login-form-grids input[type="text"] {
    /*background: url(../images/img-sp.png) no-repeat 5px -259px #fff;*/
}

.login-form-grids input[type="email"], .login-form-grids input[type="password"], .login-form-grids input[type="text"], .login-form-grids textarea {
    outline: none;
    border: 1px solid #DBDBDB;
    padding: 10px 10px 10px 45px;
    font-size: 14px;
    color: #999;
    display: block;
    /*width: 100%;*/
}

.login-form-grids input[type="text"]:nth-child(2) {
    /*background: url(../images/img-sp.png) no-repeat 0px -298px #fff;*/
    margin: 1em 0;
}

.login-form-grids h6 {
    margin: 3em 0 2em !important;
}

.login-form-grids h5, .login-form-grids h6 {
    font-size: 1em;
    color: #212121;
    text-transform: uppercase;
    margin: 0 0 2em;
}

.login-form-grids input[type="email"] {
    /*background: url(../images/img-sp.png) no-repeat 5px -182px #fff;*/
}

.login-form-grids input[type="password"] {
    background: url(../images/img-sp.png) no-repeat 5px -220px #fff;
    margin: 1em 0 0;
}

.login-form-grids input[type="password"]:nth-child(3) {
    margin: 1em 0;
}

.login-form-grids textarea {
    /*background: url(../images/img-sp.png) no-repeat 5px -220px #fff;*/
    margin: 1em 0 0;
}

.register-check-box label {
    font-size: 14px;
    font-weight: 500;
    color: #999;
    margin: 1.5em 0 0 0em;
}

.checkbox {
    position: relative;
    padding-left: 38px !important;
    cursor: pointer;
}

.checkbox i {
    position: absolute;
    bottom: -2px;
    left: 0;
    display: block;
    width: 25px;
    height: 25px;
    outline: none;
    border: 2px solid #EDEDED;
    background: #FFF;
}

.checkbox input + i:after, .radio input + i:after {
    position: absolute;
    opacity: 0;
    transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s;
}

.checkbox input + i:after {
    content: '';
    background: url(../images/check.png) no-repeat 1px 2px;
    top: 0px;
    left: 2px;
    width: 16px;
    height: 16px;
    font: normal 12px/16px FontAwesome;
    text-align: center;
}

.login-form-grids input[type="submit"], .login-form-grids input[type="button"] {
    outline: none;
    border: none;
    padding: 10px 0;
    font-size: 1em;
    color: #fff;
    display: block;
    width: 100%;
    background: #FFC229;
    margin: 1.5em 0 0;
}

/*.header-grid-left ul li a, .new-collections-grid1-image-pos a, .new-collections-grid1 h4 a, .login a, .register-home a, .checkout-right-basket a, .bootstrap-tab-text-grid-right ul li a, .occasion-cart a, input[type="submit"], .mail-grid-right1 ul li a, .categories ul li a, .new-products-grid-right-add-cart p a, .new-products-grid-right h4 a, .products-right-grid1-add-cart p a, .timer-grid-left h3 a, .new-collections-grid1-left p a, .copy-right p a, .footer-grid-sub-grid-right h4 a, input[type="submit"], .footer-grid ul li a {*/
    /*transition: .5s ease-in-out;*/
    /*-webkit-transition: .5s ease-in-out;*/
    /*-moz-transition: .5s ease-in-out;*/
    /*-o-transition: .5s ease-in-out;*/
/*}*/


.register-home a {
    padding: 8px 45px;
    background: #9F9F9F;
    color: #fff;
    font-size: 1em;
    text-decoration: none;
}

.checkbox input + i:after, .radio input + i:after {
    position: absolute;
    opacity: 0;
    transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s;
}

.checkbox input + i:after {
    content: '';
    background: url(../images/check.png) no-repeat 1px 2px;
    top: 0px;
    left: 2px;
    width: 16px;
    height: 16px;
    font: normal 12px/16px FontAwesome;
    text-align: center;
}

.homepage-hero-container:before {
    content: "";
    /* display: block; */
    background: url(../images-pan/video-overlay.png) repeat scroll 0 0 transparent;
    /* bottom: 0; */
    height: 80%;
    /* left: 0; */
    position: absolute;
    /* right: 0; */
    /* top: 0; */
    width: 100%;
    /* margin-top: 130px; */
    /* padding-bottom: 200px; */
    z-index: 2;
}

@media (max-width: 480px){
    .homepage-hero-container:before {
        height: 75%;
    }

    .topBanner {
        /*width: 90%;*/
    }
}

.hotSpotImage {
    /*border: 4px;*/
    /*border-color: rgba(242, 64, 226, 0.7);*/
    /*border-style: solid;*/
    background: rgba(169, 169, 169, 0.7);
}

.hotSpotImage:hover{
    /*border-color: rgba(242, 64, 226, 1);;*/
}

.thumbnail-border {
    border-style: solid;
    border-width: 4px;
    border-color: white;
}

.thumbnail-border:hover,  .thumbnail-border:active{
    border-color: #D8703F;
}

.selectedTour {
    border-style: solid;
    border-width: 4px;
    border-color: #D8703F;
}

.innerdiv-FloorPlan {
    float: left;
     width: 25em;
     height: 28.5em;
    margin-top: -42em;
    position: relative;
    /* bottom: 0; */
    /* padding: 20px; */
    background: #000000a1;
    /* margin: 4em 0 4em 0; */
    /* margin-right: 10px; */
    box-sizing: border-box;
    overflow: auto;
    /* width: 85%; */
    /* padding-right: 10px; */
    /* padding-left: 10px; */
    /* margin-right: auto; */
    /* margin-left: auto; */
    vertical-align: bottom;
}

.innerdiv-FloorPlan-arrow {
    color: white;
    float: left;
    margin-left: 25em;
    /* width: 30%; */
    /* height: 50%; */
    margin-top: -34em;
    position: relative;
    /* bottom: 0; */
    /* padding: 20px; */
    background: transparent;
    /* margin: 4em 0 4em 0; */
    /* margin-right: 10px; */
    box-sizing: border-box;
    overflow: auto;
    /* width: 85%; */
    /* padding-right: 10px; */
    /* padding-left: 10px; */
    /* margin-right: auto; */
    /* margin-left: auto; */
    vertical-align: bottom;
}

.innerdiv-Thumbnail-arrow {
    color: white;
    float: left;
    margin-left: 25em;
    /* width: 30%; */
    /* height: 50%; */
    margin-top: -50em;
    position: relative;
    /* bottom: 0; */
    /* padding: 20px; */
    background: transparent;
    /* margin: 4em 0 4em 0; */
    /* margin-right: 10px; */
    box-sizing: border-box;
    overflow: auto;
    /* width: 85%; */
    /* padding-right: 10px; */
    /* padding-left: 10px; */
    /* margin-right: auto; */
    /* margin-left: auto; */
    vertical-align: bottom;
}

.rzslider .rz-bubble.rz-limit {
    color: white;
}

.rzslider .rz-bubble {
    color: white;
}

.item_add:hover {
    background: white;
    border: 3px solid;
}

.products-right-grid1-add-cart p a, .new-products-grid-right-add-cart2 p a {
    font-size: 0.9em;
}

.floorPlanPoint{
    /*position: absolute;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    background: #8a6d3b;
    /* color: red; */
    /* transform: translate(-90px, -90px); */
    position: absolute;
    /*margin-left: 20%;*/
    /*margin-top: 25%;*/
}

.floorPlanPoint-selected{
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background: #ff1493;
}

.floorPlanPoint:hover{
    background: deeppink;
}

.innerdiv-side-map {
    float: right;
    width: 20em;
    height: 35em;
    margin-top: -56em;
    position: relative;
    /* bottom: 0; */
    /* padding: 20px; */
    background: #dff0d85c;
    /* margin: 4em 0 4em 0; */
    /* margin-right: 10px; */
    box-sizing: border-box;
    overflow: auto;
    /* width: 85%; */
    /* padding-right: 10px; */
    /* padding-left: 10px; */
    /* margin-right: auto; */
    /* margin-left: auto; */
    vertical-align: bottom;
}

.innerdiv-map {
    width: 100%;
    height: 11em;
    margin-top: -11em;
    position: relative;
    /* bottom: 0; */
    /* padding: 20px; */
    background: #dff0d85c;
    /* margin: 4em 0 4em 0; */
    /* margin-right: 10px; */
    box-sizing: border-box;
    /* overflow: auto; */
    /* width: 85%; */
    /* padding-right: 10px; */
    /* padding-left: 10px; */
    /* margin-right: auto; */
    /* margin-left: auto; */
    vertical-align: bottom;
    overflow-x: auto;
    /* white-space: nowrap; */
}

.thumbnail-border-map {
    border-style: solid;
    border-width: 4px;
    border-color: #D8703F;
}
.demo-map {
    opacity: 0.9;
}

.demo-map:hover {
    opacity: 1.0;
}

.thumbnail-border-map:hover{
    border-color: #cf6840;
}

.innerdiv-FloorPlan-bt {
    float: left;
    width: 25em;
    height: 25em;
    /*margin-top: -40em;*/
    position: relative;
    /* bottom: 0; */
    /* padding: 20px; */
    background: #000000a1;
    /* margin: 4em 0 4em 0; */
    /* margin-right: 10px; */
    box-sizing: border-box;
    overflow: auto;
    /* width: 85%; */
    /* padding-right: 10px; */
    /* padding-left: 10px; */
    /* margin-right: auto; */
    /* margin-left: auto; */
    vertical-align: bottom;
}

.thumbnail-hotspot-border {
    border-style: solid;
    border-width: 2px;
    border-color: white;
}

.thumbnail-hotspot-border:hover,  .thumbnail-hotspot-border:active{
    border-color: #D8703F;
}

.thumbnail-hotspot-border-select {
    border-color: #ff8b59;
    opacity: 1.0;
}