html {
  scroll-behavior: smooth;
}
body{
	overflow-x:hidden;
}

.shadow{
	box-shadow:8px 8px 14px rgb(0, 0, 0, 0.5);
	-webkit-box-shadow:8px 8px 14px rgb(0, 0, 0, 0.5);
	-ms-box-shadow:8px 8px 14px rgb(0, 0, 0, 0.5);
	-moz-box-shadow:8px 8px 14px rgb(0, 0, 0, 0.5);
}
.text-black{
	color: black;
}
.bg-white{
	background-color:white;
}

.box {
  position: fixed;
  top: 0;
  transform: rotate(80deg); 
  left: 0;
}

.wave {
  position: absolute;
  opacity: .4;
  width: 1500px;
  height: 1300px;
  margin-left: -150px;
  margin-top: -250px;
  border-radius: 43%;
}
.bg-lightblue{
	background-color: #33D4FF;
}

.no-gutter{padding:0;margin:0;}.bg-custom{background-image:linear-gradient(#055F7F,black);}.text-custom{color:#3D5768;font-weight:bold;}
.nav-link{font-weight:normal;color:white;}.navbar-brand{font-weight:normal;}
.dropdown-item{color:white;text-align:center;border-bottom:1px solid white;padding:5px; }
.hover{transition:1s ease;}.hover:hover{background-color:black;transform:rotateX(360deg) scale(1.1);}
.active-nav{transform:scale(1.1);background-color:black;}.hover-2{transition:1s ease;}
.hover-2:hover{transform:scale(1.1);background-color:black;}
.dropdown-item:hover{color:black;}
.no-border{border:none;}
.bg-txt{background-color:rgb(0, 0, 0, 0.5);background-attachment:fixed;background-repeat:no-repeat;background-position:cover;}

.text-bold{
	font-weight:bold;
}

.ser{
	color:black;
	text-decoration:none;
}
.bg-black{
	background:black;
}
.bg-custom{
	background:#3D5768;
}
.popup-head{
	text-align:left;
	font-weight:100;
	padding-bottom:10px;
}
.modal-body{
	border-top-right-radius:55px;
	border-top-left-radius:15px;
	border-bottom-right-radius:15px;
	border-bottom-left-radius:15px;
	background:#3D5768;
}
.modal-content{
	border-top-right-radius:55px;
	border-top-left-radius:15px;
	border-bottom-right-radius:15px;
	border-bottom-left-radius:15px;
	background-color:#3D5768;	
}
.pop-btn{
	border:2px solid white;
	color:white;
}
.modal-body input{
	border:none;
	width:100%;
	color:white;
	background-color:#3D5768;
	border-bottom:2px solid white;
	margin-top:-10px;
}
.call-us{
	width:100%;
	position:fixed;
	left:0;
	bottom:0;
	z-index:9999;
	display:none;
}
.call-us a{
	color:white;
	text-align:center;
	font-size:32px;
}
.phone-icons{
	border-right:2px solid white;
}
.phone-hover{
	transition:1s ease;
}
.phone-hover:hover{
	background-color:white;
}
.phone-hover:hover a span{
	color:black !important;
}

.quote-content{
	width:90%;
	margin-left:5%;
	padding:1%;
}
.quote-text{
	width:100%;
	margin-top:2%;
	border:none;
	text-align:center;
	box-shadow:1px 1px 1px 1px rgb(0, 0, 0, 0.5);
	padding:2%;
	font-size:16px;
}
.quote-select{
	width:100%;
	padding:2%;
	text-align:center;
}
.quote-option{
	padding:1%;
}
.quote-submit{
	font-size:20px;
}



.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;}

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

.border{
	border: 4px solid #3D5768!important;
	border-radius: 24px;
}

@media only screen and (max-width: 1600px){
	.right-app {position: fixed;top: 50%; left:92.5%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);
		transform: translateY(-50%); transform:rotate(270deg); border:2px solid white; animation:blink 1s infinite; }
}

/* screll back to top button */

#myBtn {
	display: none;
	position: fixed;
	bottom: 50px;
	right: 10px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: red;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
	
  }
  
  	.desktop-none{
				display:none;
			}
			
			@media only screen and (max-width: 800px){
				.desktop-none{
					display:block;
				}
			}
			

@media only screen and (max-width: 1600px){
	.right-app {position: fixed;top: 50%; left:92%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); transform:rotate(270deg); border:2px solid white; animation:blink 1s infinite;}
}

@media only screen and (max-width: 800px){
	.call-us{
		display:block;
	}
	.right-app{
		display:block;
		left:74%;
		transform:rotate(270deg) scale(0.5);
	}
    .logo{
		width: 15%;
	}
	.navbar-brand{
		font-size: 20px !important;
		letter-spacing: 2px;
	}
	.top_no{
		text-align: center !important;
	}
}