@import url('https://fonts.googleapis.com/css?family=Crimson+Text|Domine|Lora');

 html {
  scroll-behavior: smooth;
}
body{
	overflow-X:hidden;
}
/*  Typography  */
.font-1{font-family: 'Lora', serif;} .font-2{font-family: 'Crimson Text', serif;} .font-3{font-family: 'Domine', serif;}
.text-bold{font-weight:bold} .text-shadow{text-shadow:2px 2px 4px rgb(0, 0, 0, 0.5);} .text-plane{text-decoration:none}.text-grey{color:#bec0c4;} .text-black{color:black;}

/* box */
.shadow{box-shadow:4px 4px 8px rgb(0, 0, 0, 0.5);} .padding-5{padding:5%;} .no-gutter{padding:0 !important; margin:0 !important;} .bg-black{background-color:black;}

.bg-custom{
	background-color: black;
}

.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-hover{
	transition:1s ease;
}
.phone-hover:hover{
	background-color:white;
}
.phone-hover:hover a span{
	color:black !important;
}

.phone-icons{
	border-right:4px solid white;
}

.popup-content{
	margin-left:5%;
	width:90%;
}
.popup-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;
}
.popup-btn{
	background-color:red;
	border:2px solid white;
}
.popup-btn:hover{
	background-color:black
}


/*  Agreement  */
.agreement{
	width:100%;
	height:100%;
	background-color:white;
	position:fixed;
	z-index:9999;
}
.logo{
	width:40%;
}

/* top */
.top{
	background-color:black;
}

/* navigation  */
.navbar-brand{
	width:8%;
}
.nav-link{
	color:black !important;
	transition:0.5s ease;
	font-size: 16px;
	transition:0.5s ease;
	font-weight: 600;
}
.nav-item{
	transition:0.5s ease;
}
.nav-item:hover{
	background-color:black;
}
.nav-item:hover a{
	color:white !important  ;
}

.navbar{
	background-color:white;
}

/*  Carousel  */
.carousel-caption{
	background-color:rgb(255, 255, 255, 0.5);
}
.carousel-caption h2{
	color:black;
}
.carousel-caption h2 p{
	color:black !important;
}
.ser-list{
	text-decoration: none;
}
.ser-list div{
	width:100%;
	background-color: black;
	color: white;
	padding: 10px;
	margin-top: 5px;
	text-decoration: none;
}
/* Service */
.ser-btn{
	border:2px solid black;
	color:black;
	transition:0.5s ease;
}
.ser-btn:hover{
	background-color:black;
	color:white;
}
.dropdown:hover div a{
	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:red;
	}
	100%{
		background-color:black;	
	}
}
/* Events Section */
.events-section{
    width: 100%;
    height: 80vh;
    background-position: center;
     background-repeat: no-repeat;
    background-size: auto;
}
.events-section div{
    width: 50%;
    height: 100%;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.32)) ;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 50px;
}
.events-section div h1{
    text-transform: uppercase;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 26pt;
	font-weight: lighter;
	color:white;
}
.events-section div h2{
    text-transform: capitalize;
    color: white;
    font-size: 26pt;
    font-weight: lighter;
    margin-top: 15px;
}
.events-section div a{
    width: 300px;
    color: black;
    background-color: white;
    font-weight: 14pt;
    font-weight: bold;
    padding: 15px 10px 15px;
    margin-top: 15px;
}


@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;}
	.nav-link{
		font-size: 14px;
	}
}

@media only screen and (max-width: 1400px){
	.padding-5{padding:0;}
	.logo{
		width:30%;
	}
}


@media screen and (max-width: 1300px) , screen and (max-height: 650px){
	.logo{
		width:20%;
	}
}



@media only screen and (max-width: 800px){
	.agreement div h5{
		font-size:12px;
	}
	.agreement div h2{
		font-size:22px;
	}
	.logo{
		width:30%;
	}
	.agreement-content h5{
		font-size:18px;
	}
	.agreement-content-text{
		font-size:18px !important;
	}
	.agree{
		font-size:20px;
	}
	.logo-2{
		margin:auto;	
	}
	.navbar-brand{
		width:30%;
	}
	.nav-item{
		border:none !important;
	}
	.nav-link{
		text-align:center;
	}
	.carousel-caption{
		display:none;
	}
	.ser-img{
		margin:auto;
	}
	.flip { display: flex; flex-flow: column; }
    .one { order: 1; }
    .two { order: 2;  }
    .three { order: 3;  }
    .four { order: 4;  }
    .five { order: 5;  }
    .six { order: 6;  }
    .seven { order: 7;  }
    .eight { order: 8;  }
    .nine { order: 9;  }
    .ten { order: 10;  }
	
	.ser-img{
		height:auto !important;
		height:400px;
	}
	.call-us{
		display:block;
	}
	.right-app {position: fixed;top: 50%; left:75%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); transform:rotate(270deg); border:2px solid white;}
	.events-section div{
        width: 100%;
        padding: 20px;
    }
}