html, body {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	overflow-x: hidden;
}

h4 {
	font-weight: bold;
}

#a_1 {
	color: #383838;
	font-weight: bold;
}

#a_1:hover {
	color: #ff4437;
}

/* SECTION ONE */
.one_o {
	background: url(images/1234.jpg) no-repeat fixed center center;
	background-size: cover;
	height: 100%;
	color: #383838;
	padding-bottom: 25rem;
	text-align: center;
	word-spacing: 4px;
}


#navigation {
	color: #383838;
}

#SPP {
	width: 24rem;
	padding-top: 1%;
	padding-bottom: 2%;
}

.current {
	display: none;
}

/*ul li {
	display: inline;
	} */

	#teltop {
		color: #383838;
		text-decoration: none;
		font-weight: bold;
	}

	#teltop:hover {
		color: #ff4437;
	}

	.toppanel {
		text-align: center;
		margin-left: -4%;
		background-color: #ababab1c;
	}

	.toppanel nav {
		display: inline;
	}

	.toppanel a {
		color: #F7F7F7;
		text-decoration: none;
	}

	.toppanel li {
		text-decoration: none;
		list-style: none;
		padding-left: 2%;
		line-height: 5rem;
	}
	#first-container {
		padding-top: 13%;
		text-align: left;
	}
	/*---------------------*/

	/* SECTION TWO */
	.two {
		background-color: #F7F7F7 fixed;
		padding-bottom: 10%;
		word-spacing: 4px;
		font-weight: 100;
	}

	#TwoTitle {
		padding-top: 8rem;
		text-align: center;
	}

	#form_one {
		padding-top: 3%;
		font-weight: 100;
	}

	#NameInput, #ContInput {
		width: 102%;
		height: 6rem;
	}
	/*---------------------*/

	/* SECTION THREE */
	.three {
		background-color: #1f1f1f;
		color: #e1e1e1;
		padding-bottom: 10%;
		padding-top: 5%;
		text-align: center;
		font-weight: thin;
		font-weight: 100;
		word-spacing: 4px;
	}

	#pic {
		padding-top: 5%;
	}

	#SecPic {
		padding-bottom: 5%;
	}

	#stroit {
		padding-top: 6%;
		padding-bottom: 5%;
	}
	/*---------------------*/

	/* SECTION FOUR */
	.fourd {
		background-color: #f7f7f7;
		color: #383838;
		text-align: center;
		padding-top: 15%;
		padding-bottom: 15%;
		word-spacing: 4px;
		font-weight: 100;
	}

	.g-card {
		position: relative;
	}

	.card-wr {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		margin-left: 0.7%;
		/* margin: 0%; */
		max-width: 1160px;
		z-index: 1;
		font-size: 78%;
		padding-top: 135px;

	}

	.card {
		border-radius: 3px;
		position: absolute;
		background: white;
		min-height: 300px;
		padding: 50px;
		box-sizing: border-box;
		width: 26.1%;
		color: #383838;
	}


	#tel {
		color: #383838;
		text-decoration: none;
	}

	#tel:hover {
		color: #ff4437;
	}

	#p_1, #p_2 {
		color: #383838; 
		margin-bottom: 4.5rem;
	}

	#p_1:hover {
		color: #ff4437;
	}

	#p_2:hover {
		color: #ff4437;
	}


	/*---------------------*/

	/* SECTION FOOTER */
	.footer {
		background-color: #1f1f1f;
		text-align: center;
		padding-bottom: 5%;
		color: #f7f7f7;
	}

	#fot-dec {
		text-decoration: none; 
	}

	#insta {
		padding-top: 2%;
		padding-bottom: 2%;
		width: 5rem;
	}

	#botpanel {
		padding-top: 10%;
	}
	/*---------------------*/

	/* BUTTON TOP */
	#button {
		display: inline-block;
		background-color: #f4433669;
		width: 50px;
		height: 50px;
		text-align: center;
		border-radius: 28px;
		position: fixed;
		bottom: 30px;
		right: 30px;
		transition: background-color .3s, opacity .5s, visibility .5s;
		opacity: 0;
		visibility: hidden;
		z-index: 1000;
	}
	#button::after {
		font-family: FontAwesome;
		font-weight: normal;
		font-style: normal;
		font-size: 2em;
		line-height: 50px;
		color: #fff;
	}
	#button:hover {
		cursor: pointer;
		background-color: #333;
	}
	#button:active {
		background-color: #555;
	}
	#button.show {
		opacity: 1;
		visibility: visible;
	}
	@media (min-width: 500px) {
		.content {
			width: 43%;
		}
		#button {
			margin: -19px;
		}
	}
	/*---------------------*/

	a {
		text-decoration: none;
	}




	.open-button {
		background-color: #ff2818;;
		color: white;
		padding: 13px 13px;
		border-radius: 50px;
		border: none;
		width: 50px;
		height: 50px;
		cursor: pointer;
		opacity: 0.8;
		position: fixed;
		bottom: 23px;
		margin-bottom: -0.7%;
		margin-left: 1%;
		animation: radial-pulse 2s infinite;
		/* margin-bottom: 1%; */
		/* margin: 0%; */
		/* font-size: 2%;*/
	}

	@keyframes radial-pulse {
		0% {
			box-shadow: 0 0 0 0px rgba(255, 0, 0, 0.5);
		}

		100% {
			box-shadow: 0 0 0 40px rgba(0, 0, 0, 0);
		}
	}


	.open-button:hover {
		background-color: #383838;
		color: #f44336c4;
		transition: 0.3s;
	}

	.form-popup {
		display: none;
		position: fixed;
		bottom: 0;
		z-index: 10;
	}

	.form-container {
		max-width: 300px;
		padding: 29px;
		background-color: #f7f7f7;
		margin-bottom: 0%;
	}

	.form-container input[type=text] {
		width: 100%;
		padding: 15px;
		margin: 5px 0 22px 0;
		border: none;
		background: #f1f1f1;
	}

	.form-container input[type=text]:focus {
		background-color: #f7f7f7;
		outline: none;
	}

	.form-container .btn {
		background-color: #f44336;
		color: #f7f7f7;
		padding: 16px 20px;
		border: none;
		cursor: pointer;
		width: 100%;
		margin-bottom:10px;
		opacity: 0.8;
	}

	.form-container .btn_2 {
		padding: 16px 20px;
		border: none;
		cursor: pointer;
		width: 100%;
		border-radius: 50px;
		margin-bottom:10px;
		opacity: 0.8;
	}

	.form-container .btn_2:hover {
		background-color: #f44336;
		color: #f7f7f7;
		/* padding: 16px 20px; */
		/* border: none; */
		cursor: pointer;
		/* width: 100%; */
		border-radius: 50px;
		margin-bottom: 10px;
		opacity: 0.8;
		transition: 0.5s;
	}


	.form-container .cancel {
		width: 63px;
		transition: 0.5s;
	}

	.form-container .btn:hover, .open-button:hover {
		opacity: 1;
	}



	.popup-overlay {
		position: absolute;
		z-index: 1;
		height: 2000rem;
		width: 2000rem;
		background-color: #0000003d;
		margin: -63rem;
	}

	.popup-box {
		position: relative;
		z-index: 12;
		display: block;
	}




	#first_Popup {
		display: none;
		position: fixed;
		z-index: 10;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.popup-over {
		position: absolute;
		z-index: 11;
		height: 150%;
		width: 120%;
		background: rgba(0,0,0,.5);
	}

	.box_pop {
		position: relative;
		z-index: 12;
		width: 32%;
		margin: 200px auto;
		padding: 49px;
		background: #f7f7f7;
		color: #383838;
		border-radius: 7px;
	}