/*main color #27c1c1*/
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@100;200;300;400;500;600;700;800&display=swap');

*{
	margin: 0px;
    padding: 0px;
    font-family: 'Urbanist', sans-serif;
}
a{cursor: pointer; text-decoration: none;}
sup{font-size: 12px;}
a.anchor {
    display: block;
    position: relative;
    top: -270px;
    visibility: hidden;
}
a.anchor2{top: -150px;}

html{scroll-behavior: smooth;}
body{
	display: grid;
}
.text-main-desc{
	font-size: 25px;
    color: #8c8c8c;
    font-weight: 400;
    line-height: 35px;
    text-align: center;
}
.text-desc {
    font-size: 20px;
    color: #9a9a9a;
    font-weight: 300;
    line-height: 27px;
}

header{
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	box-shadow: 0 1px 7px 0px #27c1c18f;
	background-color: #ffffff;
	z-index: 9;
	padding: 0 15px;
    box-sizing: border-box;
}
	div#section-header{
	    width: 100%;
	    max-width: 1200px;
	    margin: 15px auto;
	    display: grid;
	    grid-template-columns: max-content auto;
	}
		#logo-link{}
		#logo-link img{
		    width: 100%;
    		max-width: 130px;
		}
		#section-menu {
		    justify-self: right;
    		align-self: center;
		}
			#section-menu-grid{
				display: grid;
			    grid-template-columns: repeat(4,auto);
			    grid-gap: 50px;
			}
			div#section-menu a {
			    font-size: 18px;
			    color: #909090;
			    font-weight: 300;
			    text-transform: uppercase;
			    border-bottom: 1px solid transparent;
			    padding: 0 0 5px 0;
			}
				div#section-menu a:hover {
				    color: #27c1c1;
				    border-bottom: 1px solid #27c1c1;
				    transition: 0.6s;
				}

		#show-menu{
			color: #27c1c1;
			display: none;
			justify-self: right;
    		align-self: center;
    		font-size: 25px;
		}

main{
	display: grid;
    grid-gap: 50px;
}

	/*SLIDER*/
	#section-slider-box {
	    display: grid;
	    grid-auto-rows: minmax(300px, 500px);
	}
		#my-slider{
			width: 100%;
			height: 100%;
			max-height: 500px;
		}
			.slider-box {
		    	width: 100%;
			}
				.slider-box img {
				    width: 100%;
				}
				.slider-box-text {
				    position: absolute;
				    top: 0;
				    width: 100%;
				    height: 100%;
				    display: grid;
				    justify-content: center;
				    align-content: center;
				}
					p.slider-text {
						color: #ffffff;
						font-size: 40px;
						font-weight: 600;
						background-color: #00000057;
						padding: 30px 200px;
					}

	div#section-main {
	    width: 100%;
	    max-width: 1200px;
	    margin: 0 auto 50px;
	}
	div#section-main > div{margin: 0 0 50px 0;}
		.section {
		    display: grid;
		    grid-gap: 25px;
		}
			p.section-title {
			    font-size: 25px;
			    color: #27c1c1;
			    font-weight: 300;
			    text-transform: uppercase;
			    border-bottom: 1px solid #27c1c126;
    			padding-bottom: 10px;
			}
			.section-box {
			    display: grid;
			    grid-gap: 50px;
			}
				.section-content{
					display: grid;
				    grid-template-columns: auto 700px;
				    grid-gap: 15px;
				    background-color: #fbfbfb;
				    padding: 25px;
				    box-sizing: border-box;
				}
					img.img-property {
					    width: 100%;
    					max-width: 700px;
					}
					.img-desc{
						font-size: 20px;
					    color: #565656;
					    font-weight: 300;
					    line-height: 27px;
					}
					a.link-desc{
					    color: #27c1c1;
					    font-size: 18px;
					    font-weight: 500;
					    text-decoration: underline;
					    transition: 0.4s;
					}
					a.link-desc:hover{color: #299494;}

					div#simple-slider {
				    	display: grid;
					    width: 100%;
					    max-width: 700px;
					    grid-gap: 5px;
					    align-content: baseline;
					}
						#simple-slider-img-box{
							border: 1px solid #e8e8e8;
						    background-color: #ffffff;
						    width: 100%;
						    max-width: 700px;
						    box-sizing: border-box;
						}
							#simple-slider-img{
								display: block;
							    width: auto;
								height: 100%;
							    max-height: 400px;
							    margin: 0 auto;
							}

						div#simple-slider-thumbnails {
						    grid-template-columns: repeat( auto-fit, minmax(100px, 1fr) );
						    display: grid;
						    grid-gap: 5px;
						}
							.simple-slider-thumbnails-box {
							    border: 1px solid #c1c1c1;
							    display: grid;
							    justify-content: center;
							    cursor: pointer;
							}
								img.simple-slider-img-thumbnails {
								    height: 100%;
								    max-height: 64px;
								    justify-self: center;
								}

	/*contact div*/
	div#section-contact {
	    display: grid;
	    grid-gap: 8px;
	}

	.contact-box {
	    display: grid;
	    grid-template-columns: 25px auto;
	    align-items: center;
	}
		.contact-box i {
		    color: #27c1c1;
		    font-size: 14px;
		}
		.contact-box p,
		.contact-box a {
		    font-size: 17px;
		    color: #9a9a9a;
		}
		.contact-box a:hover{ color:#27c1c1; }


footer {
    background-color: #f1f1f1;
    padding: 20px 0;
    padding: 20px 15px;
    box-sizing: border-box;
}
	#footer-content{
		width: 100%;
	    max-width: 1200px;
	    margin: 0 auto;
	    font-size: 12px;
	    color: #585858;
	}