@import url('https://fonts.googleapis.com/css?family=Hind:400,500,700');

body {
    padding: 0;
    margin: 0;

    color: #333333;
    font-family: font-family: 'Hind', sans-serif;
    width:100%;
    display: table;

}
    header{
            font-family: 'Source Sans Pro', sans-serif;
    }
    p,a,td,font{
        font-family: 'Hind', sans-serif ;
    }
    #footer{
        height: 100% !important;
        text-shadow: 0px 0px 0px #ffffff;
        text-align: left !important;
    }
    #footer a{
         text-shadow: 0px 0px 0px #ffffff;
    }
    #footer li{
        text-align: left !important;
    }
    #footer li a{
        font-size: 13px !important;
        line-height: 1.7;
    }
    newsletter-signup{
        text-align: left !important;
    }

.columnsContainer { position: relative; margin: .5em; }

.columnsContainer {
max-width:1200px;
margin: 0 auto;

padding:0px 20px 20px 20px;

}

.applybutton { 
cursor:pointer;
background-color:#de256d;
color:#FFFFFF;
border-radius:10px;
border-width:0px;
padding: 5px 10px 5px 10px;
margin:4px;
}


/* MEDIA QUERIES */

#flipstyle,#fliproom {
cursor:pointer
}

#panelroom,#panelstyle,#paneltheme,#panelsize,#panelcolors {
     display: none;
}
 
 
                    .category-title{
                        font-size: 16px;
                        font-weight: 600;
                        text-transform: uppercase;
                        position: relative;
                    }
                    font.category-title:after {
    position: absolute;
    bottom: -7px;
    left: 0;
    content: "";
    width: 32px;
    height: 4px;
    background: #E5E5E5;
}

                    .style-list td a:first-child{
                        border-top: 0px !important;;
                    }
                    .room-list td a:first-child{
                        border-top: 0px !important;;
                    }
                    .img-box{
                        position: relative;
                    }
                    /*.img-box img{
                        position: absolute;
                        top: 0;
                        left: 0;
                          -webkit-transition: opacity 0.5s ease-in-out;
                          -moz-transition: opacity 0.5s ease-in-out;
                          -o-transition: opacity 0.5s ease-in-out;
                          transition: opacity 0.5s ease-in-out;
                    }*/
                    .img-box .img-hover{
                        position: absolute;
                        top: 0;
                        left: 0;
                          -webkit-transition: opacity 0.5s ease-in-out;
                          -moz-transition: opacity 0.5s ease-in-out;
                          -o-transition: opacity 0.5s ease-in-out;
                          transition: opacity 0.5s ease-in-out;
                    }
                    .img-default{
                      display: block;
                        
                    }
                  .img-hover{
                     opacity: 0; 
                    z-index: -1;
                 
                    }
                    .img-box:hover .img-default{
                        opacity: 0;
                             -webkit-transition: opacity 0.5s ease-in-out;
                      -moz-transition: opacity 0.5s ease-in-out;
                      -o-transition: opacity 0.5s ease-in-out;
                      transition: opacity 0.5s ease-in-out;   
                     -webkit-transition: opacity 0.5s ease-in-out;
                      -moz-transition: opacity 0.5s ease-in-out;
                      -o-transition: opacity 0.5s ease-in-out;
                      transition: opacity 0.5s ease-in-out;
                    }
                    .img-box:hover .img-hover{
                        
                        z-index: 999;
                        opacity: 1;
                        -webkit-transition: opacity 0.5s ease-in-out;
                          -moz-transition: opacity 0.5s ease-in-out;
                          -o-transition: opacity 0.5s ease-in-out;
                          transition: opacity 0.5s ease-in-out;
                    }
                 
            
                    .gal-width.gallery-item{
                        padding: 0px 10px;
                        padding-bottom:10px;
                    }
                    .gal-width{
                        width: 34%;
                       
                    }
                  
                    .desc p{
                        margin:0;
                        padding:0;
                    }
                    .desc{
                        margin: 0px 0px 15px 5px;
                        padding: 0px 5px 5px 5px;
                                           }
                    .img-title{
                        font-size: 12.9px;
                        color: #595959;
                        line-height: 17px;
                        color: #b0b0b0;
                    }
                    .img-price{
                        font-size: 12.9px;
                        color: #000;
                        line-height: 15px;
                    }
                    .select-box{
                padding: 6px 94px;
                border: 1px solid #aaa;
            }

                   .top-box{
                padding: 4px 10px 4px 10px;
               margin:2px 5px 2px 5px;
                border: 1px solid #aaa;
                font-size:12px;
                display:inline-block;

            }

                option {
                font-weight: normal;
                display: block;
                white-space: pre;
                min-height: 1.2em;
                padding: 0px 2px 1px;
            }
                .active{
                    display:block;
                }
                   .room-list span:first-child {
                border-top: 0px !important;
            }
                    @media(max-width:850px){
                        .col-md-3.sidebar{
                            display:none;
                        }
                    }
                    @media(max-width:550px){
                         .gal-width{
                        width: 100%;
                        
                    }
                    }

                    @media(max-width:850px){
                         .gal-width{
                        width: 49%;
                        
                    }
                    }
                    @media(min-width:1510px){
                         .gal-width{
                        width: 24%;
                
                    }
                        .container{
                            width: 1480px;
                        }
                    }

                  @media(min-width:1610px){
                         .gal-width{
                        width: 19%;
                        
                    }
                        .container{
                            width: 1610px;
                        }
                    }
                    @media(min-width:1800px){
                         .gal-width{
                        width: 19.8%;
                    }
                        .container{
                            width: 1770px;
                        }
                    }
               
.masonry { /* Masonry container */
    column-count: 6;
    column-gap: 1em;
}

@media only screen and (min-width: 100px) {
    .masonrybig {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
        column-gap: 1em;
    }

}

@media only screen and (min-width: 900px) {
    .masonrybig {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
        column-gap: 1em;
    }
}

@media only screen and (min-width: 1400px) {
    .masonrybig {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
        column-gap: 1em;
    }
}

.itemmasonry { /* Masonry bricks or child elements */
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
}

.itemmasonrybig { /* Masonry bricks or child elements */
    display: inline-block;
    margin: 10px;
    width: 95%;
}

@media only screen and (min-width: 100px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }

}

@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 1400px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}