@charset "utf-8";


/* ==============================
   Text Industrial
   ============================== */
.indusall{display:block;
		width:100%;
		height:150px;
		clear:both;
		background-color:#274b69;
				position:relative;
		
		-webkit-box-shadow: inset -2px -37px 129px -63px rgba(0,0,0,0.5);
-moz-box-shadow: inset -2px -37px 129px -63px rgba(0,0,0,0.5);
box-shadow: inset -2px -37px 129px -63px rgba(0,0,0,0.5);}

.industext{
	z-index:10;
	clear:both;
	display:block;
	position:relative;
	margin:0 auto;
	max-width:600px;
	width:100%;
	height:auto;
	}
	
.Industrial{
	margin-top:80px;
	text-align:center;
	color:black;
}
.industext2{
	
	margin:0 auto;
	
	height:auto;
	}
.induswidthcon{width:250px;}
	
.Industrial p{
	letter-spacing: 2px;
	text-transform:uppercase;
	color:white;
	padding-top:30px;
	font-size:36px;}

.Industrialtype p{
	z-index:5;
	height:35px;
	width:auto;
	color:white;
	margin-top:-50px;
	background-color:rgba(255,255,255,0.2);
	text-align:center;
	font-size:18px;
	padding:3px 10px 0px 10px;
	}
	
	
	
/* ==============================
   circle-ripple
   ============================== */
.blockoutside{
	height:auto;
	max-width:100%;
	margin:0 auto;
	position:relative;
	
	}
.blockinside{
	z-index:0;
	background:#000000;
	height:auto;
	width:100%;
	position:relative;
}
.blockinside .blackout{
	background:black;
	opacity:0.3;
	}
.blockImage{
	z-index:-1;
	opacity:0.8;
	height:auto;
	width:100%;
	position:relative;
}






/* ==============================
   circle-ripple
   ============================== */
/* 
   circle-ripple 01
 */
.mobilecircle1{ position: absolute;
  width: 20px;
  height: 20px;
  z-index:999;
  cursor:pointer;
  display:none;
  border-radius: 50%;
  background-image:url(../images/icon01.svg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
    transform: translate(-50%, -50%);
	top: 80%;
  left: 30%;}

.circle-ripple:nth-child(1){

  position:absolute;
  background-color: rgba(8,117,187,1);
	top: 80%;
  left: 30%;
  
}
.fix1{transform:translate(-90%, -50%);top: 80%;
  left: 30%;}
.float-butt1 p{
	text-align:left;	
	margin-top:0;
	margin-right:10px;
	margin-left:90px;
	font-size:12px;
	float:left;
	color:rgba(8,117,187,1);
	text-decoration:none;
	clear:both;	
}
.float-butt1 h3{
	height:50px;
	width:150px;
	float:left;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius:2px;
	background-color:rgba(39,76,105,1);
	cursor:pointer;
	text-align:center;
	margin-top:10px;
	margin-right:10px;
	color:white;
	text-decoration:none;
	clear:both;	
}
.float-butt1 h3:link{color:white;text-decoration:none;}
.float-butt1 h3:visited{color:white;text-decoration:none;}
.float-butt1 h3:{color:white;text-decoration:none;}
.float-butt1 a{color:white;text-decoration:none;}
.float-butt1 h3:active{color:white;text-decoration:none;}
.float-butt1 h3:hover{background-color:rgba(8,117,187,1);
-webkit-box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
-moz-box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
transition:10ms;
text-decoration:none;}

/* 
   circle-ripple 02
 */
 
 .mobilecircle2{ position: absolute;
  width: 20px;
  height: 20px;
  z-index:999;
  cursor:pointer;
  display:none;
  border-radius: 50%;
  background-image:url(../images/icon02.svg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
    transform: translate(-50%, -50%);
	top: 40%;
  left: 40%;}
.circle-ripple:nth-child(2){
 
  position: absolute;
  background-color: rgba(8,117,187,1);
  
top: 40%;
  left: 40%;
}
.fix2{transform:translate(-90%, -50%);
	top: 40%;
  left: 40%;}
  
.float-butt2 p{
	text-align:left;	
	margin-top:0;
	margin-right:10px;
	margin-left:90px;
	font-size:12px;
	float:left;
	color:rgba(8,117,187,1);
	text-decoration:none;
	clear:both;
}
.float-butt2 h3{
	height:50px;
	width:150px;
	float:left;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius:2px;
	background-color:rgba(39,76,105,1);
	cursor:pointer;
	text-align:center;
	margin-top:10px;
	margin-right:10px;
	color:white;
	text-decoration:none;
}
.float-butt2 h3:link{color:white;text-decoration:none;}
.float-butt2 h3:visited{color:white;text-decoration:none;}
.float-butt2 h3:{color:white;text-decoration:none;}
.float-butt2 a{color:white;text-decoration:none;}
.float-butt2 h3:active{color:white;text-decoration:none;}
.float-butt2 h3:hover{background-color:rgba(8,117,187,1);
-webkit-box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
-moz-box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
transition:10ms;
text-decoration:none;}
/* 
   circle-ripple 03
 */
 
 .mobilecircle3{ 
 	position: absolute;
  width: 20px;
  height: 20px;
  z-index:999;
  cursor:pointer;
  display:none;
  border-radius: 50%;
  background-image:url(../images/icon03.svg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
    transform: translate(-50%, -50%);
	top: 60%;
  left:60%;}
.circle-ripple:nth-child(3){
 
  position: absolute;
  background-color: rgba(8,117,187,1);
  
	top: 60%;
  left:60%;
  
}

.fix3{	transform:translate(-90%, -50%);top: 60%;
  left:60%;
  }
  
 .float-butt3 p{
	text-align:left;	
	margin-top:0;
	margin-left:10px;
	margin-right:90px;
	font-size:12px;
	float:left;
	color:rgba(8,117,187,1);
	text-decoration:none;
}
.float-butt3 h3{
	height:50px;
	width:150px;
	float:left;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius:2px;
	background-color:rgba(39,76,105,1);
	cursor:pointer;
	text-align:center;
	margin-top:10px;
	margin-left:10px;
	color:white;
	text-decoration:none;
}
.float-butt3 h3:link{color:white;text-decoration:none;}
.float-butt3 h3:visited{color:white;text-decoration:none;}
.float-butt3 h3:{color:white;text-decoration:none;}
.float-butt3 a{color:white;text-decoration:none;}
.float-butt3 h3:active{color:white;text-decoration:none;}
.float-butt3 h3:hover{background-color:rgba(8,117,187,1);
-webkit-box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
-moz-box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
transition:10ms;
text-decoration:none;}
/* 
   circle-ripple 04
 */
 .mobilecircle4{ position: absolute;
  width: 20px;
  height: 20px;
  z-index:999;
  cursor:pointer;
  display:none;
  border-radius: 50%;
  background-image:url(../images/icon04.svg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
    transform: translate(-50%, -50%);
	top: 85%;
  left:91%;}
.circle-ripple:nth-child(4){
 
  position: absolute;
  background-color: rgba(8,117,187,1);
  
	top: 85%;
  left:91%;
  
}
 .fix4{transform:translate(-90%, -50%);top: 85%;
  left:91%;}
  .float-butt4 p{
	text-align:left;	
	margin-top:0;
	margin-left:10px;
	margin-right:90px;
	font-size:12px;
	float:left;
	color:rgba(8,117,187,1);
	text-decoration:none;
}
.float-butt4 h3{
	height:50px;
	width:150px;
	float:left;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius:2px;
	background-color:rgba(39,76,105,1);
	cursor:pointer;
	text-align:center;
	margin-top:10px;
	margin-left:10px;
	color:white;
	text-decoration:none;
}
.float-butt4 h3:link{color:white;text-decoration:none;}
.float-butt4 h3:visited{color:white;text-decoration:none;}
.float-butt4 h3:{color:white;text-decoration:none;}
.float-butt4 a{color:white;text-decoration:none;}
.float-butt4 h3:active{color:white;text-decoration:none;}
.float-butt4 h3:hover{background-color:rgba(8,117,187,1);
-webkit-box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
-moz-box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
transition:10ms;
text-decoration:none;}
/* 
   circle-ripple 05
 */
 
 .mobilecircle5{ position: absolute;
  width: 20px;
  height: 20px;
  z-index:999;
  cursor:pointer;
  display:none;
  border-radius: 50%;
  background-image:url(../images/icon05.svg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
    transform: translate(-50%, -50%);
	top: 70%;
  left: 90%;}
  
.circle-ripple:nth-child(5){
 
  position: absolute;
  background-color: rgba(8,117,187,1);
top: 70%;
  left: 90%;
  
}
.fix5{transform:translate(-90%, -50%);top: 70%;
  left: 90%;}
   .float-butt5 p{
	text-align:left;	
	margin-top:0;
	margin-left:10px;
	margin-right:90px;
	font-size:12px;
	float:left;
	color:rgba(8,117,187,1);
	text-decoration:none;
}
.float-butt5 h3{
	height:50px;
	width:150px;
	float:left;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius:2px;
	background-color:rgba(39,76,105,1);
	cursor:pointer;
	text-align:center;
	margin-top:10px;
	margin-left:10px;
	color:white;
	text-decoration:none;
}
.float-butt5 h3:link{color:white;text-decoration:none;}
.float-butt5 h3:visited{color:white;text-decoration:none;}
.float-butt5 h3:{color:white;text-decoration:none;}
.float-butt5 a{color:white;text-decoration:none;}
.float-butt5 h3:active{color:white;text-decoration:none;}
.float-butt5 h3:hover{background-color:rgba(8,117,187,1);
-webkit-box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
-moz-box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
transition:10ms;
text-decoration:none;}
 /* 
   circle-ripple 06
 */
 .mobilecircle6{ position: absolute;
  width: 20px;
  height: 20px;
  z-index:999;
  cursor:pointer;
  display:none;
  border-radius: 50%;
  background-image:url(../images/icon06.svg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
    transform: translate(-50%, -50%);
	top: 63%;
  left: 77%;}
.circle-ripple:nth-child(6){
 
   position: absolute;
  background-color: rgba(8,117,187,1);
  
	top: 63%;
  left: 77%;
  
}
 .fix6{transform:translate(-90%, -50%);top: 63%;
  left: 77%;}
  .float-butt6 p{
	text-align:left;	
	margin-top:0;
	margin-left:10px;
	margin-right:90px;
	font-size:12px;
	float:left;
	color:rgba(8,117,187,1);
	text-decoration:none;
}
.float-butt6 h3{
	height:50px;
	width:150px;
	float:left;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius:2px;
	background-color:rgba(39,76,105,1);
	cursor:pointer;
	text-align:center;
	margin-top:10px;
	margin-left:10px;
	color:white;
	text-decoration:none;
}
.float-butt6 h3:link{color:white;text-decoration:none;}
.float-butt6 h3:visited{color:white;text-decoration:none;}
.float-butt6 h3:{color:white;text-decoration:none;}
.float-butt6 a{color:white;text-decoration:none;}
.float-butt6 h3:active{color:white;text-decoration:none;}
.float-butt6 h3:hover{background-color:rgba(8,117,187,1);
-webkit-box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
-moz-box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
transition:10ms;
text-decoration:none;}
 /* 
   circle-ripple 07
 */
 .mobilecircle7{ position: absolute;
  width: 20px;
  height: 20px;
  z-index:999;
  cursor:pointer;
  display:none;
  border-radius: 50%;
  background-image:url(../images/icon07.svg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
    transform: translate(-50%, -50%);
	top: 47%;
  left: 90%;}
.circle-ripple:nth-child(7){
 
   position: absolute;
  background-color: rgba(8,117,187,1);
  
	top: 47%;
  left: 90%;
  
}
 .fix7{transform:translate(-90%, -50%);top: 47%;
  left: 90%;}
  .float-butt7 p{
	text-align:left;	
	margin-top:0;
	margin-left:10px;
	margin-right:90px;
	font-size:12px;
	float:left;
	color:rgba(8,117,187,1);
	text-decoration:none;
}
.float-butt7 h3{
	height:50px;
	width:150px;
	float:left;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius:2px;
	background-color:rgba(39,76,105,1);
	cursor:pointer;
	text-align:center;
	margin-top:10px;
	margin-left:10px;
	color:white;
	text-decoration:none;
}
.float-butt7 h3:link{color:white;text-decoration:none;}
.float-butt7 h3:visited{color:white;text-decoration:none;}
.float-butt7 h3:{color:white;text-decoration:none;}
.float-butt7 a{color:white;text-decoration:none;}
.float-butt7 h3:active{color:white;text-decoration:none;}
.float-butt7 h3:hover{background-color:rgba(8,117,187,1);
-webkit-box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
-moz-box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
transition:10ms;
text-decoration:none;}
 /* 
   circle-ripple 08
 */
 .mobilecircle8{ position: absolute;
  width: 20px;
  height: 20px;
  z-index:999;
  cursor:pointer;
  display:none;
  border-radius: 50%;
  background-image:url(../images/icon08.svg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
    transform: translate(-50%, -50%);
	top: 25%;
  left: 80.5%;}
.circle-ripple:nth-child(8){
 
   position: absolute;
  background-color: rgba(8,117,187,1);
  
	top: 25%;
  left: 80.5%;
  
}
 .fix8{transform:translate(-90%, -50%);top: 25%;
  left: 80.5%;}
  .float-butt8 p{
	text-align:left;	
	margin-top:0;
	margin-left:10px;
	margin-right:90px;
	font-size:12px;
	float:left;
	color:rgba(8,117,187,1);
	text-decoration:none;
}
.float-butt8 h3{
	height:50px;
	width:150px;
	float:left;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius:2px;
	background-color:rgba(39,76,105,1);
	cursor:pointer;
	text-align:center;
	margin-top:10px;
	margin-left:10px;
	color:white;
	text-decoration:none;
}
.float-butt8 h3:link{color:white;text-decoration:none;}
.float-butt8 h3:visited{color:white;text-decoration:none;}
.float-butt8 h3:{color:white;text-decoration:none;}
.float-butt8 a{color:white;text-decoration:none;}
.float-butt8 h3:active{color:white;text-decoration:none;}
.float-butt8 h3:hover{background-color:rgba(8,117,187,1);
-webkit-box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
-moz-box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
transition:10ms;
text-decoration:none;}
 /* 
   circle-ripple 09
 */
 .mobilecircle9{ position: absolute;
  width: 20px;
  height: 20px;
  z-index:999;
  cursor:pointer;
  display:none;
  border-radius: 50%;
  background-image:url(../images/icon09.svg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
    transform: translate(-50%, -50%);
	top: 10%;
  left: 65.5%;}
.circle-ripple:nth-child(9){
 
   position: absolute;
  background-color: rgba(8,117,187,1);
  
	top: 10%;
  left: 65.5%;
  
}
 .fix9{transform:translate(-90%, -50%);top: 10%;
  left: 65.5%;}
  .float-butt9 p{
	text-align:left;	
	margin-top:0;
	margin-left:10px;
	margin-right:90px;
	font-size:12px;
	float:left;
	color:rgba(8,117,187,1);
	text-decoration:none;
}
.float-butt9 h3{
	height:50px;
	width:150px;
	float:left;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius:2px;
	background-color:rgba(39,76,105,1);
	cursor:pointer;
	text-align:center;
	margin-top:10px;
	margin-left:10px;
	color:white;
	text-decoration:none;
}
.float-butt9 h3:link{color:white;text-decoration:none;}
.float-butt9 h3:visited{color:white;text-decoration:none;}
.float-butt9 h3:{color:white;text-decoration:none;}
.float-butt9 a{color:white;text-decoration:none;}
.float-butt9 h3:active{color:white;text-decoration:none;}
.float-butt9 h3:hover{background-color:rgba(8,117,187,1);
-webkit-box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
-moz-box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
box-shadow: -1px 13px 23px -13px rgba(0,0,0,0.52);
transition:10ms;
text-decoration:none;}
/* ==============================
   circle-ripple control end
   ============================== */
   
   
   
   
.circle-ripple {
	position:absolute;
  background-color:rgba(8,117,187,1);
  width: 30px;
  height: 30px;
  cursor:pointer;
  border-radius: 50%;
  background-image:url(../images/iconrip.svg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
    transform: translate(-50%, -50%);
  -webkit-animation: ripple 3s linear infinite;
          animation: ripple 3s linear infinite;
}
.hover-circle-be {
	display: block;
	cursor:pointer;
	
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color:rgba(222,222,222,1);
  border-style: solid;
  background-position:center;
  background-size:cover;
  -webkit-transition: 0.1s;
  transition:0.1s;
  -webkit-animation: none;
  animation: none;
  border-color:rgba(222,222,222,1);
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);
}
.productimage01{background-image:url(../images/Edit2/w_glass.jpg);z-index:20;}
.productimage02{background-image:url(../images/Edit2/w_glass.jpg);z-index:20;}
.productimage03{background-image:url(../images/Edit2/w_glass.jpg);z-index:20;}
.productimage04{background-image:url(../images/Edit2/w_glass.jpg);z-index:20;}
.productimage05{background-image:url(../images/Edit2/w_glass.jpg);z-index:20;}
.productimage06{background-image:url(../images/Edit2/w_glass.jpg);z-index:20;}
.productimage07{background-image:url(../images/Edit2/w_glass.jpg);z-index:20;}
.productimage08{background-image:url(../images/Edit2/w_glass.jpg);z-index:20;}
.productimage09{background-image:url(../images/Edit2/w_glass.jpg);z-index:20;}

	.float-butt1{
	z-index:1;
	display:none;}
	.float-butt2{
	z-index:1;
	display:none;
	
	}
	.float-butt3{
	z-index:1;
	display:none;
	
	}
	.float-butt4{
	z-index:1;
	display:none;
	
	}
	.float-butt5{
	z-index:1;
	display:none;
	
	}
	.float-butt6{
	z-index:1;
	display:none;
	
	}
	.float-butt7{
	z-index:1;
	display:none;
	
	}
	.float-butt8{
	z-index:1;
	display:none;
	
	}
	.float-butt9{
	z-index:1;
	display:none;
	
	}
	
.mix{
	-webkit-transition: 0.5s;
  	transition:0.5s;
	text-align:right;
	position:absolute;
	display:block;
	width:300px;
	opacity:1;
  	height:100px;
  	background-color:rgba(222,222,222,1);
	}

 /* ==============================
   circle-ripple Mobile text
   ============================== */
 .underimageTextxx{
	 	display:none;
		width:100%;
		height:auto;
		background-color:#6998b4;
		position:relative;
		background-repeat:no-repeat;
		-webkit-box-shadow: inset -13px 38px 140px -86px rgba(0,0,0,0.5);
		-moz-box-shadow: inset -13px 38px 140px -86px rgba(0,0,0,0.5);
		box-shadow: inset -13px 38px 140px -86px rgba(0,0,0,0.5);
		clear:both;
		}
.paddingtext{padding-top:20px;}
.underimageinsidexx{
	display:block;
	margin:0 auto;
	margin-top:50px;
	padding-bottom:40px;
	max-width:600px;
	width:100%;
	min-height:150px;
	border-bottom:thin solid #FFFFFF;
	}
.underTextxx{
	position:relative;
	clear:left;
	color:black;
	width:100%;
	height:auto;
	}
.underTextxx img{
	margin-top:15px;
	margin-left:40px;
	float:left;}
.underTextxx h1{
	height:50px;
	width:auto;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius:2px;
	background-color:rgba(39,76,105,1);
	cursor:pointer;
	font-weight:1200;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top:10px;
	margin-bottom:0;
	margin-left:40px;
	color:#DFDFDF;
	font-size:24px;
	float:left;
	-webkit-box-shadow: -5px 20px 47px -24px rgba(0,0,0,1);
	-moz-box-shadow: -5px 20px 47px -24px rgba(0,0,0,1);
	box-shadow: -5px 20px 47px -24px rgba(0,0,0,1);
	margin-bottom:20px;}
.smalltext{
	clear:left;
	color:white;
	margin-left:120px;
}


@keyframes sizing {
  0% {
   width:0%;
   height:0%;
  }
  
	}
	100% {
    width:100%;
   height:100%;
}
}
@media screen and (max-width:1980px) {
@-webkit-keyframes ripple {
  0% {
	  
    box-shadow: 0 0 0 0.5em rgba(8,117,187,0.3);
  }
  80% {
    box-shadow: 0 0 0 3em rgba(8,117,187,0.0);
	}
	100% {
 
    box-shadow: 0 0 0 3em rgba(8,117,187,0.0);
}
}
}
@media screen and (max-width:1980px){
@keyframes ripple {
  0% {
	  
    box-shadow: 0 0 0 0.5em rgba(8,117,187,0.3);
  }
  80% {
    box-shadow: 0 0 0 3em rgba(8,117,187,0.0);
  }
  100% {
    box-shadow: 0 0 0 3em rgba(8,117,187,0.0);
  }
}

}
@media screen and (max-width:1366px) {
@-webkit-keyframes ripple {
   0% {
	  
    box-shadow: 0 0 0 0.2em rgba(8,117,187,0.3);
  }
  80% {
    box-shadow: 0 0 0 2em rgba(8,117,187,0.0);
	}
	100% {
 
    box-shadow: 0 0 0 2em rgba(8,117,187,0.0);
}
}
}
@media screen and (max-width:1366px){
@keyframes ripple {
   0% {
	  
    box-shadow: 0 0 0 0.2em rgba(8,117,187,0.3);
  }
  80% {
    box-shadow: 0 0 0 2em rgba(8,117,187,0.0);
	}
	100% {
 
    box-shadow: 0 0 0 2em rgba(8,117,187,0.0);
}
}
}




		
/*dot end*/