@charset "utf-8";
/* overlock */
@font-face {font-family: 'Overlock SC';
  font-style: normal;
  font-weight: 400;
  src: local('Overlock SC'), local('OverlockSC-Regular'), url(https://fonts.gstatic.com/s/overlocksc/v5/cFrEOzZWUct6fhBu_bFdko4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;}
/* raleway */
@font-face {  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;}



/* HEADING START */
#marquee { -webkit-perspective: 500px;
            perspective: 300px;
  			font-size: 0;
  			font-family: Agency, sans-serif;
		 }
#marquee div {	display: inline-block;
  				height: 12rem;
  				width: 30rem;
  				position: relative;
			 }
#marquee div:last-of-type { -webkit-transform: rotateY(5deg);
          					transform: rotateY(45deg);
  							color:#063247;
						 }
#marquee div { 	font-size: 8rem;
  				overflow: hidden;
			 }
#marquee div span { position: absolute;
  					width: 500%;
  					line-height: 1.4;
				  }

@keyframes rightcrawl { to
						{ -webkit-transform: translateX(-150rem);
            			  transform: translateX(-150rem);
  						}
					  }
#marquee div:last-of-type span { -webkit-animation: rightcrawl 10s linear infinite;
          						 animation: rightcrawl 10s linear infinite;
							   }
/* HEADING END */





/* SERVICES START */
.cateh4  > span {	text-transform: uppercase;
					font-weight: bold;
  					animation: glow 3s ease-in-out infinite;
}
@keyframes glow {	0%, 100% {	color: #FFF;
    							text-shadow: 0 0 10px #0652DD,
								0 0 50px #0652DD,
								0 0 100px #0652DD;	}
    				10%, 90% {	color: #111;
    							text-shadow: none;	}	}
.cateh4  > span:nth-child(3) {	animation-delay: 0.50s;	}
.cateh4  > span:nth-child(4) {	animation-delay: 0.75s;	}
.cateh4  > span:nth-child(5) {	animation-delay: 1s;	}
.cateh4  > span:nth-child(6) {	animation-delay: 1.25s;	}
.cateh4  > span:nth-child(7) {	animation-delay: 1.50s;	}
.cateh4  > span:nth-child(8) {	animation-delay: 1.75s;	}
/* SERVICES END */





/* OUR WORKS START */
.cateh5  > span {	text-transform: uppercase;
					font-weight: bold;
  					animation: glow2 3s ease-in-out infinite;
}
@keyframes glow2 {	0%, 100% {	color: #FFF;
    							text-shadow: 0 0 10px #0652DD,
								0 0 50px #0652DD,
								0 0 100px #0652DD;	}
    				10%, 90% {	color: #111;
    							text-shadow: none;	}	}
.cateh5  > span:nth-child(3) {	animation-delay: 0.50s;	}
.cateh5  > span:nth-child(4) {	animation-delay: 0.75s;	}
.cateh5  > span:nth-child(5) {	animation-delay: 1s;	}
.cateh5  > span:nth-child(6) {	animation-delay: 1.25s;	}
.cateh5  > span:nth-child(7) {	animation-delay: 1.50s;	}
.cateh5  > span:nth-child(8) {	animation-delay: 1.75s;	}
/* OUR WORKS END */









/* LARGE DEVICE */
@media only screen and (min-width : 1200px)
{
	
/*Banner*/
.video-container { width: 100%;
				max-height: 600px;
				overflow: hidden;
				margin-top: 20px;}
#video-bg { position: relative;
  			width: auto;
  			min-width: 100%;
  			height: auto;
  			background-size: cover;}
.video-container  p { position: absolute;
				top: 100px;
				font-size: 30px;
				color: white;
				font-family: "Raleway";}
.video-container img {  position: absolute;
				bottom: 0;
				padding-top: 50px;
				width: 500px;
				height: 500px; }
	
/*CONTACT*/	
.contact-container { background: #fff;
					  padding: 25px;
					  border-radius: 8px;
					  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
					}

h2 { text-align: center;
	 margin-bottom: 20px;
  	color: #333;
	}

label { display: block;
  		margin: 10px 0 5px;
  		color: #555;
		}
input, textarea { width: 100%;
				  padding: 10px;
				  border: 1px solid #ddd;
				  border-radius: 5px;
				  margin-bottom: 15px;
				  font-size: 14px;
				}
button { width: 100%;
		  padding: 12px;
		  background: #4CAF50;
		  color: #fff;
		  border: none;
		  border-radius: 5px;
		  font-size: 16px;
		  cursor: pointer;
		}
button:hover { background: #45a049; }
}





/* MEDIUM DEVICE */
@media only screen and (min-width : 991px) and (max-width : 1199px) 
{ /*Banner*/
.video-container { width: 100%;
				max-height: 600px;
				overflow: hidden;
				margin-top: 20px;}
#video-bg { position: relative;
  			width: auto;
  			min-width: 100%;
  			height: auto;
  			background-size: cover; }
.video-container  p { position: absolute;
				top: 100px;
				font-size: 24px;
				color: white;
				font-family: "Raleway";	}
.video-container  img { position: absolute;
					width: 400px;
					height: 400px;
					bottom: 0;
					padding-top: 0px;	}
	
/*CONTACT*/	
.contact-container { background: #fff;
					  padding: 25px;
					  border-radius: 8px;
					  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
					}

h2 { text-align: center;
	 margin-bottom: 20px;
  	color: #333;
	}

label { display: block;
  		margin: 10px 0 5px;
  		color: #555;
		}
input, textarea { width: 100%;
				  padding: 10px;
				  border: 1px solid #ddd;
				  border-radius: 5px;
				  margin-bottom: 15px;
				  font-size: 14px;
				}
button { width: 100%;
		  padding: 12px;
		  background: #4CAF50;
		  color: #fff;
		  border: none;
		  border-radius: 5px;
		  font-size: 16px;
		  cursor: pointer;
		}
button:hover { background: #45a049; }
}





/* SMALL DEVICE */
@media only screen and (min-width : 768px) and (max-width : 990px) 
{
/*Banner*/
.video-container { width: 100%;
				max-height: 500px;
				overflow: hidden;
				margin-top: 10px;}
#video-bg { position: relative;
  			width: auto;
  			min-width: 100%;
  			height: auto;
  			background-size: cover; }
.video-container  p { position: absolute;
				top: 100px;
				font-size: 20px;
				color: white;
				font-family: "Raleway";}
.video-container  img { position: absolute;
				top: 180px;
				bottom: 0;
				width: 300px;
				height: 300px;}
	
/*CONTACT*/	
.contact-container { background: #fff;
					  padding: 25px;
					  border-radius: 8px;
					  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
					}

h2 { text-align: center;
	 margin-bottom: 20px;
  	color: #333;
	}

label { display: block;
  		margin: 10px 0 5px;
  		color: #555;
		}
input, textarea { width: 100%;
				  padding: 10px;
				  border: 1px solid #ddd;
				  border-radius: 5px;
				  margin-bottom: 15px;
				  font-size: 14px;
				}
button { width: 100%;
		  padding: 12px;
		  background: #4CAF50;
		  color: #fff;
		  border: none;
		  border-radius: 5px;
		  font-size: 16px;
		  cursor: pointer;
		}
button:hover { background: #45a049; }
}





/* EXTRA SMALL DEVICE */
@media only screen and (max-width : 767px) 
{
/*Banner*/
.video-container { width: 100%;
				max-height: 400px;
				overflow: hidden;
				margin-top: 10px;}
#video-bg { position: relative;
  			width: auto;
  			min-width: 100%;
  			height: auto;
  			background-size: cover; }
.video-container  p { position: absolute;
				top: 30px;
				font-size: 20px;
				color: white;
				font-family: "Raleway";}
.video-container  img { position: absolute;
				top: 100px;
				bottom: 0;
				width: 300px;
				height: 300px;}
	
/*CONTACT*/	
.contact-container { background: #fff;
					  padding: 25px;
					  border-radius: 8px;
					  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
					}

h2 { text-align: center;
	 margin-bottom: 20px;
  	color: #333;
	}

label { display: block;
  		margin: 10px 0 5px;
  		color: #555;
		}
input, textarea { width: 100%;
				  padding: 10px;
				  border: 1px solid #ddd;
				  border-radius: 5px;
				  margin-bottom: 15px;
				  font-size: 14px;
				}
button { width: 100%;
		  padding: 12px;
		  background: #4CAF50;
		  color: #fff;
		  border: none;
		  border-radius: 5px;
		  font-size: 16px;
		  cursor: pointer;
		}
button:hover { background: #45a049; }

}