body{
  background-color: #fff;
  color: #0c0e3b;
  font-family: "futura-pt";
/* cursor: url(../img/cursor.png), auto; */
}
p{
  font-size: 18px;
}
a { color:#0c0e3b;}
a:hover {color:#666;}
.logobrand{
  padding-top: 15px;
  padding-left: 15px;
      /* z-index: 10; */
}
#particles-js{
  position: fixed;
    z-index: -1;
    width: 100%;
height: 100%;
}
.maindiv{
  width: 100%;
    display: block;
    height: 80vh;
/* cursor: none; */
/* background-color: #92fbff; */
}
.mouseadentro{
    width: 100%;
}

.centerimg{
  margin-top: 20vh;
  display: block;
  margin-left: auto;
margin-right: auto;
    padding: 25px;
max-width: 800px;
}
.centerimg1{
  margin-top: 25vh;
  display: block;
  margin-left: auto;
margin-right: auto;
}
.capstext{
  text-transform: uppercase !important;
}
.w3-animate-fading{animation:fading 2s}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-display-left{cursor:none;z-index: 1000;display: none;position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{cursor:none;z-index: 1000;display: none;position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-button{background-color: transparent; border: 0px;}
.slidebutton{
  text-transform: uppercase;
  /* margin-top: 45px; */
  font-size: 30px;
border-bottom: 1px solid #0c0e3b;
text-align: left;
text-decoration: none;
z-index: 5000;


}
.slidebutton:hover{
  text-decoration: none;
}
.footer{
  /* position: absolute; */
    bottom: 0;
    padding-top: 25px;
    padding-bottom: 30px;
    width: 100%;
    background-color: #2e2f34;
    z-index: 6000 !important;
    color: #f8f8f8;
    z-index: 2000;
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 35px;
}
.header_interno_about{
  height: 30vh;
  width: 100%;
  background-color: #def9ff;
}
.sepa40{
  margin-top: 40px;
}
.headerprice{
  background-color: #eee;
    padding: 10px;
    text-align: center;
}
.titulotope{
  text-align: center !important;
    position: relative !important;
    top: 60% !important;
    margin-top: 0px !important;
}
.talkbutton{
  font-size: 6rem;
  color: #fff;
}
.talkbutton:hover{
  text-decoration: none;
  color: #e96a4c;
}
#mapfooter{
  padding: 0px !important;
  margin: 0px !important;
  max-height: 450px;
}
.address, .tel, .tel a, .tel a:hover, .tel a:visited{
  font-size: 18px;
  color: #fff;
}
.font3{
  font-size: 3rem;
}

.form_input{
  margin: 0 0 15px 0 !important;
    padding: 5px;
/*height: 2.3125rem;*/
width: 100%;
}
.form_buttom{
  background-color: #001f37;
  padding: 10px 25px;
  color: #dbffff;
  border: 0px;
}
.form_buttom:hover{
  background-color: #dbffff;
  color: #001f37;
  text-decoration: none;
  cursor: default;
}
.buttongris{
  /*background-color: #454545;*/
  padding: 7px 12px 7px 12px;
  text-transform: uppercase;
  color: #dbffff;
  position: relative;
/*bottom: 20px;*/
/*left: 30px;*/

}

.buttongris:hover{
  color: #dbffff;
  text-decoration: none;
}
.buttongris:after {
  position: absolute;
  left: 0%;
  top: 0%;
  content: '';
  height: 100%;
  transition: all 0.2s linear;
  width: 100%;
  border-bottom: 1px solid #dbffff;
  transform: scaleX(0);
}
.buttongris:hover:after {
  transform: scale(1);
}


.footer .footer-menu{
  list-style-type: none;
padding-left: 0;
}
.footer .footer-menu a {
  color: #fff;
}
.footer h2{
  margin-top: 0;
margin-bottom: 25px;
font-size: 94px !important;
font-size: 9.4rem !important;
color: #fff;
}
.socialfooter{
  padding-top: 25px;
  border-top: 2px solid #ccc;
  font-size: 25px;
  margin-top: 20px;
  margin-bottom: 25px;
}
.copyright{
  font-size: 11px;
  color: #fff;
}
.linkwhite{color: #fff;}.linkwhite:hover{color:#e96a4c;}
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.gsvdiv{
  background-image: url('../img/streetview.jpg');
  background-size: cover;
  background-position: center center;
      min-height: 350px;
}
.logodiv{
  background-image: url('../img/logo.jpg');
  background-size: cover;
  background-position: center center;
      min-height: 350px;
}
.printingdiv{
  background-image: url('../img/printing.jpg');
  background-size: cover;
  background-position: center center;
      min-height: 350px;
}
.kioskdiv{
  background-image: url('../img/digitalkiosk.jpg');
  background-size: cover;
  background-position: center center;
      min-height: 350px;
}
.titlehome{
  font-size: 6rem;
}
.divrightphoto{
  width: calc(100% - 54rem);
position: relative;
float: right;
z-index: 0;
display: block;
height: 46rem;
background-color: #ff4;
margin-top: 3rem;
}
.divlefttext{
  background-color: #fff;
width: 54rem;
display: block;
position: relative;
left: 16rem;
padding: 2rem;
box-shadow: 1.5rem 2.5rem 5rem 0.7rem rgba(0,0,0,.28);
}
.divrighttext{
  background-color: #fff;
width: 54rem;
display: block;
position: relative;
right: 16rem;
float: right;
padding: 2rem;
box-shadow: 1.5rem 2.5rem 5rem 0.7rem rgba(0,0,0,.28);
}
.divleftphoto{
  width: calc(100% - 54rem);
position: relative;
float: left;
z-index: 0;
display: block;
height: 46rem;
background-color: #ff4;
margin-top: 3rem;
}
.examples_gall{
  display: block;
  margin-top: 15px;
}
.example_photo{
  max-width: 60px;
    float: left;
    padding: 5px;
    /* border: 2px solid #fff; */
    background-color: #fff;
    margin-left: 5px;
}
.example_photo a:hover{
  max-width: 65px;
}
.badgeicon{
  max-width:10%;
  padding:15px;
}
#street-view{height:70vh}
#map{height: 60vh;}
#filtros{height: 10vh; color: #000; padding: 5px;}
.filtroinput{
  display: block;
padding: 5px;
font-weight: bold;
color: #000;
max-width: 300px;
/* min-width: 50%; */
/* float: left; */
}
.filterdiv{
  float: left;
}
.filterdiv1{
  right: 0;
    position: absolute;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-width: 450px) {

    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}
@media screen and (max-height: 450px) {
    .overlay a {font-size: 30px; line-height: 40px;}
    .overlay .closebtn {
        font-size: 30px;
        top: 15px;
        right: 35px;
    }
    .centerimg{
      max-height: 100px;
    }
    .a3dimg {
      max-height: 20vh;
    }
    .centerimg {
    margin-top: 25vh;
  }
  .centerimg h1{
    font-size: 28px;
    margin-bottom: 15px !important;
  }
  .slidebutton{
    font-size: 20px;
  }
}
@media screen and (max-width: 767px){
  .divrightphoto{
    display: none !important;
  }
  .divlefttext{
    box-shadow: none;
min-height: 0;
padding: 4.5rem;
left: 0;
max-width: 100%;
  }
  .divleftphoto{
    display: none !important;
  }
  .divrighttext{
    box-shadow: none;
min-height: 0;
padding: 4.5rem;
left: 0;
max-width: 100%;
  }
  .badgeicon{
    max-width:33%;
    padding:5px;
  }
  #street-view{height:60vh}
  #map{height: 30vh;}
  #filtros{height: 10vh;}
  .titlehome{
    font-size: 4rem;
  }
}
.tope20{
  margin-top: 20px !important;
}
.whitetext{ color: #fff !important;}
.greyback{background-color: #2e2f34  !important;}



/* video */
.video-responsive {
padding-bottom: 56.25%;
position: relative;
width: 100%;
}

.canvas,
.video {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
background: #000;
z-index: 0;
}
#over_video{
position: absolute;
width: 100%;
height: 100%;
text-align: center;
top: 0;
z-index: 1;
font-size: 12vw;
color: #FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
/* margin-top: 20%; */
text-shadow: 4px 4px 4px #5C433B;
background-color: #0202025c;
}