@import url('https://fonts.googleapis.com/css?family=Baloo+Chettan|Bree+Serif|Fascinate+Inline|Francois+One|Patua+One|Vollkorn');
@import url('https://fonts.googleapis.com/css?family=Montserrat|Roboto&display=swap');

body{
	overflow-x:hidden !important;
	background-color:#F7F7F7;
	width:100%;
	font-family:'Proxima Nova',sans-serif ;
}
html {
  scroll-behavior: smooth;
}

/*      Title Animation      */

.text-font{font-family: 'Righteous', cursive;color:white;}.animation-container{width:100%;height:100%;background-image:linear-gradient(#055F7F,black);z-index:9999;}
.text-1{position:absolute;bottom:50%;font-size:5em;animation: text-1 1s;opacity:0;}
.text-2{position:absolute;bottom:30%;right:40%;opacity: 0;font-size:4em;animation:text-1 1s;animation-delay:0.7s;}
.text-3{position:absolute;bottom:10%;right:50%;opacity: 0;animation:text-1 1s;font-size:3em;animation-delay:1.2s;}
.text-4{position:absolute;bottom:50%;right:30%;font-size:4em;opacity: 0;animation:text-1 1s;animation-delay:1s;}
.text-5{position:absolute;bottom:70%;right:10%;font-size:4em;opacity: 0;animation:text-1 1s;animation-delay:1.7s;}
.text-6{position:absolute;bottom:30%;right:10%;font-size:5em;opacity: 0;animation:text-1 1s;animation-delay:2s;}
.text-7{position:absolute;bottom:80%;right:30%;font-size:3em;animation: text-1 1s;opacity:0;animation-delay:0.3s;}
.text-8{position:absolute;bottom:60%;right:10%;opacity: 0;font-size:3em;animation:text-1 1s;animation-delay:0.9s;}
.text-9{position:absolute;bottom:50%;right:60%;opacity: 0;animation:text-1 1s;font-size:4em;animation-delay:1.4s;}
.text-10{position:absolute;bottom:250%;right:60%;font-size:3em;opacity: 0;animation:text-1 0.8s;animation-delay:1.8s;}
.main-animated-title{color:white;font-weight:bold;font-size:7em;		position: absolute;top: 50%;left: 50%;
-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;animation:reveal 5s;}
.main-animated-title span{font-size:18px;}

@keyframes text-1{0%{opacity:0;transform:scale(0);}10%{opacity:0.2;transform:scale(0.2);}25%{opacity:0.5;transform:scale(0.5);}
	40%{opacity:0.8;transform:scale(0.8);}50%{opacity:1;transform:scale(1);}60%{opacity:0.8;transform:1.2}75%{opacity:0.5;transform:scale(1.8)}
	90%{opacity:0.2;transform:scale(2);}100%{opacity:0;transform:scale(3);}} 
@keyframes reveal{0%{opacity:0;}60%{opacity:0;}100%{opacity:1;}}

/*  End of title Animation   */

/*  Typograpy  */
#myBtn {
    display: none;
    position: fixed;
    bottom: 40px;
    right: 10px;
    z-index: 99;
    font-size: 28px;
    border: none;
    outline: none;
    background-color:#2193b0;
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 4px;
    
  }
/*  Typograpy  */
.font-1{font-family: 'Baloo Chettan', cursive;} .font-2{font-family: 'Bree Serif', serif;} .font-3{font-family: 'Francois One', sans-serif;} .font-4{font-family: 'Vollkorn', serif;} .font-five{font-family: 'Patua One', cursive;}
.font-6{font-family: 'Fascinate Inline', cursive;}.font-7{font-family:  'Montserrat', sans-serif; }

.text-bold{font-weight:bold !important;} .text-shadow{text-shadow:2px 2px 4px rgb(0, 0, 0, 0.5) !important;} .text-custom{color:#2193b0 !important;}

.no-1{
	animation: grow 02s ease infinite;
}

/*      Title Animation      */

.text-font{font-family: 'Righteous', cursive;color:white;}.animation-container{width:100%;height:100%;background-image:linear-gradient(#055F7F,#2193b0);z-index:9999;}
.text-1{position:absolute;bottom:50%;font-size:5em;animation: text-1 1s;opacity:0;}
.text-2{position:absolute;bottom:30%;right:40%;opacity: 0;font-size:4em;animation:text-1 1s;animation-delay:0.7s;}
.text-3{position:absolute;bottom:10%;right:50%;opacity: 0;animation:text-1 1s;font-size:3em;animation-delay:1.2s;}
.text-4{position:absolute;bottom:50%;right:30%;font-size:4em;opacity: 0;animation:text-1 1s;animation-delay:1s;}
.text-5{position:absolute;bottom:70%;right:10%;font-size:4em;opacity: 0;animation:text-1 1s;animation-delay:1.7s;}
.text-6{position:absolute;bottom:30%;right:10%;font-size:5em;opacity: 0;animation:text-1 1s;animation-delay:2s;}
.text-7{position:absolute;bottom:80%;right:30%;font-size:3em;animation: text-1 1s;opacity:0;animation-delay:0.3s;}
.text-8{position:absolute;bottom:60%;right:10%;opacity: 0;font-size:3em;animation:text-1 1s;animation-delay:0.9s;}
.text-9{position:absolute;bottom:50%;right:60%;opacity: 0;animation:text-1 1s;font-size:4em;animation-delay:1.4s;}
.text-10{position:absolute;bottom:250%;right:60%;font-size:3em;opacity: 0;animation:text-1 0.8s;animation-delay:1.8s;}
.main-animated-title{color:white;font-weight:bold;font-size:7em;		position: absolute;top: 50%;left: 50%;
-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;animation:reveal 5s;}
.main-animated-title span{font-size:45px;}

@keyframes text-1{0%{opacity:0;transform:scale(0);}10%{opacity:0.2;transform:scale(0.2);}25%{opacity:0.5;transform:scale(0.5);}
	40%{opacity:0.8;transform:scale(0.8);}50%{opacity:1;transform:scale(1);}60%{opacity:0.8;transform:1.2}75%{opacity:0.5;transform:scale(1.8)}
	90%{opacity:0.2;transform:scale(2);}100%{opacity:0;transform:scale(3);}} 
@keyframes reveal{0%{opacity:0;}60%{opacity:0;}100%{opacity:1;}}

/*  End of title Animation   */
.button
{
	background-color: #2193b0;
	border: none;
	color: white;
	padding: 13px 30px;
	border-radius: 2px;
	text-align: center;
	display: inline-block;
	margin: 4px 2px;
	cursor: pointer;
	text-decoration:none !important;
}
.button:hover
  {
	background-color: transparent !important;
	border:solid 1px #2193b0 !important;
	color: #2193b0 !important;
	
  }
@keyframes grow{
	0%{
		transform: scale(1);
		color: black;
	}
	50%{
		transform: scale(1.05);
		color: #2193b0;
	}
	100%{
		transform: scale(1);
		color:black;
	}
}
/* other Classes  */

.no-gutter{
	padding:0 !important;
}
.shadow{
	box-shadow:15px 15px 25px rgb(0, 0, 0, 0.5);
	-webkit-box-shadow:15px 15px 25px rgb(0, 0, 0, 0.5);
	-ms-box-shadow:15px 15px 25px rgb(0, 0, 0, 0.5);
}
.text-black{
	color:black;
}
.bg-black{
	background-color:black;
}
.bg-white{
	background-color:white;
}
.bg-custom{
	background-color:#2193b0;
}
.mob-oly{
	display:none;
}
.nav-item{
	transition:0.5s;
}
.nav-item:hover{
	background-color:#536976;
}
.service{
	box-shadow:5px 5px 15px rgb(0, 0, 0, 0.5);
}
.ser-btn{
	transition:0.5s ease;
}
.ser-btn:hover{
	transform:scale(1.02);
	box-shadow:15px 15px 25px rgb(0, 0, 0, 0.5);
	-webkit-box-shadow:15px 15px 25px rgb(0, 0, 0, 0.5);
	-ms-box-shadow:15px 15px 25px rgb(0, 0, 0, 0.5);
}
.right-app {position: fixed;top: 50%; left:94.5%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); transform:rotate(270deg); border:2px solid white; animation:blink 1s infinite;}
/*  Mobile Call us  */

.contact-icons h1{
	font-size:32px;
}
.direction
{
    flex-direction:row-reverse;
}
.disclaimer{
	background-color: #2193b0;
	color: white;
	animation: disclaimer 3s ease infinite;
}
.pnd{
	margin-top:10px;
	width:100%;
	background: none;
	color:white;
	border: 1px white;
}
.link:hover{
	background: #536976;
	color: white;
}
@keyframes disclaimer{
	0%{
		background-color: #2193b0;
		color: white;
	}
	50%{
		background-color: white;
		color: #2193b0;
	}
	100%{
		background-color: #2193b0;
		color: white;
	}
}

.call-us{
	width:100%;
	position:fixed;
	left:0;
	bottom:0;
	z-index:9999;
	display:none;
}
.border-custom{
	border:8px solid #2193b0;
}
.call-us a{
	color:white;
	text-align:center;
	font-size:32px;
}
.end{
	padding-bottom: 30px !important;
}

@keyframes blink{
	0%{
		background-color:black;
	}
	50%{
		background-color:#2193b0;
	}
	100%{
		background-color:black;
	}
}

@media only screen and (max-width: 1600px){
	.right-app{
		left:92%;
	}
	.main-animated-title{
		font-size:56px;
	}
}

@media only screen and (max-width: 800px){
	
	.top-det{
		text-align:center !important;
	}
	.mob-oly{
		display:block;
	}
	.media-gutter{
		padding:10px !important;
	}
	.right-app {
		left:74% !important; 
		transform:rotate(270deg)scale(0.8);
	}
	.dropdown-menu{
		text-align: center !important;
	}
	.call-us{
		display:block;
	}
	.m-font{
		font-size:12px !important;
	}
	.ser-btn h5{
		font-size:16px !important;
	}
	video{
		height:300px;
	}
}