body,
html {
  width: 100%;
  height: 100%;  font-family: 'Montserrat', sans-serif; color:#222;}

#roqstore-frame {width: 100%; height:100vh;} 

section {
  padding: 8rem 0; }

.section-heading {
  margin-top: 0; }

::-moz-selection {
  color: #fff;
  background: transparent;
  text-shadow: none; }

::selection {
  color: #fff;
  background: transparent;
  text-shadow: none; }

img::selection {
  color: #fff;
  background: transparent; }

img::-moz-selection {
  color: #fff;
  background: transparent; }



::-webkit-scrollbar {
    width: 8px;
}


::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 0px;
}
 

::-webkit-scrollbar-thumb {
    background-color:#C1282A; 
    border-radius: 0px;

}


::-webkit-scrollbar-thumb:hover {
    background:#333;
	
}

h1,
h2,
h3,
h4{font-family: 'Montserrat', sans-serif; font-weight:400; letter-spacing:-2px;}

h5,
h6{font-family: 'Montserrat', sans-serif; font-weight:400; letter-spacing:-1.2px;}

.description{font-size:20px !important; opacity:0.8; letter-spacing:-1px !important;}

.bg-red{background-color:#C1282A;}

@media (max-width: 992px) {.pc{display:none;}}
@media (min-width: 992px) {.pc{display:block;}}

.bg-red-img{
	background-color:#C1282A; 
	background-image:url(../img/bg-marcas-de-piso-laminado.jpg); background-position:bottom right;
	background-repeat:no-repeat;}
	

.color-mqp{color:#C1282A;}

.font-red{color:#C1282A;}

.bg-red-2{background-color:#912B2A;}

.hr{border:#C1282A 4px solid; max-width:100px; border-radius:50px;}

.border-left-menu{border-left: 1px solid #FFF;}

@media (max-width: 992px) {
.border-left-menu{border-left: 0px solid #FFF; border-bottom: 1px solid #C1282A;}}

.navbar-toggler-right{border:none !important; font-size:30px;}

#mainNav {
  background-color: #FFF; text-align:center;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
  font-family: 'Montserrat', sans-serif;
  -moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;}

  #mainNav .navbar-brand {
    font-weight: 700;
    text-transform: uppercase;
    color: #C1282A;
    font-family: 'Montserrat', sans-serif; }
    #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
      color: #C1282A; }
  #mainNav .navbar-nav > li.nav-item > a.nav-link,
  #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
    font-size:14px;
    font-weight: 700;
    color:#C1282A; letter-spacing:-0.5px; }
    #mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
    #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
      color: #C1282A; }
    #mainNav .navbar-nav > li.nav-item > a.nav-link.active,
    #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active {
      color:#FFF !important; background-color:#C03A37 !important; /* indicador */
      }
      #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover,
      #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active:hover {
        background-color: transparent; }
  @media (min-width: 992px) {
    #mainNav {
      padding:70px;
      border-color: transparent;
      background-color: transparent;
	  
	   box-shadow:none; 
	   }
      #mainNav .navbar-brand {
        color:#FFF;}
        #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
          color: #fff; }
      #mainNav .navbar-nav > li.nav-item > a.nav-link {
        padding: 0.5rem 1rem; }
      #mainNav .navbar-nav > li.nav-item > a.nav-link,
      #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
        color:#FFF;}
        #mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
        #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
          color:#FFF; background-color: #C1282A;}
      #mainNav.navbar-shrink {
		 padding:10px; 
        background-color:#FFF; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
        #mainNav.navbar-shrink .navbar-brand {
          color:#C1282A;}
          #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {
            color: #C1282A; }
        #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link,
        #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus {
          color: #C1282A; border-left: 1px solid #C1282A;}
          #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover,
          #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover {
            color:#FFF; background-color: #C1282A; border-left:1px solid #FFF;} }
			
@media (min-width:992px) {.mobile-on{display:none;}}			
@media (max-width:992px) {.mobile-on{display:block;}}


.bg-loja{
background-attachment:;
height:100vh;
background-image:url(../img/loja-mais-que-pisos.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
	
}

@media (max-width:992px) {
.bg-loja{
height:70vh;	
}	
}

.bg-pisos{
background-attachment:;
height:70vh;
background-position: bottom center;
background-repeat:no-repeat;
background-size:cover;
	
}

@media (max-width:992px) {
.bg-pisos{
height:60vh;	
}	
}
			

.font-big{font-size:60px;}

@media (max-width:992px) { .font-big{font-size:40px;}}
	  
.mini{font-size:12px; line-height:14px;}
.mini-descri{font-size:10px; line-height:12px;}
.mini-2{font-size:14px; line-height:16px;}

.bg-opacity{background-color:rgba(0,0,0,0.5);}
 

.margin-zero{margin-top: -420px;}

@media (max-width: 992px) { .margin-zero{margin-top: -400px;}}

.margin-zero-2{margin-top: -120px;}

.margin-zero-3{margin-bottom: -55px;}

.margin-zero-4{margin-bottom: -100px;}

.margin-zero-promo{margin-top: -320px;}

@media (max-width: 992px) {.margin-zero-promo{ display:none;}}

@media (max-width: 992px) {.margin-bottom{margin-bottom:-240px;}}

.mega-font{font-size:50px;}
.mini-font{font-size:20px; font-weight:300 !important;}

.li{font-size:16px !important; letter-spacing:-0.5px; list-style-image:url(../img/ul.png)}

hr {
  max-width: 200px;
  border-width: 3px;
  border-color: #FFF; }

hr.light {
  border-color: #fff; }
  
.mar{ color:#C72425;}

a {
  color:#000; font-weight:700;
 -moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out; text-decoration:none;}
  a:hover {
    color:#C1282A ; text-decoration:none;
-moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;	
		
	 }
	 
	 
.bg-promocao{
	background-image: url(../img/bg-promocao-piso-laminado.jpg); 
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;}
	

@media (max-width: 992px) {	
.bg-promocao{ 
    min-height:580px;	
	background-image: url(../img/bg-promocao-piso-laminado.jpg); 
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:cover;}	 
}


.showcase .showcase-text {
  padding: 3rem; }
  
  @media (min-width: 992px) {
  .showcase .showcase-text {
    padding: 7rem; } }  

.showcase .showcase-img {
  min-height: 20rem;
  padding: 7rem;
  background-image:url(../img/bg-marcas-de-piso-laminado.jpg);
  background-attachment:;
  background-size: cover;  background-repeat:no-repeat; }
 
  @media (max-width: 992px) { 
.showcase .showcase-img {
  min-height: auto;
  padding: 0;
  padding-bottom:50px;
  text-align:center;
  background-image:none; }}
		 

.big-font{ font-size:22px; }

.text-black{ color:#222;}
.text-red{ color:#C1282A;}

.border-left{border-left: 8px solid #C1282A;}


@media (max-width: 992px) {	.border-left-mobile{border-left: 8px solid #C1282A;}}

.a {
  color: #FFF;
  font-size:16px;
  padding:10px;
  margin-top:20px;
  font-weight:700;
 -moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;}
  .a:hover {
    color: #C72425; background-color:#FFF; text-decoration:none;
-moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;	
	
	
	 }
	 
	 
.a-2 {
  color: #000;
  font-size:12px;
  padding:10px;
 -moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;}
  .a-2:hover {
    color: #C72425; text-decoration:none; letter-spacing:2px;
-moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;	
	
	
	 }	 
	 





  
 .bt{ 
 
 background: linear-gradient(-3deg, #C72425 30%, rgba(0, 0, 0, 0) 30%);
 position:fixed;
 bottom:0;
 z-index:1;
 width:100%;
 height:300px;
 }
 
 
.entre{ margin-bottom:-280px;}  


.fa-star{color:#FFFF00;}
 
 
 
 .shadow{box-shadow: 0 0 40px rgba(0,0,0,0.6);}
 
 
.bg-entre-left{ background-image: url(../img/pisos-laminados.png); background-repeat:no-repeat; background-position:left;} 
.bg-entre-right{ background-image: url(../img/pisos-laminados-instalado.png); background-repeat:no-repeat; background-position:right;}
.bg-entre-left-2{ background-image: url(../img/pisos-laminados-2.png); background-repeat:no-repeat; background-position:left;} 
.bg-entre-right-2{ background-image: url(../img/pisos-laminados-instalado-2.png); background-repeat:no-repeat; background-position:right;} 

.bg-entre-left-3{ background-image: url(../img/excelencia.png); background-repeat:no-repeat; background-position:left;}

.bg-mais-que-pisos{background-attachment:fixed; background-image:url(../img/bg-mais-que-pisos.jpg); background-repeat:no-repeat; background-position:center right; background-size:cover;} 

@media (max-width:700px){
.bg-entre-left{ background-image: url(../img/pisos-laminados.png); background-repeat:no-repeat; background-position:left; background-size:cover;} 
.bg-entre-right{ background-image: url(../img/pisos-laminados-instalado.png); background-repeat:no-repeat; background-position:right;  background-size:cover;}
.bg-entre-left-2{ background-image: url(../img/pisos-laminados-2.png); background-repeat:no-repeat; background-position:left;  background-size:cover;} 
.bg-entre-right-2{ background-image: url(../img/pisos-laminados-instalado-2.png); background-repeat:no-repeat; background-position:right;  background-size:cover;} 
.bg-entre-left-3{ background-image: url(../img/excelencia.png); background-repeat:no-repeat; background-position:left;  background-size:cover;} 
}


.bgs{	
background-attachment: fixed;
background-position:bottom center;
background-repeat:no-repeat;
background-size:cover;
color:#FFF;
font-size:18px;		
}
      
  
.bg-1 {
  background-image: url(../img/piso-laminado-em-sao-paulo.jpg);
  background-attachment: fixed;
  background-repeat:no-repeat;
  background-size:cover;
  color:#FFF;
  font-size:18px;
 }
 .bg-1B {
  background-image: url(../img/pisos-laminados-em-sao-paulo.jpg);
  background-attachment: fixed;
  background-repeat:no-repeat;
  background-size:cover;
  color:#FFF;
  font-size:18px;
 } 
 .bg-2 { 
  background-image: url(../img/piso-vinilico-em-sao-paulo.jpg);
  background-attachment: fixed;
  background-repeat:no-repeat;
  background-size:cover;
  color:#FFF;
  font-size:18px;
 }
 

 
 .bg-4 {
  background-image: url(../piso-vinilico/ecomex/bg.jpg);
  background-attachment: fixed;
  background-repeat:no-repeat;
  background-size:;
  background-position:bottom center;
  color:#FFF;
  font-size:18px;
 } 
 
 .bg-5 {
  background-image: url(../img/persianas-em-sao-paulo.jpg);
  background-attachment: fixed;
  background-repeat:no-repeat;
  background-size:cover;
  color:#FFF;
  font-size:18px;
 } 
 
 
 .bg-6 {
  background-image: url(../img/varais-de-aluminio-em-sao-paulo.jpg);
  background-attachment: fixed;
  background-repeat:no-repeat;
  background-size:cover;
  color:#FFF;
  font-size:18px;
 } 
 
 .bg-vantagens-do-piso-vinilico {
  background-image: url(../img/piso-vinilico-em-sao-paulo.jpg);
  background-attachment: fixed;
  background-repeat:no-repeat;
  background-size:cover;
  color:#FFF;
  font-size:18px;
 } 
 
.bg-vantagens-do-piso-vinilico i {width:100px; height:100px; text-align:center; padding:12px;} 


.bg-primary {
  background-color: #F4C62B !important; }

.bg-dark {
  background-color: #212529 !important; }

.text-faded {
  color: rgba(255, 255, 255, 0.7); }



.bg-show-room{
width:100%; 
height:60vh; 
background-image: url(../img/show-room-mais-que-pisos.jpg); 
background-attachment:; 
background-position:center; 
background-size:cover;
background-repeat: repeat-x;
animation: slideleft 6000s infinite linear;
-webkit-animation: slideleft 6000s infinite linear;
}  
@media (max-width: 992px) {  	
.bg-show-room{ 
animation: slideleft 4000s infinite linear;
-webkit-animation: slideleft 4000s infinite linear;
}
}  	

@keyframes slideleft {
    from {
        background-position: 0%;
    }

    to {
        background-position: 90000%;
    }
}

@-webkit-keyframes slideleft {
    from {
        background-position: 0%;
    }

    to {
        background-position: 90000%;
    }
}	  
	  

	 

.text-primary {
  color: #000 !important; }

.btn {
  
  
  border: none;
  border-radius: 0px;
  font-family: 'Montserrat', sans-serif; }

.btn-xl {
  padding: 1rem 2rem; }

.btn-primary {
	width:200px;
	margin-left:2px;
	margin-right:2px;
	margin-top: 6px;
	font-weight:700;
	font-size:12px;
  background-color: transparent; border: 2px solid;
  border-color:#FFF; color:#FFF;
  -moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
  
  
   }
  .btn-primary:hover{
    color: #FFF;
    background-color: #C03A37 !important;
	border-color:#C03A37;
	-moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
	 }
	 .btn-primary:active, .btn-primary:focus {
    box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  !important; }
 
 
 .btn-primary-2 {
	 max-width:200px;
	 
	
	 outline: none;
	 border-radius:0;
	 padding:10px;
	font-weight:500;
	text-transform:;
	font-size:14px;
  background-color:#C1282A;
  font-family: 'Montserrat', sans-serif!important;
  border-color:#C1282A ;  border: 1px solid #C1282A; color:#FFF;
  -moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
  
  
   }
   
  .btn-primary-2:hover {
    color: #FFF;
	outline: none;
    background-color: #222!important;
	border-color:#222;
	-moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
	
	
	 }
	 
	 .btn-primary-2:active, .btn-primary-2:focus {
    box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  !important; }
	
	


.btn-primary-3 {
	
	 border-radius:50px;
	 padding:6px 20px;
	font-weight:700;
	text-transform:;
	letter-spacing:-1px;
	font-size:16px;
  background-color: transparent;
  font-family: 'Montserrat', sans-serif!important;
  border-color:#C1282A ;  border: 1px solid #FFF; color:#FFF;
  -moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
  
  
   }
   
  .btn-primary-3:hover {
    color: #FFF;
	outline: none;
    background-color:#C1282A!important;
	border-color:#C1282A;
	-moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
	
	
	 }
	
	

.bg-whatsapp{background-color:#189D0E ;}	
	

.btn-whats {
	font-size:20px;
	border-radius:0px;
	max-width:160px;	
	padding:24px; letter-spacing:-1px;
    background-color:#189D0E ;
    border-color:#189D0E; color:#FFF;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
    -moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
  
  
   }
  .btn-whats:hover{
    color: #FFF;
    background-color: #189D0E !important;
	 border-color: #189D0E;
	-moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
	
	
	 }
	 
	 
	 
.btn-whats-fixo {
	font-size:14px;
	position:fixed;
	max-width:100%;
	border-radius:0px;	
	bottom:10px;
	right:20px;
	z-index:100;
	padding:10px; letter-spacing:-1px;
    background-color:#189D0E ;
    border-color:#189D0E; color:#FFF;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
    -moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
  
  
   }
  .btn-whats-fixo:hover{
    color: #FFF;
	bottom:20px;
    background-color: #189D0E !important;
	 border-color: #189D0E;
	-moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
	
	
	 }		 
	 
	 	
	
	
	
	.up{ font-size:12px; }
	
	
	
	.slideanim {visibility:hidden;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
  @keyframes slide {
    0% {
      opacity: 0;
      transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }

	
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 4s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}



.pulse-2 {
  -webkit-animation-name: pulse-2;
  animation-name: pulse-2;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.pulse-2:hover {
  animation: none;
}

@-webkit-keyframes pulse-2 {
  25% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes pulse-2 {
  25% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
	

	
	
.fotos {
    margin: ;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
   -moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
    }

.fotos:hover {
	cursor: pointer;
	-webkit-transform: scale(1.1, 1.1)  rotate(10deg);
    -ms-transform: scale(1.1, 1.1)  rotate(10deg);
    transform: scale(1.1, 1.1)  rotate(10deg);
    -moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
    z-index:10;
    }
	
	
.google{ z-index:1000; position:relative;}


.callout {
	width:100%;
	text-align:center;
	background-color:rgba(0,0,0,0.5);
position: fixed;    
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index:5000;}
.callout-header {padding: ;background-color: transparent;font-size: 30px;color: white;}
.callout-container {padding: ;background-color: transparent;color: black;}
.closebtn {  position: absolute;top: 15px;right: 3px;color: white;text-align:center;background: transparent;  cursor: pointer;-moz-transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;-ms-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;}
.closebtn:hover {top: 1px;-moz-transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;-ms-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;}