body{
    background-color: #000028;
    }
    .gm-ui-hover-effect {
        display: none !important;
    }
    
    #custlabel{
      background-color:#080;
    }
    
    .gm-style-iw {
       width: 350px !important;
       top: 0 !important;
       left: 0 !important;
       background-color: #fff;
       box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
       border: 1px solid rgba(72, 181, 233, 0.6);
       border-radius: 2px 2px 0 0;
    }
    
    .gm-style-iw div {overflow:hidden !important;}
    
    #content_ini{
      background-color: #FFF;
      color: #000028;
      font-size: 14px;
      width:auto;
      height:auto;
      max-width:500px;
    }
    #content_sec{
      background-color: #CCC;
      color: #000028;
      font-size: 14px;
    }
    #div_fill{
      float:left; 
      width:95%;
      height:2px;
      background-color:#CCC;
      margin-top:2px;
      margin-bottom:2px;
    
    }
    
    #div_ini1{
      float:left; 
      width:35px;
     
    
    }
    #div_ini2{
      float:left;
      width:auto;
     
    }
    
    #div_ini1_2{
      float:left; 
      width:35px;
      
    }
    
    #div_ini2_2{
      float:left;
      width:auto;
      
      margin-top:4px;
    }
    
    
    #div_ini4{
      float:left; 
      width:25px;
      
    }
    
    #div_ini3{
      float:left; 
      width:10px;
    
    }
    #div_ini5{
      float:left; 
      width:30px;
      
    }
    .text_ini{
      color: #080;
    }
    #loading_ex img {
        -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
           -moz-animation: fadein 2s; /* Firefox < 16 */
            -ms-animation: fadein 2s; /* Internet Explorer */
             -o-animation: fadein 2s; /* Opera < 12.1 */
                animation: fadein 2s;
    }
    
    @keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
    
    /* Firefox < 16 */
    @-moz-keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
    
    /* Safari, Chrome and Opera > 12.1 */
    @-webkit-keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
    
    /* Internet Explorer */
    @-ms-keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
    
    /* Opera < 12.1 */
    @-o-keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
    
        ::-webkit-scrollbar {
        width: 5px;
        background:#000028;
        }
        ::-webkit-scrollbar-track {
            border-radius: 5px; 
        }
        ::-webkit-scrollbar-thumb {
            border-radius: 5px;
            background-color: #FFF;
        } 
        #miniimoid{
          float:left;
          border: solid 2px #FFF; 
          cursor: pointer;
          margin-left:10px;
          margin-bottom:5px; 
          width:92%;
          max-width:240px;
          height:100%;
          min-height:140px; 
          max-height:145px;
          background-color: #FFF;
          border-radius: 5%;
          color: #000028;
        }
        #miniimoid:hover{
          border: solid 2px yellow; 
        }
    
        #mapresults {
          width: 50%;
          left: 25%;
          right:25%;
          top:145px;
          position: absolute;
          background-color: #000028;
          color:#FFF;
          display: none;
          padding: 3%;
        }
        #mapresults2 {
          width: 100%;
          height: 100%;
          left: 0;
          right: 0;
          top: 0;
          position: fixed;
          background-color: #000028;
          color: #FFF;
          display: none;
          z-index: 200;
          padding: 10% 22% 10% 22%;
        }
        #hero-banner {
          background-image: url("../img/homeban.png");
          background-size: cover;
          background-repeat: no-repeat;
        }
        #logomain{
            width:400px;
            margin-left:auto; 
            margin-right:auto;
            margin-top:70px;
          } 
    
         #imagelogo{
          width:800px; 
          margin-top:15%;
          margin-left: auto; 
          margin-right: auto;
         }
         
         #imo_img_grid{
          width:100%;
          height:auto; 
          display:block;
          background-color: #FFF;
          padding-bottom: 25px;
          padding-left: 10px;
         }
    
         #imo_img_view{
          width:100%;
          height:auto; 
          display:none;     
         }
         #imo_img_control{
          max-height: 70vh;
          margin-left: auto; 
          margin-right: auto;
         }
        #overlay_loading_big{
          background: url(../img/fundo1.png) no-repeat center center fixed;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          width:100%; height:100vh; cursor:pointer; display:none; background-color:#CCC; position:fixed; top:65px; left:0; right:0; bottom:0; z-index:2000; opacity:0.4;
        }
         
        #homeimg{
          width:25%;
          height:50px;
          cursor:pointer;
        }
        #imoimg{
          width:33.3%;
          height:50px;
          cursor:pointer;
        }
        #bannertext{
          font-size:36px; text-align:center; font-weight:bold; color:#FFF; margin-top:8px;
    
        }
        #bannertext2{
          text-align: left; font-size:50px; font-weight:bold; color:#FFF; margin-top:8px;
    
        }
        .hometext{
          font-size:18px;
          color:#000028;
          text-align:center;
        }
        .hometextbig{
          font-size:50px;
          font-weight: bold;
          color:#000028;
          text-align:center;
        }
        .depimg{
          width:33%;
          float:left;
          font-size:22px;
          font-weight: bold;
          color:#FFF;
        }
    
        .divfloat{
          float:left;
          width: 49%;
          min-height:30px;
          margin-bottom:10px;
    
        }
        .divfloatright{
          float:right;
          width: 49%;
          min-height:30px;
          margin-bottom:10px;
    
        }
    
        .divfloat100{
          float:left;
          width: 100%;
          min-height:30px;
          margin-bottom:5px;
          margin-top:8px;
        }
    
        .gm_divTop{
          width:400px;
          height:200px;
        }
        .cadinpimo{
          font-family: "Montserrat", sans-serif;
          font-weight: 400;
          font-style: normal;
          margin: 0;
          padding: 0;
          position: relative;
          min-width: 200px;
          display: block;
          float: right;
          padding: 5px;
          width: 100%;
          border: 0 none;
          background: #000028;
          color: #fff;
          outline: none;
          transition: all 0.5s;
          -webkit-appearance: none;
          -moz-appearance: none
          }
    
        .gm_imagediv{
    
          width:400px;
          height:200px;
        }
    
        .gm_imageclass{
          width:100%;
          position:relative;
          display:inline-block;
          text-align:center;
          height: inherit;
        }
    
        .gm_divMain{
          max-width:400px;
          line-height: 1.35;
        overflow: hidden;
        white-space: nowrap;
        }
        
        .boxes {
      margin: auto;
      padding: 10px;
      
    }
    
    /*Checkboxes styles*/
    .filterbox { display: none; }
    
    .filterbox + label {
      display: block;
      position: relative;
      padding-left: 35px;
      margin-bottom: 20px;
      font-family: 'Exo 2';
      font-size:16px;
      color: #ddd;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
    }
    
    .filterbox + label:last-child { margin-bottom: 0; }
    
    .filterbox + label:before {
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      border: 1px solid #6cc0e5;
      position: absolute;
      left: 0;
      top: 0;
      opacity: .6;
      -webkit-transition: all .12s, border-color .08s;
      transition: all .12s, border-color .08s;
    }
    
    .filterbox:checked + label:before {
      width: 10px;
      top: -5px;
      left: 5px;
      border-radius: 0;
      opacity: 1;
      border-top-color: transparent;
      border-left-color: transparent;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    
    
        #bntcadpart_orange{
          color:#FFF; 
          background-color:#000028;
          border:solid 1px #F60;
          cursor:pointer;
        }    
        #bntcadpart_orange:hover{
          color:#FFF; 
          background-color:#F60;
          border:solid 2px #000028;
        }
        #bntcadpart_red,#bntcadpart_red_img{
          color:#FFF; 
          background-color:#000028;
          border:solid 1px #F00;
          cursor:pointer;
        }    
        #bntcadpart_red:hover,#bntcadpart_red_img:hover{
          color:#FFF; 
          background-color:#F00;
          border:solid 2px #000028;
        }
    
        input[type="date"]::-webkit-calendar-picker-indicator {
          color: #FFF;
          display: block;
          background-color: #FFF;   
        }
        input[type="time"]::-webkit-calendar-picker-indicator {
          color: #FFF;
          display: block;
          background-color: #FFF;   
        }   
      
        #testscreen{
            cursor:pointer;
            width:50px;
            z-index:2000;
            height:80px; 
            position:absolute;
            top:50%; 
            left:30%;
            right:30%; 
            background-color:#000028; 
            color:#FFFFFF; 
            text-align:center
          }
          #filter_status1{
            color:#F00;
            float:left; 
            margin-left:20px;
            margin-bottom: 0;
            font-size: 16px;
          }
    
          #filter_status2{
            color:#fcdf03; 
            float:left; 
            margin-left:15px;
            margin-bottom: 0;
            font-size: 16px;
          }
          
    
          #regiao_list{
            display:none;
            cursor:pointer;
            width:300px;
            z-index:98;
            height:50px;        
            position:absolute;
            top:70px;
            left:58.7%; 
            right:50%; 
            background-color:#000028; 
            color:#FFFFFF;
            text-align:center
          }
          #gmap_canvas{
            width:100%; 
            min-height: 91vh;
            height: 100%;
        
          }
    
          #topdivfix{
            width:100%;
            height:6vh;
            background-color:#000028;
            min-height: 70px;
            max-height: 75px;
          
          }
    
          #filtro_list{
            z-index: 250;
            display: none;
            width: 20%;
            min-width: 270px;
            max-width: 280px;
            /* max-height: 910px; */
            height: 100%;
            /* border-radius: 15px; */
            position: fixed;
            top: 70px;
            left: 0%;
            padding: 10px;
            background-color: #000028;
            color: #FFFFFF;
            background: url(../img/fundo1.png) no-repeat center center fixed;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;       
          }
    
          #imovelviewmap{
            display: none;
            width: 55%;
            min-width:800px;
           
            border-radius: 15px;
            position: fixed;
            top: 130px;
            left: 21.5%;
            right: 21.5%;
            background-color: #000028;
            z-index: 1000;
          }
          #map_list{
            z-index: 250;
            display: none;
            width: 19%;
            min-width: 200px;
            min-height: 300px;
            height: 94%;
            max-width: 275px;
            /* max-height: 85vh; 
            max-width: 260px; */
            /* border-top-left-radius: 15px; */
            /* border-bottom-left-radius: 15px; */
            position: fixed;
            top: 70px;
            right: 0%;
            background-color: #000028;
            transition: width 500ms;
            background: url(../img/fundo1.png) no-repeat center center fixed;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
          }
          #map_list.is-active{
            width:80%;
            max-width: fit-content;
          }
    
          #map_list_ex{
            display:none; 
            width:100%;
            height:93vh;
            overflow-y: scroll;
            overflow-x: hidden;
            position:fixed;
            top:70px;
            right:0;
            background-color:#000028;  
            background: url(../img/fundo1.png) no-repeat center center fixed;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
            z-index: 800;          
          }
          #loading_ex{
            width:100%;
            height:100%;
            overflow-y: scroll;
            overflow-x: hidden;
            position:absolute;
            top:0px;
            right:0;
            background: url(../img/fundo1.png) no-repeat center center fixed;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
            z-index: 6000; 
          }
    
          #mini_filter{
            display:none;
          }
    
          #imggalcrtl{
            max-height: 800px;
             margin-left: auto; 
             margin-right: auto;
          }
    
          @media screen and (max-width:1800px) {
            #imggalcrtl{
             max-height: 620px;
    
          }
        }
    
    
        @media screen and (max-width:1640px) {
          #imo_img_control{
            max-height: 66vh;
         }
        }
    
    
        @media screen and (max-width:1440px) {
          #imo_img_control{
            max-height: 64vh;
         }
        }
    
        @media screen and (max-width:1366px) {
          #imo_img_control{
            max-height: 60vh;
         }
         #gmap_canvas{
            min-height: 89vh;    
          }
    
          #imovelviewmap{
            max-height: 510px;     
          }
          #imo_img_grid{
            overflow-x: hidden;
            overflow-y: scroll;
            max-height: 292px;
         }
         #imggalcrtl{
            max-height: 550px;
          }
          #imagelogo{
          margin-top:8%;
         }
         
        }
    
        @media screen and (max-width:1260px) {
          #homeimg{
            width:25%;
            height:50px;
          }
        }
    
        @media screen and (max-width:1024px) {
          #testscreen{
            background-color: #F00;
          }
          #hero-banner {
          background-image: url("../img/homeban.png");
          background-size: cover;
          background-repeat: no-repeat;
          }
          #homeimg{
            width:25%;
            height:50px;
          }
        }
        @media screen and (max-width:820px) {
          #imovelviewmap{
            width:100%;
            top:130px;
            margin:0;   
            left:0;
            right:0;
            max-width:820px; 
            min-width:601px;      
          }
          #regiao_list {    
            top: 134px;
            left: 36%;
          }
        }
    
        @media screen and (max-width:768px) {
          #testscreen{
            background-color: #CCC;
          }
          #regiao_list{
            width:100%;
            top:0;
            left:0;
            right:0;
            max-width:768px; 
            min-width:601px;          
          }      
          #filtro_list{
            width:100%;
            top:50%;
            margin:0;   
            left:0;
            right:0;
            max-width:768px; 
            min-width:601px;        
          }
          #imovelviewmap{
            width:100%;
            top:180px;
            margin:0;   
            left:0;
            right:0;
            max-width:768px; 
            min-width:601px;      
          }
          #map_list{
            width:100%;
            height:100%;
            top:60px;
            margin:0;   
            left:0;
            right:0;
            max-width:768px; 
            min-width:601px;      
          }      
          #hero-banner {
            background-image: url("../img/homeban_800.png");
            background-size: cover;
            background-repeat: no-repeat;
          }
          #homeimg{
            width:50%;
            height:50px;
          } 
          #bannertext{
          font-size:30px; text-align:center; font-weight:bold; color:#FFF; margin-top:22px;
          }
          #bannertext2{
          text-align: left; font-size:50px; font-weight:bold; color:#FFF;
          }           
          .hometextbig{
          font-size:40px;
          }
         
        }
        @media screen and (max-width:600px) {
    
          #mapresults {
          width: 70%;
          left: 15%;
          right:15%;
    
        }
    
          #testscreen{
            background-color: #080;
          }
          #regiao_list{
            width:100%;
            top:0;
            left:0;
            right:0;
            max-width:600px; 
            min-width:482px;          
          }      
          #filtro_list{
            width:100%;
            top:55%;
            margin:0;   
            left:0;
            right:0;
            max-width:600px; 
            min-width:482px;      
          }
          #imovelviewmap{
            width:100%;
            top:55%;
            margin:0;   
            left:0;
            right:0;
            max-width:600px; 
            min-width:482px;    
          }
          #map_list{
            width:100%;
            height:100%;
            top:60px;
            margin:0;   
            left:0;
            right:0;
            max-width:600px; 
            min-width:482px;   
          }
          #imoviewboxcondovaldevice{
            text-align: left;
          }
          #imoviewboxvalordevice{
            text-align: left;
          }      
          #hero-banner {
            background-image: url("../img/homeban_600.png");
            background-size: cover;
            background-repeat: no-repeat;
          }
          #logomain{
            width:400px;
            margin-left:auto; 
            margin-right:auto;
            margin-top:70px;
          }      
          #homeimg{
            width:50%;
            height:60px;
          }   
          .hometextbig{
          font-size:30px;
          }       
          #bannertext{
          font-size:28px; text-align:center; font-weight:bold; color:#FFF; margin-top:25px;
          }
          #bannertext2{
          text-align: left; font-size:34px; font-weight:bold; color:#FFF; 
          }                
    
        }
    
        @media screen and (max-width:480px) {
          #mini_filter{
            display:block;
          }
    
          #testscreen{
            background-color: #F90;
          }
          #imagelogo{
          width:480px;
          margin-top: 40%;
         }
          #topdivfix{
            height:12vh;
          }
          #imo_img_grid{
            width:100%;
            height:auto; 
            display:none;     
         }
          #imo_img_view{
            display:block;
          min-height:250px; max-height:250px;
          }
          #imo_img_control{
          max-height: 250px; min-height:250px;
         }
          #gmap_canvas{
            width:100%; 
            height: 78vh; 
            min-height:300px;
          }
    
          #regiao_list{
            width:100%;
            top:0;
            left:0;
            right:0;
            max-width:476px; 
            min-width:322px;          
          }      
          #filtro_list{
    
            width:100%;
            height:100%;
            top:0;
            margin:0;   
            left:0;
            right:0;
            max-width:476px; 
            min-width:322px;      
          }
          #imovelviewmap{
            width: 100%;
              top: 9%;
              margin: 0;
              left: 0;
              right: 0;
              max-width: 476px;
              min-width: 322px;
              height: 100%;
              position: fixed;
              overflow-x: hidden;
              overflow-y: scroll;
              padding-bottom: 20px;
          }
          #map_list{
            width:100%;
            height:100%;        
            top:0;
            margin:0;   
            left:0;
            right:0;
            max-width:476px; 
            min-width:322px; 
          }
          #imoviewboxcondovaldevice{
            text-align: left;
          }
          #imoviewboxvalordevice{
            text-align: left;
          }
    
          #hero-banner {
            background-image: url("../img/homeban_480.png");
            background-size: cover;
            background-repeat: no-repeat;
          }
          #logomain{
            width:300px;
            margin-left:auto; 
            margin-right:auto; 
            margin-top:70px;
          }
          #homeimg{
            width:50%;
            height:60px;
          }   
          #bannertext{
          font-size:20px; text-align:center; font-weight:bold; color:#FFF; margin-top:25px;
          }
          #bannertext2{
          text-align: left; font-size:28px; font-weight:bold; color:#FFF;
          }       
    
          .hometextbig{
          font-size:30px;
          }  
          .depimg{
            width:100%;
            float:left;
            margin-top:25px;
          }
        
        }
    
        @media screen and (max-width:320px) {
          #testscreen{
            background-color: #F00;
          }
          #imovelviewmap{
            width:100%;
            top:130px;
            margin:0;   
            left:0;
            right:0;
            max-width:316px; 
            min-width:242px; 
          }
          #hero-banner {
            background-image: url("../img/homeban_375.png");
            background-size: cover;
            background-repeat: no-repeat;
            background-color: #000028;
          }
          #logomain{
          width:200px;
          margin-left:auto; 
          margin-right:auto; 
          margin-top:70px;
          }     
          #homeimg{
            width:50%;
            height:60px;
          }       
          #bannertext{
          font-size:16px; text-align:center; font-weight:bold; color:#FFF; margin-top:25px;
          }  
          #bannertext2{
          text-align: left; font-size:24px; font-weight:bold; color:#FFF; 
          }         
          .hometextbig{
          font-size:30px;
          }    
          .depimg{
            width:100%;
            float:left;
            margin-top:25px;
          }      
               
        }
        
        input[type=range] {
        width: 100%; /* Specific width is required for Firefox. */
        }
        input[type=range]::-webkit-slider-runnable-track {
          height: .35em;
          background: green;
          border: none;
          border-radius: 3px;
        } 
    
        input[type=range]::-webkit-slider-thumb {
    
            border: none;
            height: 1.1em;
            width: 1.1em;
            border-radius: 50%;
            background: yellow;
            margin-top: -4px;
        }
        
    
        .flash {
        -moz-animation: flash 1s ease-out;
        -moz-animation-iteration-count: 3;
    
        -webkit-animation: flash 1s ease-out;
        -webkit-animation-iteration-count: 3;
    
        -ms-animation: flash 1s ease-out;
        -ms-animation-iteration-count: 3;
      }
    
      @-webkit-keyframes flash {
          0% { background-color: none; }
          50% { background-color: #F00; }
          100% { background-color: none; }
      }
    
      @-moz-keyframes flash {
          0% { background-color: none; }
          50% { background-color: #F00; }
          100% { background-color: none; }
      }
    
      @-ms-keyframes flash {
          0% { background-color: none; }
          50% { background-color: #F00; }
          100% { background-color: none; }
      }
    
      .unselectable {
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        user-select: none;  
      }
    
      .redeloading{
        display: none;
        position: fixed;
        width: 150px;
        height: 150px;
        top: 30%;
        left: 50%;
        margin-top: -75px; /* Negative half of height. */
        margin-left: -75px; /* Negative half of width. */
        z-index: 4500;
      }
    
    
      .spinnerloading {
      display: none;
      position: fixed;
      width: 150px;
      height: 150px;
      top: 30%;
      left: 50%;
      margin-top: -75px; /* Negative half of height. */
      margin-left: -75px; /* Negative half of width. */
      z-index: 4500;
      border: 16px solid #000028;
      border-left-color: yellow;
      border-radius: 50%;
      animation: spin 1s linear infinite;
    }
    .spinnerloading2 {
      margin-top:100px;
      margin-left:auto;
      margin-right:auto;
      border: 16px solid #000028;
      border-left-color: yellow;
      border-radius: 50%;
      width: 150px;
      height: 150px;
      animation: spin 1s linear infinite;
    }
    @keyframes spin {
      to {
        transform: rotate(360deg);
      }
    }
    
    [data-tip]:before {
        content:'';
        /* hides the tooltip when not hovered */
        display:none;
        content:'';
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #1a1a1a;	
        position:absolute;
      margin-left: 10px;
      margin-top: 25px;
        z-index:8;
        font-size:0;
        line-height:0;
        width:0;
        height:0;
    }
    [data-tip]:after {
        display:none;
        content: attr(data-tip);	
        position:absolute;
      margin-left: -50px;
        text-align:center;	
        background:#000028;
        color:#FFF;
        z-index:9000;
        font-size: 16px;
        min-width:100px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: solid 2px #000000;
        width:auto;
        height:auto;
    }
    [data-tip]:hover:before,
    [data-tip]:hover:after {
        display:inline-block;
    }
    
    .mlabels {
         color: #000028;
         background-color: #FFF;
         font-family: "Lucida Grande", "Arial", sans-serif;
         font-size: 14px;
         text-align: center; 
         padding:3px;     
         white-space: nowrap;
         border-radius:5%;
         margin-top:5px;
    }
    ul {
        list-style-type: none;
    }
    #sortable { list-style-type: none; margin: 0; padding: 0; width: auto; }
    #sortable li {
        margin: 5px 15px 15px 0px;
        padding: 1px;
        float: left;
        width: 18%;
        height: 90px;
        font-size: 4em;
        text-align: center;
        -moz-box-shadow: 0px 8px 8px #000;
        -webkit-box-shadow: 0px 8px 8px #000;
        box-shadow: 0px 8px 8px #000;  
      }