@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

#agas-head-goggle-reviews, #AgasNavMobile, #agas-flap-box {
     display: none !important;
     visibility: hidden !important;
}
 .agas-slideOver-block {
     position: absolute;
     top: -220px;            /* Jimdo -Minus !! */
     left: 50%;
     transform: translateX(-50%);
     display: flex !important;
     flex-direction: row !important;
     justify-content: space-between !important;
     visibility: visible !important;
     justify-content: center !important;
     align-items: center !important;
     z-index: 999999 !important;
     width: 100% !important;
}
 .agas-slideOver-left {
     display: flex !important;
     align-items: center;
     visibility: visible !important;
     justify-content: flex-start !important;
     flex: 1 !important;
}
 .agas-slideOver-center {
     display: flex !important;
     align-items: center;
     visibility: visible !important;
     justify-content: center !important;
     flex: 1 !important;
}
 .agas-slideOver-right {
     display: flex !important;
     align-items: center;
     visibility: visible !important;
     justify-content: flex-end !important;
     flex: 1 !important;
}
 .agas-top-btn-container-center {
     display:flex !important;
     width:611px !important;
     border-radius: 50px !important;
     gap:8px !important;
     align-items:center !important;
     justify-content:space-between !important;
     margin: 0 auto !important;
     padding: 12px 14px !important;
     background-color: rgba(255, 255, 255, 0.7) !important;
}
 .agas-top-btn-ss {
     display: inline-flex;
     align-items: center;
     border-radius: 50px;
     text-decoration: none;
     font-family: var(--AgasFontTwo) !important;
     font-size: 17px !important;
     font-weight: 700 !important;
     letter-spacing: 0.04em !important;
     white-space: nowrap;
}
.agas-top-btn-label-ss {
     font-size: 17px !important;
     font-family: var(--AgasFontTwo) !important;
}
 


 .top-btn-sell {
      padding: 9px 30px 9px 15px;
      color: #fff !important;
      background-color: #3a4d4b !important;
}
.top-btn-rent-out {
      padding: 9px 35px;
      color: #fff !important;
      background-color: #3a4d4b !important;
}
.top-btn-search {
      padding: 9px 15px;
      color: #fff !important;
      background-color: #425855 !important;
}


.agas-top-btn-ss:hover {
     color: #fff !important;
     background-color: #648581 !important;
}



.top-btn-icon-ss {
     display: inline-flex !important;
     justify-content: center !important;
     align-items: center !important;
     width: 23px !important;
     height: 23px !important;
     font-family: "FontAwesome" !important;
     font-weight: 400 !important;
      margin-right: 15px !important;
     font-size: 33px !important;
     border-radius: 50% !important;
     background: #00ffd0 !important;
     color: transparent !important;
     flex-shrink: 0 !important;
     cursor: default !important;
}
 .agas-top-btn-soloText-ss {
     font-family: var(--AgasFontTwo) !important;
     font-size: 17px;
     font-weight: 400 !important;
     letter-spacing: 0.04em !important;
     padding: 0 !important;
     color: #333;
}





 .agas-top-btn-container-right {
     margin: 0 !important;
     padding: 0 !important;
     align-items:center !important;
     background-color: rgba(0,0,0,0.6) !important;
     transition: background-color 0.9s ease !important;
}
 .agas-top-btn-container-left {
     margin: 0 !important;
     padding: 0 !important;
     align-items:center !important;
     background-color: rgba(121,100,1,0.7) !important;
     transition: background-color 0.9s ease !important;
}
 .agas-top-btn-container-right:hover, .agas-top-btn-container-left:hover {
     background-color: rgba(0,0,0,0.9) !important;
}
 .agas-top-btn-container-right {
     display:flex !important;
     justify-content: flex-end !important;
     border-top-right-radius: 0;
     border-top-left-radius: 50px;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 50px;
}
 .agas-top-btn-container-left {
     display:flex !important;
     justify-content: flex-start !important;
     border-top-right-radius: 60px;
     border-top-left-radius: 0;
     border-bottom-right-radius: 60px;
     border-bottom-left-radius: 0;
}
 .agas-top-btn-rl {
     display: inline-flex;
     align-items: center;
     padding: 10px 20px;
     text-decoration: none;
     white-space: nowrap;
}
 .agas-top-btn-rl-google {
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 10px 20px 10px 40px;
     text-decoration: none;
     white-space: normal;
}
.top-btn-icon-rl, .top-btn-icon-rl-google, .top-btn-icon-star {
    font-family: "FontAwesome";
    font-weight: 400;
    background-color: transparent;
     color: #fff;
}
 .top-btn-icon-rl {
     margin-right: 10px;
     font-size: 17px;
}
 .top-btn-icon-rl-google {
     margin: 0;
     font-size: 17px;
}
 .top-btn-icon-star {
     letter-spacing: 0.12em;
     font-size: 13px;
}
 .top-btn-text-right, .top-btn-text-left, .top-btn-text-petit {
     font-family: var(--AgasFontTwo) !important;
}
 .top-btn-text-right {
     font-size: 17px;
     font-weight: 600;
     color: #fff;
}
 .top-btn-text-left {
     font-size: 17px;
     font-weight: 600;
     color: #fff;
}
 .top-btn-text-petit {
     font-size: 12px;
     font-weight: 400;
     margin: 3px 0;
     color: #fff;
     text-align: center;
     width: 100%;
}
 .agas-top-btn-wrap-mobile {
     box-sizing:border-box !important;
     padding:0 0 30px 0 !important;
     margin-top: -20px !important;
     display: none !important;
     visibility: hidden !important;
     justify-content:center !important;
     align-items:flex-start !important;
}
 .agas-top-btn-container {
     display: none !important;
     visibility: hidden !important;
     flex-wrap: wrap;
     width:100% !important;
     max-width:1150px !important;
     gap:15px 20px !important;
     align-items:stretch !important;
     justify-content:space-between !important;
     margin: 0 auto;
}
 .agas-top-btn {
     flex: 1 1 calc(33.333% - 20px) !important;
     font-family: var(--AgasFontTwo) !important;
     width:100% !important;
     min-width: 150px !important;
     max-height:45px !important;
     position: relative;
     display: inline-flex !important;
     align-items: center !important;
     justify-content: center !important;
     padding: 10px 0 !important;
     border-radius: 3px !important;
     font-weight: 600 !important;
     letter-spacing: 0 !important;
     color: #fff !important;
     text-decoration: none !important;
     overflow: hidden !important;
     transition: transform 0.3s ease !important;
     background: linear-gradient(180deg, #2e3a39, #829593) !important;
}
 .agas-top-btn-soloText {
     font-family: var(--AgasFontTwo) !important;
     font-size: 18px !important;
     font-style: normal !important;
     line-height: 100% !important;
     color: #333 !important;
}
 .agas-top-btn .top-btn-icon {
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;
     font-family: 'FontAwesome';
     font-size: 18px !important;
     font-style: normal !important;
     line-height: 100% !important;
     color: #fff !important;
     margin-right: 12px !important;
}
 .agas-top-btn .top-btn-text {
     position: relative;
     z-index: 1;
}
 .agas-top-btn::before {
     content: "";
     position: absolute;
     inset: 0;
     border-radius: 6px;
     background: linear-gradient(180deg, #829593, #2e3a39);
     opacity: 0;
     transition: opacity 0.5s ease;
     z-index: 0;
}
 .agas-top-btn span, .agas-top-btn {
     position: relative !important;
     z-index: 1 !important;
}
 .agas-top-btn:hover::before {
     opacity: 1;
}
 .agas-top-btn .agas-top-btn-label {
     display:inline-block !important;
     font-size:18px !important;
     line-height: 100% !important;
}
 .jtpl-breadcrumb {
     display: none !important;
     visibility: hidden !important;
}





 #agas-phone-solo-right {
    position: fixed;
     top: 280px !important;
     right: -10px !important;
     width: 250px !important;
     border-radius: 50px 0 0 50px !important;
     font-family: var(--AgasFontTwo) !important;
     font-weight: bold !important;
     z-index: 999999 !important;
     display: flex;
     align-items: center !important;
     flex-direction: row;
     padding: 0 !important;
     margin: 0 !important;
     background-color: rgba(24, 32, 31, 0.5) !important;
     transition: right 0.4s ease, background-color 0.9s ease, opacity 0.9s ease, visibility 0.9s ease !important;
     opacity: 1;
     visibility: visible;
}
 #agas-phone-solo-right.hidden {
     opacity: 0;
     visibility: hidden;
}
 #agas-phone-solo-right:hover {
     background-color: rgba(24, 32, 31, 0.8) !important;
     right: 0 !important;
}
 .agas-phone-solo-img {
     display: inline-block !important;
     width: 230px !important;
     height: auto !important;
     border-radius: 50% !important;
     cursor: default !important;
     padding: 0 !important;
     margin: 0 !important;
}
.agas-phone-solo-img a {
    font-size: 0 !important;
     padding: 0 !important;
     margin: 0 !important;
}
.agas-phone-solo-img img {
     width: 100% !important;
     padding-top: 6px !important;
     padding-right: 0 !important;
     padding-bottom: 2px !important;
     padding-left: 10px !important;
     margin: 0 !important;
}










 #agas-google-solo-left {
     position: fixed;
     top: 280px !important;
     left: -10px !important;
     width: 250px !important;
     border-radius: 0 50px 50px 0 !important;
     font-family: var(--AgasFontTwo) !important;
     font-weight: bold !important;
     z-index: 999999 !important;
     display: flex;
     align-items: center !important;
     flex-direction: row-reverse;
     padding: 0 !important;
     margin: 0 !important;
     background-color: rgba(24, 32, 31, 0.5) !important;
     transition: left 0.4s ease, background-color 0.9s ease, opacity 0.9s ease, visibility 0.9s ease !important;
     opacity: 1;
     visibility: visible;
}
 #agas-google-solo-left.hidden {
     opacity: 0;
     visibility: hidden;
}
 #agas-google-solo-left:hover {
     background-color: rgba(24, 32, 31, 0.8) !important;
     left: 0 !important;
}
 .agas-google-solo-img {
     display: inline-block !important;
     width: 230px !important;
     height: auto !important;
     border-radius: 50% !important;
     cursor: default !important;
     padding: 0 !important;
     margin: 0 !important;
}
 .agas-google-solo-img a {
     font-size: 0 !important;
     padding: 0 !important;
     margin: 0 !important;
}
 .agas-google-solo-img img {
     width: 100% !important;
     padding-top: 6px !important;
     padding-right: 12px !important;
     padding-bottom: 2px !important;
     padding-left: 0 !important;
     margin: 0 !important;
}









 .hidden {
     display: none;
}
 @media (max-width: 1170px) {
     #agas-google-solo-left, #agas-phone-solo-right {
         display: none;
         visibility: hidden;
    }
}
@media (max-width: 1050px) {
     .agas-slideOver-left, .agas-slideOver-right {
         display: none !important;
         visibility: hidden !important;
    }
}
@media (max-width: 767px) {
     .agas-slideOver-block {
         display: none !important;
         visibility: hidden !important;
    }
     .agas-top-btn-container {
         display:flex !important;
         visibility: visible !important;
    }
     .agas-top-btn-wrap-mobile {
         display:flex !important;
         visibility: visible !important;
         padding:0 0 30px 0 !important;
         margin-top: 20px !important;
    }
     .agas-top-btn:nth-child(1), .agas-top-btn:nth-child(2) {
         flex: 1 1 calc(50% - 30px) !important;
    }
     .agas-top-btn:nth-child(3) {
         flex: 1 1 100% !important;
    }
     .agas-top-btn {
         padding: 14px 0 !important;
    }
     .agas-top-btn .agas-top-btn-label {
         font-size:20px !important;
    }
}
 @media (max-width: 330px) {
     .agas-top-btn-wrap-mobile {
         padding:0 0 30px 0 !important;
         margin-top: 20px !important;
    }
     .agas-top-btn:nth-child(1), .agas-top-btn:nth-child(2), .agas-top-btn:nth-child(3) {
         flex: 1 1 100% !important;
    }
     .agas-top-btn {
         padding:14px 0 !important;
         font-size:20px !important;
    }
}
.agas-slideOver-block-mobile {
     position: absolute;
     top: 185px;
     left: 50%;
     transform: translateX(-50%);
      display: flex !important;
        visibility: visible !important;
     flex-direction: row !important;
     justify-content: space-between !important;
     justify-content: center !important;
     align-items: center !important;
     z-index: 999999 !important;
     width: 100% !important;
     background-color: rgba(238,195,16, 0.4) !important;
}
.agas-slideOver-center-mobile {
      display: inline-block !important;
     width: 210px !important;
     height: auto !important;
     border-radius: 3% !important;
     cursor: default !important;
     margin: 0 !important;
     padding: 1.5% 0 0 0 !important;
}
.agas-slideOver-center-mobile img {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
@media (min-width: 767px) {
    .agas-slideOver-block-mobile {
       display: none !important;
     visibility: hidden !important;
    }
}