@font-face {
    font-family: Moderato;
    src: url("fonts/moderatoG7_L.otf") format("opentype");
}

@font-face {
    font-family: Moderato;
    font-weight: bold;
    src: url("fonts/moderatoG7_Lb.otf") format("opentype");
}



body,html{padding:0px;margin:0px;background:#fff;font-family:'Montserrat',sans-serif;}
body{font-size:16px;color:#000;padding-top:101px;}

img{margin:0px;padding:0px;}

a{color:#000;text-decoration:none;}
a:hover{color:#f5cc00;text-decoration:underline;}

h3{}

.inner{width:1000px;margin:auto;position:relative;}
.list{width:900px;margin:auto;position:relative;}



.flex{
	display:flex;
	align-items:center;
}


#header{
	padding-top:20px;
	padding-bottom:20px;
	position:fixed;
	top:0px;
	left:0px;
	z-index:100;
	width:100%;
	background:#fff;
}
 

#logo1{width:100px;}
#logo1 img{width:100px;}

#logo2{width:120px;padding-left:10px;vertical-align:bottom;}
#logo2 > div{position:relative;}
#logo2 a{position:absolute;top:-45px;}
#logo2 img{height:90px;}


#toggle_menu{display:none;}

#menu{text-align:right;width: 100%;}
#menu .main{display:inline-block;position:relative;margin-left:20px;font-size:15px;line-height:25px;color:#000;border-bottom:2px solid #fff;text-decoration:none;}
#menu .main:hover, #menu .main.active{border-bottom:2px solid #f5cc00;text-decoration:none;}
#menu .main.active{color:#f5cc00;}
#menu span{cursor:pointer;}
#icons{position: absolute; top: -15px; right: 0px;}
#icons i{color: #000;}
#icons i:hover{color: #f5cc00;}
#menu .main.active .main_button{font-weight:bold;}
.main_button:hover{text-decoration:none;}



#lang:hover{border-bottom:none !important;}

.submenu{display:none;background:#fff;border:2px solid #f5cc00;padding:10px;position:absolute;z-index:999;top:25px;left:0px;text-align:left;}
.submenu .sub{display:block;color:#000;font-size:14px;white-space:nowrap;}
.submenu .sub:not(:last-child){margin-bottom:10px;}
.submenu .sub:hover{color:#f5cc00 !important;text-decoration:none;}

#menu .main:hover .submenu{display:block;}
	




#banners{position:relative;margin-bottom:50px;}
#banners .banner{display:none;opacity:0;}
#banners .banner.active{display:block;opacity:1;}
#banners img{width:100%;margin:0px;}
#banners a:hover{text-decoration:none;}

.bannerButton{position:absolute;z-index:2;top:50%;margin-top:-30px;width:60px;height:60px;line-height:60px;background:#f5cc00;color:#fff !important;text-align:center;vertical-align:middle;font-size:30px;}
.bannerButton:hover{opacity:0.8;}
.bannerButton.prev{left:0px;}
.bannerButton.next{right:0px;}

#bannerDots{position:absolute;z-index:2;bottom:10px;left:0px;width:100%;text-align:center;}
.dot{display:inline-block;width:20px;height:20px;border-radius:10px;background:#333;margin-left:5px;margin-right:5px;}
.dot.active{background:#f5cc00;}
.dot:hover{opacity:0.8;}



.tabs{margin-bottom:20px;}
.tabs a{display:inline-block;margin-left:20px;font-size:18px;color:#000;border-bottom:2px solid #fff;text-decoration:none;}
.tabs a:hover{border-bottom:2px solid #f5cc00;text-decoration:none;}
.tabs a.active{font-weight:bold;color:#f5cc00;}

.arrow{position:absolute;left:-30px;top:0px;}

.item a{color:#000;text-decoration:none;}
.item a:hover{color:#f5cc00;text-decoration:none;}

.title{font-size:18px;font-weight:bold;margin-bottom:10px;}
.title::after{content:'';display:block;margin-top:5px;width:100px;height:2px;background:#f5cc00;}
.txt{font-size:16px;}
.date{font-size:16px;padding-bottom:5px;color:gray;}
.date i{position:relative;top:-1px;}


.subscription{text-decoration: underline;font-size:26px;text-transform:uppercase;}




.gallery a{display:block;cursor:pointer;box-sizing:border-box;height:auto !important;line-height:100% !important;margin-bottom:10px;background: #fff;}

.gallery .thumb{width:100%;margin:0px;box-sizing:border-box;}

.gallery .caption{
	display:block;
	position:absolute;
	bottom:-1px;
	left:0px;
	width:100%;
	background:rgba(255,255,255,0.8);
	color:#000;
	padding:10px;
	font-size:14px;
} 

.gallery .caption p{line-height:14px;padding:0px;margin:0px;}






 
#sub_left{background-color:#f5cc00;background-image:url(../img/sub_arrow.png);background-repeat:no-repeat;background-position:right center;width:50%;
border:1px solid #f5cc00;border-right:0px;}

.message{font-size:18px;text-align:center;padding:10px;color:#000;font-weight:bold;}

#sub_right{border:1px solid #f5cc00;border-left:0px;padding-left:40px;width:50%;padding-top:40px;padding-bottom:40px;}


a.button{display:inline-block;padding-left:10px;padding-right:10px;font-size:16px;height:40px;line-height:40px;vertical-align:middle;text-align:center;color:#fff;background:#f5cc00;}
a.button:hover{color:#fff;text-decoration:none;}

input[type=text]{width:300px;border:none;border-bottom:2px solid #f5cc00;padding-left:0px;}



#newsletter-popup{
	visibility: hidden;
	opacity: 0;
	position:fixed;
	bottom:0px;
	right:0px;
	z-index:10;
	background:#f5cc00;
	border:2px dashed #000;
	transition: visibility 0s, opacity 0.5s linear;
	padding-top:40px;
}

#newsletter-popup.visible{visibility: visible;opacity: 1;}

#newsletter-popup table{border-collapse:collapsed;}
#newsletter-popup table,#newsletter-popup tbody,#newsletter-popup tr,#newsletter-popup td{width:100%;display:block;}

#newsletter-popup #sub_left{padding:0px;background-image:none;}
#newsletter-popup .message{color:red;}

#newsletter-popup #sub_right{width:100%;padding:20px;padding-top:0px;}

#newsletter-popup input{padding:10px;color:#000;}

#newsletter-popup a.button{background:#333;}
#newsletter-popup a.button:hover{opacity:0.9;}

#newsletter-popup .popup-close{background:#000;width:40px;height:40px;line-height:40px;text-align:center;vertical-align:middle;position:absolute;top:0px;right:0px;color:#fff;font-weight:bold;font-size:20px;}
#newsletter-popup .popup-close:hover{background:#333;text-decoration:none;}
#newsletter-popup .popup-close i{color:#fff;font-size:20px;}


#footer-newsletter{
	padding-top:50px;
	padding-bottom:50px;
}
#footer-newsletter table{width:800px;margin:auto;}











/*#listing a{font-size:20px;}*/
/*#listing{font-size:20px;}*/

#page_banner{padding:20px;position:relative;background:#f5cc00;margin-bottom:30px;}
#page_title{font-size:40px;line-height:45px;font-weight:bold;}
#page_subtitle{font-size:30px;line-height:36px;}

#footer{background:#737373;padding-top:50px;padding-bottom:50px;color:#fff;font-size:12px;}
#footer a{font-size:16px;color:#fff;}
#footer b{font-size:16px;margin-bottom:15px;display:block;}
#footer img{height:35px;}


.list_td{width:235px;padding-bottom:20px;text-align:center;vertical-align:middle;}
.list_border{display:block;border:1px solid #ccc;padding:5px;}
.list_image{display:block;width:100%;height:200px;background-repeat:no-repeat;background-position:center center;background-size:contain;}
.list_title{display:block;border:1px solid #ccc;border-top:none;padding:5px;}



.items_image{display:block;width:100%;padding-top:75%;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.items_image.residence{background-size:contain;}



.partners-grid a{
	display:block;
	outline:none;
	margin-bottom: 40px;
}
.partner-logo{
	aspect-ratio: 1/1;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	border:1px solid rgba(0,0,0,0.1);
}
.partner-title{
	display:flex;
	text-align:center;
	align-items:center;
	justify-content:center;
	border:1px solid rgba(0,0,0,0.1);
	border-top:none;
	padding:5px;
	font-size:12px;
	line-height:14px;
	height:38px;
}



.mobileImage{display:none;}

.vm{display:none;}

@media screen and (min-width:1001px){
	/*.gallery a.md_last{margin-right:0px;}*/
}

@media screen and (max-width:600px){
	.mobileImage{display:block;}
	.desktopImage{display:none;}
	#bannerDots{bottom:-40px;}

	.inner table{
		font-size: 14px;
	}
	.inner table big{
		font-size: 14px;
	}
	
}

@media screen and (max-width:1000px){
	html,body{margin:auto;width:100vw;overflow-x:hidden !important;}
	body{padding-top:100px;}
	
	.inner{width:calc(100% - 10px);}
	
	.vm{display:block;}
	.vd{display:none;}
	


	.bannerButton{display:none;}
	.dot{background:silver;}

	#toggle_menu{display:block;margin-left: auto;}
	#toggle_menu i{cursor:pointer;font-size:30px;}
	
	
	#logo1{width:60px;}
	#logo1 img{width:60px;}

	#logo2{width:80px;}
	#logo2 a{top:-40px;}
	#logo2 img{height:80px;}
	
	
	#menu{
		background:#fff;
		text-align:left;
		display:none;
		position:fixed;
		top:0px;
		left:0px;
		z-index:1000;
		overflow-y:auto;
		border-right:1px solid #ccc;
		padding: 50px 0px;
		height:100vh;
		width:100%;
		max-width:calc(100vw - 60px);
	}
	#menu.visible{display:block;}
	#menu .main{display:block;margin-bottom:15px;}
	#menu .main_button{font-weight:bold;font-size:16px;color:#f5cc00;}
	#menu .submenu{display:block;position:relative;top:auto;left:auto;border:none;padding-left:20px;}
	
	#icons{top: 12px; right: 10px;}
	#lang{position:absolute !important;top:10px;left:0px;}
	
	.tabs{text-align:center;}
	.tabs a{margin-left:10px;margin-right:10px;}
	
	.items_container{width:calc(100% - 100px);margin:auto;}
	.items_image{background-position:left center;}

	

	.list{width:100%;max-width:calc(100vw - 20px);}
	.arrow{display:none;}
	
	
	.inner img{max-width:100%;}
	.inner  iframe{max-width:100%;}
	
	
	#square, #square tbody, #square tr, #square td{display:block;width:100%;}
	
	
	#page_banner table, #page_banner tbody, #page_banner tr, #page_banner td{display:block;width:100% !important;text-align:center;}
	#page_banner td{padding:20px !important;}
	#page_title{font-size:20px !important;line-height:24px!important;}
	#page_subtitle{font-size:16px !important;line-height:20px !important;}
	
	.gallery .thumb{
		width: 100%;
		aspect-ratio: 400/270; 
	}
	 
	
	#newsletter-popup{padding:10px !important;font-size:14px;}
	#newsletter-popup input[type=text]{width: 100%;}
	
	#footer-newsletter table,#footer-newsletter tbody,#footer-newsletter tr{display:block;width:100%;}
	#sub_left{display:block;padding:10px;width:100%;background-image:none;}
	#sub_right{display:block;padding-left:20px;padding-top:20px;padding-right:20px;padding-bottom:20px;
		width:100%;border: 1px solid #f5cc00;border-top: 1px solid #f5cc00;border-right: 1px solid #f5cc00;}
	
	
	#footer .col-sm-4{margin-bottom:40px;}
	
	/*
	.gallery a{width:32%;}
	.gallery a{margin-right:1.95%;}
	.gallery a.sm_last{margin-right:0px;}
	*/
}

@media screen and (max-width: 640px){
	.partner-title{
		height:52px;
	}
}