.header-mobile { display:none; }
.img-intro { background:url(../videos/intro.png) no-repeat center; }
.container-call { display:none; }

.container-mess { display:inline-block; position:fixed; left:0; bottom:0; width:fit-content; height:100px; z-index:99; }
.container-mess .btn-mess { display:inline-block; float:left; width:80px; height:80px; color:rgba(255,255,255,1.00); font-size:36px; margin-left:20px; line-height:80px; text-align:center; border-radius: 50%; background:#d94e4e; animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px; 
  cursor:pointer;
  
   } 
.container-mess .btn-mess:hover { background:rgba(152,152,152,1.00);  }



.popup { display:none; position:fixed; top:calc(30% - 200px); left:calc(50% - 300px);  width:600px; min-height:50px; padding:10px; border-radius:10px; background-color:rgba(0,0,0,0.33); z-index: 9999;}
.popup .int { display:inline-block; position:relative; width:100%; height:90%; border-radius:10px 10px 0px 0px; background-color:rgba(255,255,255,1.00); }
.popup .int2 { height:500px; background-color:rgb(59, 117, 180); border-radius:10px 10px 10px 10px; }
.popup .bottom { display:inline-block; width:calc(100% - 40px); padding:20px; min-height:20px; border-radius:0px 0px 10px 10px; background-color:rgba(233,233,233,1.00); }
.popup .int .Header-pop { display:inline-block; position:relative; width:100%; height:25%; border-radius: 10px 10px 0px 0px; background-color:rgb(225, 225, 225);}
.Close { display:inline-block; position:absolute; top:5px; right:5px; width:60px; height:60px; cursor:pointer; font-size:38px; color:rgba(0,0,0,0.45); text-align:center; line-height:60px;}
.popup .int .Header-pop .barre { display:inline-block; width:60%; height:30px; padding:20px 20% 0 20%; }
.popup .int .Header-pop .title { display:inline-block; width:60%; height:30px; padding: 0px 20%; text-align:center; font-size:14px; color:rgba(43,133,166,1.00); font-weight:bolder; line-height:20px; }
.popup .int .container-pop { display:inline-block; width:calc(100% - 30px); cursor:pointer; height:20px; padding:20px 20px 20px 10px; border-bottom: 1px solid rgba(239,239,239,1.00);  font-size:14px; text-align:left; line-height:20px; text-transform:uppercase; color:rgba(0,0,0,1.00);   }
.popup .int .container-pop:last-child { border-bottom:0px; border-radius: 0px 0px 10px 10px; }
.popup .int .container-pop:hover { background-color:rgba(241,241,241,1.00); }

.popup .int .Header-bottom { display:inline-block; width:100%; height:10%; border-radius: 0px 0px 10px 10px; background-color:rgb(225, 225, 225);}
.popup .int .contact { display:inline-block; width:100%; height:200px; }
.popup .int .container-contact { display:inline-block; width:calc(100% - 30px); cursor:pointer; min-height:20px; padding:20px 20px 20px 10px; border-bottom: 1px solid rgba(239,239,239,1.00);  font-size:14px; text-align:left; line-height:20px; text-transform:uppercase; color:rgba(0,0,0,1.00);   }
.popup .bottom  input, .input-pop input { display:inline-block; float:right;  width:90px; min-height:30px; padding:5px; border: 2px solid rgba(255,255,255,1.00); background-color:rgb(59, 117, 180); border-radius:10px;  font-size:14px; text-align:center; line-height:20px; text-transform:uppercase; color:rgba(255,255,255,1.00);   }
.popup .bottom .float { float:left !important;   }
.CloseWhite { color:rgba(255,255,255,1.00) !important;   }

.Logo-pop { display:inline-block; width:calc(100% - 60px); height:60px; margin: 40px 20px 20px 40px; background-image:url(../images/logo-mobile-white.png); background-position:left; background-repeat:no-repeat; background-size:contain; }
.Text-pop { display:inline-block; width:calc(100% - 40px); min-height:60px; margin:20px;  color:rgba(255,255,255,1.00); text-align:left; font-size:24px; line-height:24px; } 
.input-pop { display:inline-block; width:calc(100% - 40px); min-height:20px; padding:20px; position:absolute; bottom:0px; left:0; }
.errorPop { border: 1px solid rgba(181,39,41,1.00) !important; }

@media only screen and (max-width: 768px) {
	
	
	 .popup { position:absolute; top:0px; left:0; width:calc(100% - 20px); border-radius:0px; }
	 .container-call .btn-Who { display:inline-block; position:absolute; right:0; top: 15px; float:left; width:200px; height:50px; color:rgba(255,255,255,1.00); font-size:18px; margin-left:20px; line-height:50px; text-align:center; border-radius: 5px 0px 0px 5px; background:rgba(37,152,181,1.00); } 
	
	
	
	.container-call { display:inline-block; position:fixed; left:0; bottom:0; width:100%; height:100px; }
	.container-call .btn-caller { display:inline-block; float:left; width:80px; height:80px; color:rgba(255,255,255,1.00); font-size:44px; margin-left:20px; line-height:80px; text-align:center; border-radius: 50%; background:#4ed964; animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;  } 
	
	.header-mobile { display:block; position:fixed; top:0px; left:0px;  width:100%; min-height:50px; border-bottom: 1px solid #D0D0D0; font-size:16px; color:rgba(99,163,204,1.00); background-color:rgba(255,255,255,1.00); text-align:center; z-index:999; }
	.container-logo { display:block; width:100%; height:50px; }
	
	.header { display:none; }
	.container-logo .logo-mobile { display:inline-block; float:left; width:calc(100% - 130px); margin-left:70px; height:50px; line-height:50px; font-size:20px; color:rgba(99,163,204,1.00); text-align:center; text-transform:uppercase; font-weight:bold;  }
    .container-menu { display:inline-block; position:absolute; top:0; left:-245px; width:245px; min-height:500px;  z-index:9999; background:rgba(255,255,255,1.00); } 
    .menu-btn { display:inline-block; position:absolute; top:0px; right:-60px;  width:60px; height:50px; background:rgba(255,255,255,1.00); line-height:50px; color:rgba(96, 96, 96, 1); text-align:center; font-size:24px; }
	.call-btn { display:inline-block; position:absolute; top:0px; right:0px;  width:60px; height:50px; line-height:50px; color:rgba(255,255,255,1.00); text-align:center; font-size:24px; }
	.menu-hearder { display: inline-block; width:100%; height:40px; background:rgba(255,255,255,1.00); padding: 10px 0px; }
    .btn-menu-header { display:inline-block; float:left;  width:60px; height:40px;  line-height:40px; border-right:rgba(91,91,91,1.00) 1px solid; color:rgba(0,0,0,1.00);  text-align:center; font-size:24px;  }
    .btn-menu-header:last-child { border-right:0px; }
	.container-menu  .menu { display:inline-block; width:100%; height:40px; line-height:40px; border-bottom: 0.5px solid rgba(0,0,0,0.5); }
	.container-menu  .menu .icon { display:block; float:left; width:40px; height:40px; color:#394F62; font-size:18px; line-height:40px; text-align:center; }
	.container-menu  .menu  a { color:rgba(0,0,0,1.00); float:left;  width:calc(100% - 50px); height:40px; line-height:40px; font-size:14px; padding-left:10px; text-align:left; text-decoration: none; }
    .slide-block { width:calc(100% - 10px); padding:0px 5px; }
	.img-intro { background:url(../videos/intro-320.png) no-repeat center; }
	
	
	
}