.product-thumbnail {
    float: left !important;
    }

.product-thumbnail button{
    background: transparent !important;
    }
    
.product-thumbnail button:hover{
    background: #111 !important;
    }

.product-thumbnail .product-name{
    text-transform: uppercase !important;
    }


/* form  */

    input.catalogue{
        color: #423e3f !important;
        width: 100%;
        height: 32px !important;
        float: left;
        margin-bottom: 10px;
        background: transparent;
        border-bottom: 1px solid #423e3f !important;
        border-top: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        padding: 6px 0px 4px 26px !important;
        letter-spacing: 1px;
        font-size: 13px !important;
        text-transform: uppercase;
        font-family: 'Poppins', sans-serif !important;
    }	
    
    select.catalogue{
        color: #423e3f !important;
        width: 100%;
        height: 32px !important;
        margin-bottom: 10px;
        float: left;
        background: transparent;
        border-bottom: 1px solid #423e3f !important;
        border-top: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        padding: 6px 0px 5px 24px !important;
        letter-spacing: 1px;
        font-size: 13px !important;
        text-transform: uppercase;
        font-family: 'Poppins', sans-serif !important;
    }

    select.profile{
        color: #423e3f !important;
        width: 100%;
        height: 40px !important;
        margin-bottom: 10px;
        float: left;
        background: transparent;
        border-bottom: 1px solid #423e3f !important;
        border-top: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        padding: 6px 0px 5px 24px !important;
        letter-spacing: 1px;
        font-size: 13px !important;
        text-transform: uppercase;
        font-family: 'Poppins', sans-serif !important;
    }
    
    .name, .email, .occupation, .country, .project, .room {
        color: #423e3f !important;
    }		
    input.name {    background: url('/images/icons/person-icon.png') 0px center no-repeat !important;    background-position: 1% !important;  color: #423e3f !important;	}
    input.email { background: url('/images/icons/email-icon.png') 0px center no-repeat !important; background-position: 1% !important;  color: #423e3f !important; }
    input.phone { background: url('/images/icons/phone-icon.png') 0px center no-repeat !important; background-position: 1% !important;   color: #423e3f !important;}
    select.country { background: url('/images/icons/country-icon.png') 0px center no-repeat !important; background-position: 1% !important;  color: #423e3f !important;}
    input.city { background: url('/images/icons/city-icon.png') 0px center no-repeat !important; background-position: 1% !important;  color: #423e3f !important;}
    select.occupation { background: url('/images/icons/occupation-icon.png') 0px center no-repeat !important; background-position: 1% !important; color: #423e3f !important; }
    select.profile { background: url('/images/icons/person-icon.png') 0px center no-repeat !important; background-position: 1% !important; color: #423e3f !important; }
    input.company { background: url('/images/icons/company-icon.png') 0px center no-repeat !important; background-position: 1% !important; color: #423e3f !important; }
    select.project { background: url('/images/icons/project-icon.png') 0px center no-repeat !important; background-position: 1% !important; color: #423e3f !important; }
    input.room { background: url('/images/icons/room-icon.png') 0px center no-repeat !important; background-position: 1% !important; color: #423e3f !important; }
    
    .form_landing_showroom input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #423e3f !important;
    }
    .form_landing_showroom input::-moz-placeholder { /* Firefox 19+ */
        color: #423e3f !important;
    }
    .form_landing_showroom input:-ms-input-placeholder { /* IE 10+ */
        color: #423e3f !important;
    }
    .form_landing_showroom input:-moz-placeholder { /* Firefox 18- */
        color: #423e3f !important;
    }



    form.form_landing_catalogue button[type="submit"]{
        color: #FFFFFF;
        background-color: #ef6c42 !important;
        border: 2px solid #ef6c42 !important;
        letter-spacing: 1px;
        font-size: 14px;
        padding: 3px 0px 1px;
        margin-top: 10px !important;
        
    }
    form.form_landing_showroom button[type="submit"]{
        color: #FFFFFF;
        background-color: #ef6c42 !important;
        border: 2px solid #ef6c42 !important;
        letter-spacing: 1px;
        font-size: 14px;
        padding: 3px 0px 1px;
        margin-top: 10px !important;
        width: 100%; 
        margin-bottom: 20px;
        
    }

    .form-check {
        position: relative;
        display: block;
        padding-left: 1.6rem !important;
        width: 100%;
    }
    
    .form-check-label{
        text-align: left;
        font-size: 11px;
        padding-top: 7px;
        margin-bottom: 9px;
    }
    
    .form-check-input {
        position: absolute;
        margin-left: -1.6rem  !important;
        width: auto !important;
        margin-top: 0px; 
        -webkit-appearance: checkbox;
    }

    .title-form{
        letter-spacing: 2px !important; 
        font-weight: 400 !important; 
        margin-top: 15px;
    }
    /* form book a meeting */
    .form-book-a-meeting .textareabookameeting {
    border: 1px solid #434343;
    font-size: 13px;
    padding-left: 7px;
    padding-top: 5px;
    height: 70px;
    letter-spacing: 0.5px;
    }
    
    .form-book-a-meeting .btn-book-a-meeting {
    background-color: #636363;
    border: 2px solid #636363;
    }
    
    .form-book-a-meeting .btn-book-a-meeting:hover {
    background-color: #383838 !important;
    border: 2px solid #383838 !important;
    }
    
    .background-campaign{
        background-image: linear-gradient(to bottom, #ede8e3, #e7dfd7, #e1d6cb, #dacec0, #d4c5b4);
    }

    .background-color-17 {	background: rgb(244,233,255);
background: linear-gradient(337deg, rgba(244,233,255,1) 0%, rgba(255,243,241,1) 100%);	}


    .text-why{
        line-height: 28px; 
        font-size: 1.5rem; 
        max-width: 80%;
    }
    .title-why{
        max-width: 80%;
    }
    
    

    .designers-banner-title h1 {
        font-size: 45px;
        color: #fafafa;
        letter-spacing: 4px;
        font-weight: 300;
        opacity: 0.9;
        max-width: 75%;
        margin: 0 auto;
    }

    .designers-banner-title h3 {
        font-size: 20px;
        letter-spacing: 2px;
        color: #fafafa;
        margin-top: 25px;
        opacity: 0.9;
        max-width: 75%;
        margin: 0 auto;
    }

.projects-banner-title h2{ 
        color: #fafafa;
        opacity: 0.9;
        text-transform: uppercase;
    }

.projects-banner-title h4{
        color: #fafafa;
        opacity: 0.9;
    }


    /* exit popup */
    #housesearlyacessModal h1, #housesaccessModal p  {
        color: #fafafa !important;
    }
    
    #housesaccessModal .content-inner, #lookbookModal .content-inner, #pocketlistModal .content-inner {
        position: absolute;
        width: 100%;
        justify-content: center;
        flex-flow: column;
        align-items: center;
        text-align: center;
        height: 100%;
        padding: 0 20px 20px 20px;
    }
    /*#housesaccessModal .modal-dialog.modal-dialog-centered {
        max-width: 600px;
    }*/
    #housesaccessModal  h1, #lookbookModal  h1, #pocketlistModal  h1 {
        color: #fafafa !important;
        margin-top: 50px;
        margin-bottom: 5px;
    }
    #housesaccessModal .form-popup-header p, #lookbookModal .form-popup-header p, #pocketlistModal .form_landing_catalogue p, #pocketlistModal p {
        color: #fafafa !important;
    }
    #housesaccessModal .form-check label.form-check-label, #lookbookModal .form-check label.form-check-label, #pocketlistModal .form-check label.form-check-label {
        color: #fafafa !important;
        height: auto !important;
        font-size: 11px !important;
        font-family: 'Poppins', sans-serif;
        margin-bottom: 0 !important;
        padding-top: 3px !important;
    }
    #housesaccessModal .parsley-errors-list, #lookbookModal .parsley-errors-list, #pocketlistModal .parsley-errors-list {
        list-style: none;
        color: #fafafa !important;
        padding: 0;
        margin: 0;
        margin-top: -5px;
        float: left;
        width: 100%;
    }
    #housesaccessModal button.closepopup.close {
        opacity: 1;
        right: 7px !important;
        top: -4px !important;
    }
    #housesaccessModal button.closepopup.close span {
        font-size: 34px;
        color: white;
    }
    #housesaccessModal {
        /* background: rgba(0,0,0,0.5); */
        z-index: 999999999;
    }
    #housesaccessModal form input, #pocketlistModal form input{
        color: white !important;
        text-transform: none;
        height: 30px !important;
    }
    #housesaccessModal form select, #pocketlistModal form select {
        color: #fff !important;
        height: 28px !important;
        text-transform: none !important;
    }
    #housesaccessModal form input[type="checkbox"], #pocketlistModal form input[type="checkbox"] {
        margin-right: 5px;
        position: relative !important;
        height: auto !important;
    }
    #housesaccessModal .form-popup-header {
        margin-bottom: 28px;
    }
    #housesaccessModal form button{
    color: #fafafa;
        background-color: transparent !important;
        border: 1px solid #fafafa !important;
        letter-spacing: 1px;
        font-size: 14px;
        margin-top: 17px !important;
        width: auto;
        padding: 3px 25px;
    }
    #housesaccessModal form input::-webkit-input-placeholder, #pocketlistModal form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #fff;
    }
    #housesaccessModal form input::-moz-placeholder, #pocketlistModal form input::-moz-placeholder { /* Firefox 19+ */
        color: #fff;
    }
    #housesaccessModal form input:-ms-input-placeholder, #pocketlistModal form input:-ms-input-placeholder { /* IE 10+ */
        color: #fff;
    }
    #housesaccessModal .form input:-moz-placeholder, #pocketlistModal .form input:-moz-placeholder { /* Firefox 18- */
        color: #fff;
    }
    #housesaccessModal input.name, #pocketlistModal input.name {
        background: url(/images/icons/white/person-icon.png) 0px center no-repeat !important;
        background-position: 1% !important;
        color: #fafafa !important;
    }
    #housesaccessModal input.email, #pocketlistModal input.email {
        background: url(/images/icons/white/email-icon.png) 0px center no-repeat !important;
        background-position: 1% !important;
        color: #fafafa !important;
    }
    #housesaccessModal input.phone, #pocketlistModal input.phone {
        background: url(/images/icons/white/phone-icon.png) 0px center no-repeat !important;
        background-position: 1% !important;
        color: #fafafa !important;
    }
    #housesaccessModal select.country, #pocketlistModal select.country {
        background: url(/images/icons/white/country-icon.png) 0px center no-repeat !important;
        background-position: 1% !important;
        color: #fafafa !important;
    }
    #housesaccessModal .form-check, #pocketlistModal .form-check{
        padding-left: 1.6rem !important;
    }
    
    #housesaccessModal select option, #pocketlistModal select option{
        background: rgba(0,0,0,0.6) !important;
        text-shadow:0 1px 0 rgba(0,0,0,0.2) !important;
    }
    
    /* SLIDES ROOMS */
    
    .slick-prev, .slick-next{
        top: 45% !important;
    }


    .slick-prev:before, .slick-next:before{
        font-size: 50px !important;
        font-weight: 300 !important;
        
    }
    .slick-prev:before{
        font-family: 'Poppins';
        content: '<' !important;
        
    }
    .slick-next:before{
        font-family: 'Poppins';
        content: '>' !important;
        
    }
    
    .pack{
        color: #111;
        background-color: transparent !important;
        border: 1px solid #111 !important;
        letter-spacing: 1px;
        font-size: 14px;
        padding: 3px 100px 3px 100px;
        margin-top: 30px !important;
        max-width: 400px !important;
        margin-bottom: 30px;
    }

    .packs{
        display: block; 
        width: auto;
        text-align: center;
    }


    
@media only screen and (max-width: 1230px) {
        section {
        column-width: 600px !important;
        column-gap: 1px;
        padding: 0px;
        }

    }


@media only screen and (max-width:479px) {
        .designers-banner-content {
            margin-top: 69px !important;
        }            
    

        .designers-banner-title h1 {
            font-size: 28px;
            letter-spacing: 3px;
        }

        .designers-banner-title h3 {
            font-size: 16px;
            margin-top: 0px;
            padding: 10px;
        }

    .slick-slide img {
        display: block;
        margin: 0 auto;
        width: auto !important;
    }

    .projects-banner-title {
        position: absolute !important;
        margin: 0 auto !important;
        width: 100% !important;
        left: 0 !important;
    }

    .projects-banner-title h2{ 
        color: #fafafa;
        opacity: 0.9;
        text-transform: uppercase;
        font-size: 1.8rem !important; 
        margin: 0 auto !important;
        max-width: 25%;
    }
    
    .projects-banner-title h4{
        color: #fafafa;
        opacity: 0.9;
        font-size: 1.2rem !important; 
        margin: 0 auto !important;
        max-width: 27%;
    }

    .pop-title,
    .visualmenu span {
        font-size: 0.9rem !important;
        color: #fafafa !important;
        display: block !important;
        font-family: Poppins !important;
        letter-spacing: 1px !important;
        text-align: center !important;
        position: absolute !important;
        bottom: 10px !important;
        width: 100% !important;
    }
    
    .pop-title span b {
        font-weight: 500 !important;
    }
}