@charset "UTF-8";

body{font: 100% 'Poppins', sans-serif;font-weight: 400;min-width: 300px;color: #2f2f2f;background: #000000;}
h1, h2, h3, h4, h5{font-family: 'Poppins', serif;font-weight: 400;font-style: normal;font-stretch: normal;line-height: 1.6;letter-spacing: normal;color: #212121;}

.container {width: 100%;max-width: 1000px;margin: 0 auto;padding: 0 15px;position: relative;}
.container .row {max-width: 1000px;}

@media screen and (max-width: 1024px){
  .container{padding: 0 30px;max-width: 500px !important;}
}



.style1{background-image:url(../img/bg.webp);background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;background-color: #000000;padding: 0;margin: 0;outline: none;text-align: center;height: 510px;display: flex;justify-content: center;align-items: flex-end;}
.style1 .box{width: 100%;background: rgb(0 0 0 / 50%);background: linear-gradient(0deg, #000 50%, #0000 100%);padding: 50px 0;}
.style1 .box img {max-width: 400px;}

@media screen and (max-width: 1024px){

}


.style2{background: #000000;padding: 20px 0 50px 0;margin: 0;outline: none;}
.style2 .box {background: #000;padding: 0 0 50px 0;margin: 0 auto 40px;text-align: center;overflow: hidden;cursor: pointer;position: relative;display: block;max-width: 360px;}
.style2 .box img{width: 100%;filter: saturate(1.5);-webkit-transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-ms-transition: all 150ms ease-in-out;-o-transition: all 150ms ease-in-out;transition: all 150ms ease-in-out;}
.style2 .box h3{padding: 15px 0;margin: 0;font-weight: 500;font-size: 16px;line-height: 22px;color: #fff;position: absolute;bottom: 0;width: 100%;background: rgb(17 17 17 / 100%);}
.style2 .box:hover img{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.style2 p {font-size: 16px;color: #aaa;font-weight: 400;margin: 30px auto;text-align: center;max-width: 850px;}
.style2 p b{color: #fff;font-size: 30px;}

@media screen and (max-width: 1024px){
	.style2 .box h3 br{display:none;}
	.style2 p{text-align: left;font-size: 15px;}
	.style2 p b{font-size: 26px;}
}



.style3{background: #000000;padding: 0;margin: 0;outline: none;}

@media screen and (max-width: 1024px){

}


.style4{background: #111;padding: 80px 0;margin: 0;outline: none;text-align: center;}
.style4 .box {max-width: 800px;margin: 0 auto;}
.style4 .box h5{margin: 0 auto 50px;padding: 0;font-weight: 500;font-size: 20px;color: #fff;}
.style4 .box p{font-size: 16px;color: #999;margin: 0 auto 10px;}
.style4 .swiper-pagination-bullet{background: #999;opacity: 1;vertical-align: middle;}
.style4 .swiper-pagination-bullet-active{background: #fff;opacity: 1;width: 10px;height: 10px;}

@media screen and (max-width: 1024px){
	.style4{padding: 60px 0;}
	.style4 .box p{font-size: 15px;}
}





.style5{padding: 80px 0;margin: 0;outline: none;text-align: left;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;background-color: #fff;filter: saturate(1.5);}
.style5 h1{margin: 0 0 20px;padding: 0;font-weight: 500;font-size: 20px;color: #2f2f2f;}
.style5 p{font-size: 14px;color: #828282;}
.style5 img{max-width: 360px;width: 100%}

@media screen and (max-width: 1024px){
	.style5{background-image: none !important;text-align: center;background: linear-gradient(180deg, #f1f1f1 0%, #fff 50%) !important;padding: 40px 0;}
}




.style6{padding: 100px 0;margin: 0;outline: none;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;background-color: #fff;background-image: url(../img/maps.webp);filter: saturate(1.5);}
.style6 .box{background: #111;padding: 50px 70px;}
.style6 .box .logo{width: 100%;max-width: 200px;}
.style6 .box a{margin: 30px 0;display: block;}
.style6 .box a img{margin-right: 10px;max-width: 40px;}
.style6 .box a span{font-size: 26px;color: #fff;font-weight: 400;}
.style6 .box a:hover span{color: #00c1ca;}
.style6 .box .maps{margin: 0;display: block;}
.style6 .box .maps img{margin: 10px 20px 0 0;float: left;}
.style6 .box .maps span{font-size: 20px;color: #fff;}
.style6 .box .maps:hover{color: #fff;}

@media screen and (max-width: 1024px){
	.style6 .box{padding: 40px;}

}




.rdp {background: #111111;padding: 3rem;margin:0;font-size: 14px;letter-spacing: 2px;text-align: center;color: #fff;}
.whatsapp{animation: zoomin 1.5s infinite;position:fixed;bottom: 30px;left: calc(50% - 130px);z-index: 9999999;}
.whatsapp img{max-width: 260px;}

@media screen and (max-width: 1024px){
  .rdp{padding: 40px 10px;font-size: 12px;}
}



@keyframes zoomin {
	0% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: .9;}
	50% {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);opacity: 1;}
	100% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: .9;}
}


/* end */