body{background-color: #C7C2B6;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
    padding: 0;
    font-family: 'Helvetica Neue';}


    #button {
        display: inline-block;
        background-color: rgba(199, 194, 182, 1);
                width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 4px;
        position: fixed;
        bottom: 30px;
        right: 30px;
        transition: background-color .3s, 
          opacity .5s, visibility .5s;
        opacity: 0;
        visibility: hidden;
        z-index: 1000;
      }
      #button::after {
        content: "\f077";
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        font-size: 2em;
        line-height: 50px;
        color: #fff;
      }
      #button:hover {
        cursor: pointer;
        background-color: #908865;
    }
      #button:active {
        background-color: #908865;
    }
      #button.show {
        opacity: 1;
        visibility: visible;
      }
       

   
    .container{  max-width: 1250px;
        box-sizing: border-box;
        padding: 0 20px;
        margin: 0 auto;}

       


.slider{width: 100%;
    height: 100vh;
    box-sizing: border-box;
    min-height: 800px;}
.slider-img{width: 100%;
    height: 100%;
    position: relative;}

.slider-img img{    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
 
}



.header-residence{ 
    font-size: 36px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.89;
       letter-spacing: 0px;    text-align: center;
    color: black;
    font-family: 'Saol Display';
  }

  .header-residence-2{  font-family: 'Garamond Italic Tr';
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.33;
       letter-spacing: 0px;    text-align: center;
    color: black;}
    .header-residence{margin-bottom: 11px;}

    .section-2{background-color: white;}

    .headers-r-container{max-width: 800px; margin: 0 auto;  border-bottom: solid 0.5px #fff; padding-bottom: 25px; margin-bottom: 25px; }

    .section-2-content{max-width: 1080px; margin: 0 auto;  font-size: 18px;
        font-weight: 300;
        font-stretch: normal;
        line-height: 1.25;
        letter-spacing: 1.5px;
        color: black;
    }

    .section-3{}
    

    .section-3-header div{  font-size: 36px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.89;
           letter-spacing: 0px;        text-align: center;
        color: black;
        font-family: 'Saol Display';

}

        .header-img-content{align-items: center; justify-content: center; text-align: center;}

    .header-img-content-header{text-align: center; font-size: 32px;
        font-family: 'Garamond Italic Tr';
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: 13px;
        text-align: center;
        color: #000;}

        .header-img-content-alt-header{ font-family: 'Garamond Italic Tr' !important;font-size: 30px !important;
            font-weight: normal;
            font-stretch: normal;
            line-height: 1.33 !important;
            letter-spacing: 0 !important;
            text-align: center;
            color: #000;
            padding-top: 11px;

        }


        .header-img-content-text{  font-size: 18px;
            font-weight: 300;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.25;
            letter-spacing: 1.5px;
            text-align: center;
            color: #000;}

            .header-img-img {display: flex; justify-content: center;}

            .section-4{background:url(../img/img-fourseasons.png);
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;}

            .section-4-header{  font-size: 36px;
                font-weight: 100;
                font-stretch: normal;
                font-style: normal;
                line-height: 0.89;
                   letter-spacing: 0px;                text-align: center;
                padding-bottom: 30px;

                color: #fff;}


       /* .section-5{ background-image: linear-gradient(to bottom, #c7c2b6 57%, rgba(203, 199, 188, 0.54) 49%, rgba(255, 255, 255, 0.02) 30%, rgba(229, 227, 220, 0) 30%);}*/
       .section-5{  background-color: #fff;
       }
        .section-5-header{font-size:36px;
            padding-top: 40px;
            padding-bottom: 40px;

            font-family: 'Saol Display';
            font-weight: 300;
            font-stretch: normal;
            font-style: normal;
            line-height: 0.89;
            letter-spacing: 0;
            text-align: center;
            color: black;}

            .section-5-map-right-content{    display: flex;
                margin: 0 auto;}

                .section-5-map-img{padding-bottom: 60px;}

            .section-5-bg{background:url(../img/img-map-vectorel-location.png);
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;}



            .section-5-map-header{ 

                font-size: 58.9px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 0.89;
                letter-spacing: 23.92px;
                color: #000;}


            .section-5-map-alt-header{
                font-family: 'Garamond Italic Tr';
                 font-size: 48.9px;
                font-weight: normal;
                font-stretch: normal;
                font-style: italic;
                line-height: 1;
                letter-spacing: 9.82px;
                color: #000;}

                .section-5-map-content{
                    margin-top: 30px;
                    object-fit: contain;
                    font-size: 18px;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.25;
                    letter-spacing: 1.5px;
                    color: #000;
                    width: 450px;
                }

                .section-5-map{display: flex; flex-direction: row; max-width: 100%;}

                .section-5-map-left-content{margin-top: 160px; width: 50%;}

   

                .section-5-city-img img{ width: 100%; object-fit: cover;
                    object-position: top;}

                .section-5-city-slider-bg{background:url(../img/img-map-vectorel-2000-x.png);
                    -webkit-background-size: cover;
                    -moz-background-size: cover;
                    -o-background-size: cover;
                    background-size: cover;}

                    .section-5-city-slider{  background-color: #fff;
                    }

                    .section-5-city-slider-content{display: flex; flex-direction: row; max-width: 100%; align-items: center; justify-content: center;}
                    .section-5-city-slider-content-left{width: 50%;     transform: translateY(-70px);
                    }
                    .section-5-city-slider-content-right-content{ object-fit: contain;
                        font-size: 18px;
                        font-weight: normal;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: 1.25;
                        letter-spacing: 1.5px;
                        text-align: left;
                        color: #000;
                    width: 600px;}

                .section-5-slider-icons{display: flex; flex-direction: row; width: 100%; justify-content: center;     align-items: baseline;
                }
                .section-5-slider-icon{display: flex; flex-direction: column;     padding: 0;
                }
                .section-5-slider-icon-text{width: 270px;     padding: 20px; font-size: 14px;    text-align: center;
                }


                .section-5-city-slider-content-left-img{    display: flex;
                    justify-content: end;}
                .section-5-slider-icon-img {border-bottom: 10px solid #c7c2b6; padding: 20px;
                    padding-bottom: 0;}

                .section-5-slider-icon li{list-style: none;display: flex; justify-content: center;}

                .section-5-slider-icon-img img{    width: 30%;
                }

                .section-5-slider-icon img:nth-child(2){color: red !important;}
                
                .section-6{  background-color: #fff;
                }
                .section-6-header{ font-size: 90px;
                    font-weight: 300;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.31;
                    letter-spacing: 32.5px;
                    color: #000}

                    .header-photo-gallery{  font-family: 'Saol Display';
                        font-size: 36px;
                        font-weight: 300;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: 0.89;
                           letter-spacing: 0px;
                        text-align: center;
                        padding-top: 150px;
                        padding-bottom: 30px;
                        color: #000;}

                        .section-7{padding-top: 120px;

                    -webkit-background-size: cover;
                    -moz-background-size: cover;
                    -o-background-size: cover;
                    background-size: cover;
                        }

                    .section-7-header{ font-size: 36px;
                        font-family: 'Saol Display';
                        font-weight: 300;
                                                font-stretch: normal;
                        font-style: normal;
                        line-height: 0.89;
                           letter-spacing: 0px;                        text-align: center;
                        color:black;
                        
                        
                    }

                    .section-7-contents{display: flex; flex-direction: row; padding-top: 90px; }

                    .section-7-content-left{-webkit-backdrop-filter: blur(15px);
                        backdrop-filter: blur(15px);
                        box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.16);
                        border: solid 0.8px #908865;
                        background-color: rgba(255, 255, 255, 0.89);
                        padding: 30px;
                        width: 100%;

                    }
                    
                    .section-7-content-left-header{font-size: 32px;
                        font-weight: bold;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: normal;
                        letter-spacing: 2.29px;
                        color: #000;
                        font-family: 'Helvetica Neue';
                                                margin-bottom: 20px;
                    }

                    .section-7-content-left-text{ font-size: 20px;
                        font-weight: normal;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: normal;
                        letter-spacing: 1.43px;
                        color: #000;
                        align-items: center;
                        justify-content: center;
                    }
                    
                    .section-7-content-right{width: 50%;  -webkit-backdrop-filter: blur(15px);
                        backdrop-filter: blur(15px);
                        border: solid 2px #908865;
                        padding: 30px;

                      }

                    .section-7-content-left-brand{  background-color: #908865; padding: 10px; width: 200px; align-items: center; justify-content: center; margin-bottom: 20px;
                    }

                    .section-7-content-left-link{  font-size: 16px;
                        font-weight: bold;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: normal;
                        letter-spacing: 1.14px;
                        color: #908865;
                        padding-top: 40px;
                        padding-bottom: 40px;

                    }

                    .section-7-content-right-header{  font-size: 32px;
                        font-weight: normal;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: normal;
                        letter-spacing: 2.29px;
                        color: #fff;
                        margin-bottom: 20px;
                        }

                        .section-7-content-right-text{  font-size: 20px;
                            font-weight: normal;
                            font-stretch: normal;
                            font-style: normal;
                            line-height: normal;
                            letter-spacing: 1.43px;
                            color: #908865;}

                        .about-us-maps{display: grid;  grid-template-columns:1fr 1fr 1fr 1fr ; grid-template-rows: auto; gap: 25px;  padding-top: 25px;padding-bottom: 30px;}
                        .about-us-phones{background-color: #FFF;}
                        .about-us-map,.about-us-map-2{ background-color: #fff;   font-size: 16px;
                            font-weight: 300;
                            font-stretch: normal;
                            font-style: normal;
                            line-height: normal;
                            color: #000;
                        }
                        .about-us-map:nth-child(1) span{display: block;}
                        .about-us-map:nth-child(1){ background-color: #908865 !important; color: #FFF;}
                        .about-us-map{  display: flex;
                            flex-direction: column;
                            justify-content: space-between;}

                        .about-us-map-alt-bar{display: flex; flex-direction: row; align-items: center;background-color: #908865;   font-size: 14px;
                            font-weight: normal;
                            font-stretch: normal;
                            font-style: normal;
                            line-height: normal;
                            letter-spacing: 0.93px;
                            color: #fff;
                          }

                          .about-us-map-alt-bar a{ font-size: 14px;
                            font-weight: normal;
                            font-stretch: normal;
                            font-style: normal;
                            line-height: normal;
                            letter-spacing: 0.93px;
                            text-decoration: none;
                            color: #fff;}
                        .about-us-map-text{padding: 25px;}
                    
                        .about-us-map-alt-bar span{margin-left: 20px; margin-top: 5px;}

                        .home-form-container{  background-color: #000;
                        }

                        .home-form-header{ font-size: 36px;
                            font-weight: 300;
                            font-family: 'Saol Display';

                            font-stretch: normal;
                            font-style: normal;
                            line-height: 0.89;
                               letter-spacing: 0px;                            text-align: center;
                            color: #fff;
                            padding-top: 90px;
                        }

                        .home-form-header strong{font-weight: bold;
                            color: #908865;}

                        .home-form-alt-header{
                            padding-top: 40px;
                            font-size: 16px;
                            font-weight: bold;
                            font-stretch: normal;
                            font-style: normal;
                            line-height: 1.81;
                            letter-spacing: 1.14px;
                            text-align: center;
                            color: #908865}

                            .home-form{align-items: center;
                                justify-content: center;
                                display: flex;
                              
                            }

                            .fr-form-row {
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                margin-bottom: 30px;
                            }

                            .fr-form-col {
                                width: 100%;
                                box-sizing: border-box;
                                padding: 0 10px;
                            }

                            .fr-form-col input, .fr-form-col select, .fr-form-col textarea {
                                width: 100%;
                                box-sizing: border-box;
                                padding: 15px 30px;
                                -webkit-backdrop-filter: blur(9px);
                                backdrop-filter: blur(9px);
                                font-family: 'Helvetica Neue';
                                border: solid 1px #908865;    
                                background: none;                      
                                -webkit-appearance: none;
                                font-size: 12px;
                                font-weight: 300;
                                font-stretch: normal;
                                font-style: normal;
                                line-height: normal;
                                letter-spacing: 2px;
                                color: #fff;
                                 outline: none;
                                 resize: none;
                            }

                            .fr-form-col input:focus, .fr-form-col select:focus, .fr-form-col textarea:focus{
                                background-color: rgba(255, 255, 255, 0.8);   color: #000;

                            }

                            .fr-form-col input:focus::placeholder, .fr-form-col select:focus::placeholder, .fr-form-col textarea:focus::placeholder{
                                color: #000;

                            }
                            .group-panel{width: 672px;     margin-top: 40px;
                            }

                             .brand-check-wrapper input[type='checkbox']{
                                width: auto; padding: 0; border: none; width: 24px; height: 24px;  background: url(../img/checkboxes.png) no-repeat left top;
                                -webkit-appearance: none;
                                margin-bottom: -5px;
                                outline: none;


                            }
                            
                            .brand-check-wrapper input[type='checkbox']:checked{background-position: -24px 0;}

                          

                            ::placeholder {
                                color: #fff;
                                opacity: 1; /* Firefox */
                              }
                              
                              :-ms-input-placeholder { /* Internet Explorer 10-11 */
                                color: #fff;
                              }
                              
                              ::-ms-input-placeholder { /* Microsoft Edge */
                                color: #fff;
                              }
                              .terms-text{font-style:italic; margin-top: 15px; font-size: 14px;
                                font-weight: normal;
                                font-stretch: normal;
                                font-style: normal;
                                line-height: normal;
                                letter-spacing: normal;
                                color: #fff;
                              }
                              .btn-primary{    background: none;
                                border: none;
                                outline: none;
                                display: flex;
                                margin: 0 auto;
                                padding-top: 50px;
                                padding-bottom: 70px;
                            }
                            .footer-band{background-color: #d7d4cd; padding: 20px;}
                            .footer-band a{align-items: center; justify-content: center; display: flex; font-size: 20px;
                                font-weight: normal;
                                opacity: 1;
                                border-radius: 11.2px;

                                font-stretch: normal;
                                font-style: normal;
                                line-height: normal;
                                letter-spacing: normal;
                                text-decoration: none;
                                  background-color: #c7c2b6;
                                  width: 290px;   
                                   margin: 0 auto;
                                   padding: 10px;
                                    color: #000;}

                                .footer-content{  background-color: #000;
                                }

                                .footer-content ul{align-items: center;
                                    display: flex;
                                    flex-direction: row; padding: 20px;}

                                .footer-container{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}

                                .footer-content ul li{padding: 20px;   border-right: solid 0.5px #fff;}

                                .footer-content ul li a{text-decoration: none ; color: #fff;}

                                .footer-content ul li:last-child {border-right: none;       }
                                .footer-right-container{   font-size: 14px;
                                    font-weight: normal;
                                    font-stretch: normal;
                                    font-style: normal;
                                    line-height: normal;
                                    letter-spacing: 1px;
                                    text-align: right;
                                    color: #fff;}

                                    .footer-content ul li{list-style: none;}

                                    .footer-band a img{margin-right: 10px   ;}


                                #aminities-alt-slogan{  font-size: 18px;
                                    font-weight: 300;
                                    font-stretch: normal;
                                    font-style: normal;
                                    line-height: 1.25;
                                    letter-spacing: 1.5px;
                                    text-align: center;
                                    color:black;
                                    width: 806px;
                                    margin: 0 auto;
                                    padding-top: 30px;
                                }
                                #content-page-header-wrapper-aminities{margin-bottom: 0 !important;}
                                

                                .cross-content-left-image-group,.cross-content-right-image-group{width: 100%; display: flex;}
                                .cross-content-img{width: 60%;}

                                .cross-content-img img{width: 100%;}


                                .cross-content-right-image-group{flex-direction: row-reverse;}

                               

                                .cross-content-text{background-color: #908865 ;justify-content: center;
                                    display: flex;
                                    padding: 70px;
                                    flex-direction: column;
                                width: 50%;
                            }
                         
                              
                                
                                .cross-content-text-header{ font-size: 35px;
                                    font-weight: 500;
                                    font-stretch: normal;
                                    font-style: normal;
                                    line-height: normal;
                                    letter-spacing: 2.5px;
                                    color: #fff}

                                    .cross-content-text-middle-spot{    font-family: 'Garamond Italic Tr';
                                        font-size: 28px;
                                        font-weight: normal;
                                        font-stretch: normal;
                                        line-height: 1.33 ;
                                        letter-spacing: 0 ;
                                        text-align: center;
                                        color: #000;
                                        padding-bottom: 30px;

                                       }

                                    .cross-content-text-spot{ font-size: 20px;
                                        font-weight: 300;
                                        font-stretch: normal;
                                        font-style: normal;
                                        line-height: 1.6;
                                        letter-spacing: 2px;
                                        
                                        color: #fff;}

                                      
                                        .aminities-slogan-header{padding-top: 40px !important;}

                                        .border-bottom{border-bottom: 1px solid #c7c2b6; width: 200px;}

                                    .section-7-content-left-link a{text-decoration: none; color: black;}