@import url(https://fonts.googleapis.com/css?family=Montserrat);@import url("https://fonts.googleapis.com/css?family=Exo:500,600,700|Roboto&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Asap&display=swap');


.body3 {
  
  -webkit-font-smoothing: antialiased;
 letter-spacing: .8px;
  
  font-weight: 400;
 
}
 .h1,  .h2,  .h3,  .h4,  .h5,  .h6 {
  font-family: 'Asap', sans-serif;
  font-weight: 400;
  color: white;
	 
}

 .h1 {
  font-size: 2.5rem;
}

.h2 {
  font-size: 44px;
}

 .h3 {
  font-size: 1.5rem;
}

 .h4 {
  font-size: 1.3rem;
  line-height: 30px;
}

 .h5 {
  font-size: 1.25rem;
}

.h6 {
  font-size: 1rem;
}

.p {
  line-height: 30px;
}



.footer-container{display:flex;
flex-direction:column;
width:100%; 
height: 95vh;margin:4px 0 0 0 ;
position:relative;
bottom:0;background-color:#292f3b;
font-family: 'Asap', sans-serif;
justify-content:space-around;
overflow:hidden;}

.ul-footer li{list-style:none;
	font-family: 'Asap', sans-serif;
}

.ul-footer li a{text-decoration:none;
color:#B3ABAB;font-family: 'Asap', sans-serif;
}

.f-container{display:flex;
flex-direction:row;
	position:absolute;
	top:15%;
width:100%;
height:50vh;
	margin:2px;
	align-items:flex-start;
	justify-content:center;
	color:white;
	line-height:calc(20px + .366vw);
	order:1;font-size:calc(25px + .366vw);	
}


.fitem1{order:1;
	margin-top:55px;
	width:25%;text-align:justify;
	height:auto;letter-spacing: 0 !important;
	margin-left:4.8%;
	font-family: 'Asap', sans-serif;
	line-height:calc(25px + .366vw);font-size:15px;
}

.fitem2{order:1;
	width:15%;font-weight:400;
height:auto;margin-left:8%;
line-height:32px;font-family: 'Asap', sans-serif;
font-size:14.2px;	
}

.fitem3{order:3;
	width:15%;font-weight:400;
height:auto;margin-left:2%;
	font-family:'Asap', sans-serif;
line-height:30px;font-size:14.2px;
}

.fitem4{order:4;
	width:22%;margin-right:5%;
height:auto;
text-align:justify;
font-weight:400;letter-spacing: 0 !important;
font-family: 'Asap', sans-serif;
	line-height:35px;font-size:15px;
}


.fitem5{order:2;
position:absolute;
width:100%;
color:#B3ABAB;
bottom:10%;font-family:'Asap', sans-serif;
font-size:Calc(13px + .3660vw);margin-left:6.5%;
}

.logo1{
	  cursor:pointer;
		position:absolute;
		top:-12%;left:6.3%;
	width:20%;
}
.f-icon i{
	transition:1s;
	color:#B3ABAB;
}

	.f-icon i:hover{
	color:#BC3E21;}

	.f-mail{text-decoration:none;
	color:#B3ABAB;transition:.3s;}
	
	.f-mail:hover{color:#D95B05;}
	
.f-phone-num{text-decoration:none;
	color:#B3ABAB;
	transition:.3s;
}
.f-phone-num:hover{color:#BC3E21;}

.f-line {
	height:1px;
	border-width:0;color:#8E8E8E;
	background-color:#8E8E8E;
width:87%;opacity:.5;
position:absolute;
}

.btn-map{
	background-color:#292f3b;
  color:#727478;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  cursor: pointer;
  border: 1px solid #727478;
	border-radius:20px;
	transition:.8s;
}
.btn-map a{text-decoration:none;
	color:#727478;
transition:.8s;}

.btn-map:hover{border-color:#11A5B1;color:#11A5B1;}

.btn-map a:hover{color:#11A5B1;}




.ul-footer li a{text-decoration: none;
color:#B3ABAB;cursor:pointer;transition:.4s;}


.ul-footer li a:hover{color: #D95B05;}

.ul-footer li a{text-decoration: none;
color:#B3ABAB;cursor:pointer;transition:.4s;}


.ul-footer li a:hover{color: #D95B05;}

.showtext{display:none;}

@media only screen and (max-width: 1199px) {
	.fitem5{line-height:20px !important;}
	
}

@media only screen and (max-width: 1100px) {
	
	.footer-container{display:flex;flex-direction:column;justify-content: center;text-align:center !important;}
	.f-container .h3{font-weight:50;font-size:1.38rem;}
	.showtext{display:block !important;margin-bottom:16px !important;}
	.fitem1 .logo1 img{display:none;}
	.fitem1{line-height:25px !important;font-size:14px !important;position:relative;}
	.fitem2, .fitem4, .fitem5{font-size:14.5px !important;}
	.fitem3{font-size:14.5px !important;line-height:25px !important;}
.f-container{margin-left:10px !important;top:440px;display:flex;flex-direction:column;padding:0;
	justify-content: center !important; text-align:left !important;order:1;}
	.addheight{line-height:10px !important;}
	.f-icon i{font-size:18px !important;}
	.fitem4 section{margin-top:-30px;}
	.fitem2 .h3{margin-bottom:5px !important;}
	.fitem3 .h3{margin-bottom:5px !important;}
	.fitem5{order:8;margin-left:10px !important;position:absolute !important; bottom:-28%;}
	.f-line{width:100%; margin-left:10px !important;}
	
	.fitem1, .fitem2, .fitem3, .fitem4, .fitem5{display:block !important;text-align:justify;width:80% !important;height:450px !important;margin:25px 0 25px 0 !important;}
	.fitem5 div{margin-left:10px !important;}
}




@media only screen and (max-width: 500px) and (min-width: 421px) {
	
	.footer-container{height:1280px}
	.f-container{top:390px;}
	.fitem1{line-height:25px !important;font-size:14px !important;}
	
}

@media only screen and (max-width: 600px) and (min-width: 501px) {
	
	.footer-container{height:1250px}
	
	.fitem1{line-height:28px !important;font-size:14.5px !important;}
	.f-container{top:365px;}
	.f-icon i{font-size:19px !important;}
	
}

@media only screen and (max-width: 700px) and (min-width: 601px) {
	
	.footer-container{height:1250px}
	
	.fitem1{line-height:28px !important;font-size:14.5px !important;}
	.f-container{top:360px;}
	.f-icon i{font-size:20px !important;}
	.fitem5 div{margin-left:10px !important;font-size:16px}
	
}

@media only screen and (max-width: 800px) and (min-width: 701px) {
	
	.footer-container{height:1250px;}
	
	.fitem1{line-height:28px !important;font-size:14.5px !important;}
	.f-container{top:355px;}
	.f-icon i{font-size:21px !important;}
	.fitem5 div{margin-left:10px !important;font-size:17px}
	
}

@media only screen and (max-width: 840px) and (min-width: 801px) {
	
	.footer-container{height:1250px}
	
	.fitem1{line-height:28px !important;font-size:15px !important;}
	.f-container{top:345px;}
	.f-icon i{font-size:22px !important;}
	.fitem5 div{margin-left:10px !important;font-size:17.5px}
	.showtext{display:block !important;margin-bottom:10px !important;}
	
}
@media only screen and (max-width: 900px) and (min-width: 841px) {
	
	.footer-container{height:1220px}
	
	.fitem1{line-height:28px !important;font-size:15px !important;}
	.f-container{top:335px;}
	.f-icon i{font-size:22px !important;}
	.fitem5 div{margin-left:10px !important;font-size:17.5px}
	.showtext{display:block !important;margin-bottom:10px !important;}
	
}


@media only screen and (max-width: 1000px) and (min-width: 901px) {
	
	.footer-container{height:1180px}
	
	.fitem1{line-height:28px !important;font-size:15px !important;}
	.f-container{top:320px;}
	.f-icon i{font-size:22px !important;}
	.fitem5 div{margin-left:10px !important;font-size:17.5px}
	.showtext{display:block !important;margin-bottom:10px !important;}
	
}

@media only screen and (max-width: 1100px) and (min-width: 1001px) {
	
	.footer-container{height:1180px}
	
	.fitem1{line-height:28px !important;font-size:15px !important;}
	.f-container{top:320px;}
	.f-icon i{font-size:22px !important;}
	.fitem5 div{margin-left:10px !important;font-size:17.5px}
	.showtext{display:block !important;margin-bottom:10px !important;}
	
}
@media only screen and (max-width: 420px) {
	.footer-container{height:1250px;display:flex;flex-direction:column;justify-content: center;text-align:center !important;}
	.f-container .h3{font-weight:50;font-size:1.38rem;}
	.showtext{display:block !important;margin-bottom:16px !important;}
	.fitem1 .logo1 img{display:none;}
	.fitem1{line-height:20px !important;font-size:13px !important;position:relative;top:15px;}
	.fitem2,  .fitem4, .fitem5{font-size:14.5px !important;}
	.fitem3{font-size:14.5px !important;line-height:25px !important;}
.f-container{margin-left:10px !important;top:340px;display:flex;flex-direction:column;padding:0;
	justify-content: center !important; text-align:left !important;order:1;}
	.addheight{line-height:10px !important;}
	.f-icon i{font-size:18px !important;}
	.fitem4 section{margin-top:-30px;}
	.fitem2 .h3{margin-bottom:5px !important;}
	.fitem3 .h3{margin-bottom:5px !important;}
	.fitem5{order:8;margin-left:10px !important;position:absolute !important; bottom:-28%;}
	.f-line{width:100%; margin-left:10px !important;}
	
	.fitem1, .fitem2, .fitem3, .fitem4, .fitem5{display:block !important;text-align:justify;width:80% !important;height:450px !important;margin:25px 0 25px 0 !important;}
	.fitem5 div{margin-left:10px !important;}
}

@media only screen and (min-width: 840px) and (max-width:1099px) and (min-height:1000px){
	.f-container{top:290px !important;}}
	
@media only screen and (min-width: 530px) and (max-width:839px) and (min-height:1000px){
	.f-container{top:310px !important;}}

@media only screen and (min-width: 360px) and (max-width:421px) and (min-height:1000px){
	.f-container{top:310px !important;}}

@media only screen and (min-width: 350px) and (max-width:900px) and (min-height:1050px){
	.f-container{top:300px !important;}}

@media only screen and (min-width: 901px) and (max-width:1099px) and (min-height:1050px){
	.f-container{top:280px !important;}}

@media only screen and (min-width: 901px) and (max-width:1099px) and (min-height:1100px){
	.f-container{top:280px !important;}
.footer-container{height:1230px}
}

@media only screen and (min-width: 807px) and (max-width:900px) and (min-height:1150px){
	.footer-container{height:1220px}

}
@media only screen and (min-width: 980px) and (max-width:1099px) and (min-height:1150px){
	.f-container{top:260px !important;}

}

@media only screen and (min-width: 330px) and (max-width:1099px) and (min-height:1200px){
	.f-container{top:260px !important;}

}

@media only screen and (min-width: 980px) and (max-width:1099px) and (min-height:1250px){
	.f-container{top:240px !important;}

}

@media only screen and (min-width: 320px) and (max-width:345px) and (min-height:700px) and (max-height:750px){
	.f-container{top:380px !important;}

}

@media only screen and (min-width: 346px) and (max-width:460px) and (min-height:700px) and (max-height:750px){
	.f-container{top:370px !important;}

}

@media only screen and (min-width: 461px) and (max-width:523px) and (min-height:700px) and (max-height:750px){
	.f-container{top:405px !important;}
	.footer-container{height:1300px;}
}

@media only screen and (min-width: 524px) and (max-width:779px) and (min-height:700px) and (max-height:750px){
	.f-container{top:370px !important;}

}

@media only screen and (min-width: 780px) and (max-width:840px) and (min-height:700px) and (max-height:750px){
	.f-container{top:360px !important;}

}

@media only screen and (min-width: 319px) and (max-width:419px) and (min-height:750px) and (max-height:799px){
	.f-container{top:360px !important;}

}
@media only screen and (min-width: 420px) and (max-width:530px) and (min-height:750px) and (max-height:799px){
	.f-container{top:385px !important;}

}

@media only screen and (min-width: 531px) and (max-width:788px) and (min-height:750px) and (max-height:799px){
	.f-container{top:370px !important;}

}

@media only screen and (min-width: 789px) and (max-width:900px) and (min-height:750px) and (max-height:799px){
	.f-container{top:355px !important;}

}
@media only screen and (min-width: 901px) and (max-width:1099px) and (min-height:750px) and (max-height:799px){
	.f-container{top:350px !important;}
.footer-container{height:1230px;}
}

@media only screen and (min-width: 330px) and (max-width:359.8px) and (min-height:750px) and (max-height:850px){
	.footer-container{height:1280px;}
    .f-container{top:380px !important;}
}

@media only screen and (min-width: 880px) and (max-width:900px) and (min-height:800px) and (max-height:850px){
	.f-container{top:350px !important;}

}

@media only screen and (min-width: 901px) and (max-width:1099px) and (min-height:800px) and (max-height:900px){
	.f-container{top:345px !important;}
	.footer-container{height:1250px;}

}
@media only screen and (min-width: 901px) and (max-width:1099px) and (min-height:901px) and (max-height:1000px){
	.f-container{top:320px !important;}
	.footer-container{height:1240px;}

}

@media only screen and (min-width: 901px) and (max-width:1099px) and (min-height:1001px) and (max-height:1050px){
	.f-container{top:315px !important;}
	.footer-container{height:1240px;}

}
@media only screen and (min-width: 901px) and (max-width:1099px) and (min-height:1051px) and (max-height:1100px){
	.f-container{top:300px !important;}
	.footer-container{height:1240px;}

}

@media only screen and (min-width: 421px) and (max-width:800px) and (min-height:1200px) and (max-height:1249px){
	.f-container{top:315px !important;}
	.footer-container{height:1300px;}

}

@media only screen and (min-width: 421px) and (max-width:800px) and (min-height:1250px) and (max-height:1300px){
	.f-container{top:300px !important;}
	.footer-container{height:1300px;}

}


@media only screen and (min-width: 315px) and (max-width:420px) and (min-height:550px) and (max-height:600px){
	.f-container{top:430px !important;}
	.footer-container{height:1270px;}
}




@media only screen and (min-width: 421px) and (max-width:800px) and (min-height:550px) and (max-height:600px){
	.f-container{top:415px !important;}

}
@media only screen and (min-width: 801px) and (max-width:979px) and (min-height:550px) and (max-height:600px){
	.f-container{top:430px !important;}

}
@media only screen and (min-width: 980px) and (max-width:1099px) and (min-height:550px) and (max-height:600px){
	.f-container{top:400px !important;}

}



@media only screen and (min-height: 917px){
	.f-container{top:340px;}
	
}


@media only screen and (min-height: 917px) and (min-width:810px) {
	.f-container{top:340px;}
	
}

@media only screen and (min-height: 917px) and (min-width:901px) and (max-width:1099px){
	.f-container{top:310px;}
	
}
@media only screen and (min-height: 917px) and (min-width:1101px){
	.f-container{top:150px;}
}
	
@media only screen and (min-height: 600px) and (max-height:750px) and (max-width:1100px){
	.f-container{top:390px;}
	.f-container{margin-top:20px !important;}
}
@media only screen and (min-height: 600px) and (max-height:700px) and (min-width:421px) and (max-width:460px){

	.f-container{margin-top:45px !important;}
}
@media only screen and (min-height: 600px) and (max-height:700px) and (min-width:395px) and (max-width:420px){

	.f-container{margin-top:5px !important;}
}

@media only screen and (min-height: 600px) and (max-height:700px) and (min-width:800px) and (max-width:820px){

	.f-container{margin-top:50px !important;}
}

@media only screen and (min-height: 600px) and (max-height:700px) and (min-width:821px) and (max-width:888px){
	.f-container{margin-top:30px !important;}
}

@media only screen and (min-height: 600px) and (max-height:700px) and (min-width:800px) and (max-width:1100px){
	.f-container{top:350px !important;}
}
@media only screen and (min-height: 600px) and (max-height:750px) and (min-width:814px) and (max-width:1100px){
	.f-container{top:390px;}
}
@media only screen and (min-height: 600px) and (max-height:700px) and (min-width:889px) and (max-width:1100px){
	.f-container{top:380px;}
}

@media only screen and (min-height: 700px) and (max-height:800px) and (min-width:360px) and (max-width:1100px){
	.f-container{top:390px;}
}
@media only screen and (min-height: 700px) and (max-height:800px) and (min-width:800px) and (max-width:888px){
	.f-container{top:370px;}
}

@media only screen and (min-height: 701px) and (max-height:800px) and (min-width:889px) and (max-width:1100px){
	.f-container{top:350px;}
}

@media only screen and (min-height: 800px) and (max-height:850px) and (min-width:360px) and (max-width:1100px){
	.f-container{top:360px;}
}
@media only screen and (min-height: 800px) and (max-height:850px) and (min-width:815px) and (max-width:888px){
	.f-container{top:350px;}
}
@media only screen and (min-height: 800px) and (max-height:850px) and (min-width:889px) and (max-width:1100px){
	.f-container{top:330px;}
}
@media only screen and (min-height: 800px) and (max-height:850px) and (min-width:421px) and (max-width:460px){
	.f-container{top:380px;}
}

@media only screen and (min-height: 800px) and (max-height:850px) and (min-width:501px) and (max-width:580px){
	.f-container{top:380px;}
}

@media only screen and (height: 653px) and (width:280px){
	.f-container{top:395px;}
	.footer-container{height:1270px}
	.fitem1{line-height:20px !important;}
	.f-container .h3{font-weight:50;font-size:1.38rem;}
	.fitem2, .fitem4, .fitem5{font-size:14.5px !important;}
	.fitem3{font-size:14.5px !important;line-height:25px !important;}
	.fitem5 div{margin-top:-15px !important;font-size:.8rem !important;line-height:20px;}
	.fitem4 section{font-size:.8rem !important;}
}