#topcontent {position: relative;}
#maincontent{margin:0;padding:0; padding-top: 60px;}
#maincontent1{margin:0;padding:105px 0 80px;}
#maincontent2{margin:0;padding:80px 0 80px;}
#maincontent3{margin:0;padding:80px 0 80px;}
#maincontent4{margin:0;padding:80px 0 75px;}
#maincontent5{margin:0;padding:75px 0 65px;}
#maincontent6{margin:0;padding:0;}

/*----------------------welcome---------------------------*/

.welcome {padding: 0;margin: 0; font-size: 16px; overflow: hidden;}
@media (min-width: 1200px) {
.welcome-content .col-lg-7 { -ms-flex: 0 0 62.333333%; flex: 0 0 62.333333%; max-width: 62.333333%;}
.welcome-content .col-lg-5 { -ms-flex: 0 0 36.666667%; flex: 0 0 36.666667%; max-width: 36.666667%;}
}
.welcome .welcome-img  {width: 326px; height: 76%; position: relative; 
background: rgb(27,123,159);
background: linear-gradient(180deg, rgba(27,123,159,1) 0%, rgba(27,123,159,1) 9%, rgba(102,180,220,1) 9%, rgba(102,180,220,1) 100%);
}
.welcome .welcome-img img {position: absolute; left:44px; top:0;
    -webkit-box-shadow: 3px 9px 36px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 3px 9px 36px 0px rgba(0,0,0,0.26);
    box-shadow: 3px 9px 36px 0px rgba(0,0,0,0.26);   
}
.welcome .welcome-box {width: 100%; display: inline-block; position: relative; padding: 55px 0px 122px 138px; background-color: #1b7b9f;background: url("../img/bgr/bgr-welcome.png") no-repeat; background-size: cover; min-height: 644px;}

.welcome .welcome-box h3{ color: #fff; font-size: 42px; border-bottom: 2px solid #66b4dc; margin-bottom: 40px; padding-bottom: 10px;}
.welcome .welcome-box h3 span {font-size: 34px; display: block;}
.welcome .message {color:#fff; font-size: 20px; font-weight: 300; line-height: 1.3; display: block; padding-left: 2px; padding-right: 25px; max-width: 680px;}
.welcome .message a, .welcome .message a:hover{color:#fff; text-decoration: underline; }
.welcome .morelink {margin-top: 46px;}

/*----------------------showcase-properties---------------------------*/
.showcase {position:relative;text-align: center; }
#carousel-showcase-properties{width:100%;padding:0;z-index:1; text-align: left;}
#carousel-showcase-properties .carousel-inner{width:100%;max-height:824px; overflow:hidden;}

#carousel-showcase-properties .carousel-caption {top:180px; right:36px; left:auto; margin:0; padding: 53px 20px 20px 70px; max-width:486px;min-width:486px;max-height:520px;background-color:#1b7b9f; border:18px solid #197496; color:#fff; text-shadow: none; text-align: left;
    -webkit-box-shadow: 3px 9px 36px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 3px 9px 36px 0px rgba(0,0,0,0.26);
    box-shadow: 3px 9px 36px 0px rgba(0,0,0,0.26);  
	
}
#carousel-showcase-properties .carousel-caption::after { content: url("../img/icons/neon-naxos-realty-icon-L.png"); position: absolute; bottom:-6px; right:1px;}


#carousel-showcase-properties .carousel-caption-inner{position: relative; width: 100%; height: 100%;}
#carousel-showcase-properties .carousel-caption-1 {display: block; max-width: 100%; padding:0; margin:0 auto; }

#carousel-showcase-properties h3{line-height:1.1;color:#fff; margin:0;padding:0; margin-bottom: 8px;}
#carousel-showcase-properties h3 a {color:#fff !important;text-decoration:none !important;}

#carousel-showcase-properties h3 span {display: block; margin:0; padding:0; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
#carousel-showcase-properties h3 span.ptype {font-size:42px;}
#carousel-showcase-properties h3 span.area {font-size:25px; margin-top:10px;}

#carousel-showcase-properties .price {font-size:34px; line-height:1; color:#66b4dc; font-weight: 600; font-family: proxima-nova-condensed, sans-serif; position: relative; padding:0; margin:0; margin-top: 49px; }
#carousel-showcase-properties span.price-after {padding-left: 26px;}
#carousel-showcase-properties span.price-before {position: absolute; left:-7px; content: url("../img/icons/low-price.png");}

#carousel-showcase-properties .ofields {font-size:16px; line-height: 1; font-weight: 300; padding:0; margin:0; margin-top: 40px; }
#carousel-showcase-properties span.ofield {display: inline-block; padding: 11px 9px 11px 0px; text-overflow: ellipsis; white-space: nowrap; }

#carousel-showcase-properties .pcode {font-size:16px; line-height: 1; font-weight: 300; padding:0; margin:0; margin-top: 10px; }

#carousel-showcase-properties .readmore {position: relative; padding-right: 28px;  margin-top: 72px;}
#carousel-showcase-properties .readmore a {height: 100%; color: #fff !important; text-decoration: none;}
#carousel-showcase-properties .readmore a::after {content: url("../img/icons/arrow-white-smal.png"); position: absolute; margin-left: 3px; top:1px;}

#carousel-showcase-properties .photos {width:81%; height:824px; position: relative; overflow:hidden;}
#carousel-showcase-properties .photos img {min-width:100%; min-height:100%; position: absolute; top:0; bottom: 0; right: 0; left: 0; margin: auto; }

#carousel-showcase-properties .photo-blur {width:94%; height:760px; position: absolute;  overflow:hidden;}
#carousel-showcase-properties .photo-blur img {
  -webkit-filter: blur(20px) brightness(154%) contrast(94%);
  -moz-filter: blur(20px) brightness(154%) contrast(94%);
  -o-filter: blur(20px) brightness(154%) contrast(94%);
  -ms-filter: blur(20px) brightness(154%) contrast(94%); 
  filter: blur(20px) brightness(154%) contrast(94%);

}
#carousel-showcase-properties .photo {width:94%; height:760px; position: absolute;  overflow:hidden; top:30px; left:30px;
    -webkit-box-shadow: 3px 9px 36px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 3px 9px 36px 0px rgba(0,0,0,0.26);
    box-shadow: 3px 9px 36px 0px rgba(0,0,0,0.26);  
}
#carousel-showcase-properties .photo img {}


#carousel-showcase-properties .carousel-indicators li{ height: 4px; background-color:#fff;}
#carousel-showcase-properties .carousel-indicators { 
 -ms-flex-pack: left; justify-content: left;
  margin-right: auto;
  margin-left: 4.2%;
  bottom: 30px;

}

/*---------------------offers: featured,lastest properties---------------------------*/
.offers .section-title {margin-bottom: 14px;}
/* cards-carousel */
/*.offers .owl-cards {max-width: 100%;}*/
.offers .cards-carousel {margin: 0 auto; padding: 0;}
.offers .cards-carousel .card { padding-top: 30px; background-color: transparent; border:0;}

/*---------------------owl-cards .owl-nav--------------------------*/
.owl-cards .owl-nav {  
    position: absolute;  top: -70px;  right: 30px;
	margin-top: 0;  text-align: center;
    -webkit-tap-highlight-color: transparent;
	 color: #557682; font-size: 50px; margin: 0; padding: 0;
	outline: none;   display: inline-block;  cursor: pointer;
    border-radius: 0; border:0;}
.owl-cards .owl-nav:hover,
.owl-cards .owl-nav.active{
      color: #1b7b9f;
      text-decoration: none; }
.owl-cards .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }
.owl-cards .owl-next { margin-left: 10px;}
.owl-cards .owl-next:focus,  .offers .owl-cards .owl-prev:focus {outline: none;}


/*---------------------services---------------------------*/
.services .rec0 {padding-bottom: 0 !important;}
.services .rec {margin-bottom: 0 !important;}
.services .btn {font-size: 16px; color:#1a1712;  border:1px solid #402f0a; margin-top: 40px; padding: 15px 25px;}
.services .btn i {margin-left: 5px; font-size: 12px; }
.services .btn:hover, .services .btn:focus, .services .btn.focus {color:#dca120;  border:1px solid #dca120; box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);}




/*----------------------carousel-top---------------------------*/
#carousel-top1 {
	margin-top: 0;padding-top: 0;margin-bottom: 0;background-color:#fff;
}
#carousel-top1::after {content:''; position:absolute; margin: 0 auto; left:0; right:0; width:99%;
    bottom:1px; z-index:-1; box-shadow: 0px 0px 25px 5px #000; 
}
#carousel-top1 .carousel-inner { display: flex; align-items: center;}

#carousel-top1 .carousel-caption {left: 9%;text-align: left; max-width: 860px;right: auto; top:74%; transform: translateY(-74%); color:#fff; padding: 10px;}
#carousel-top1 .carousel-caption h1 {color:#fff; font-size: 54px; font-weight: 700; line-height: 1.1; max-width: 463px;}
#carousel-top1 .carousel-caption h1 > span {font-size: 42px;}
#carousel-top1 .carousel-caption .btn {font-size: 20px; font-weight: 300; background-color: #d35324; color: #ffffff; text-decoration: none;
     padding: 12px 28px;  margin: 0; margin-top: 14px;
    -webkit-box-shadow: 3px 9px 36px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 3px 9px 36px 0px rgba(0,0,0,0.26);
    box-shadow: 3px 9px 36px 0px rgba(0,0,0,0.26); }
#carousel-top1 .carousel-caption .btn  span::after {content: url("../img/icons/arrow-white.png"); width:17px; height: 19px; margin-left:16px;}
#carousel-top1 .carousel-caption .btn:hover {filter: brightness(115%);}

#carousel-top1 .carousel .carousel-inner, #carousel-top1 .carousel .carousel-item {
        width: 100%;
        height: 96vh;
        max-height: 900px !important;
        overflow: hidden;
}

#carousel-top1 .carousel-item img {
        min-width: 100%; max-width: 190%;
        min-height: 100%; 
        object-fit: cover;
        object-position:center;
    }
/*#carousel-top1 .carousel-inner .carousel-item img { min-width:100%;}*/

#carousel-top1 .carousel-control.left,
#carousel-top1 .carousel-control.right {background-image: none; filter: none;}
#carousel-top1  .carousel-indicators { position: absolute; bottom: 8%; left: 55%; z-index: 15; width: 80%; padding-left: 0; margin-left: -45%;
  text-align: right; list-style: none;}
#carousel-top1 .carousel-indicators li {width: 11px; height: 11px; cursor: pointer;  border-radius: 0;  margin-right: 5px;  border: 1px solid #fff;}
#carousel-top1 .carousel-indicators .active {width: 13px; height: 13px; margin-right: 5px; background-color: #fff;}

/* carousel top zoom effect */

@-webkit-keyframes zoom {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.3,1.3);
    }
    100% {
        transform: scale(1,1);
    }
}

@keyframes zoom {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.3,1.3);
    }
    100% {
        transform: scale(1,1);
    }
}

#carousel-top1 .carousel-inner  .carousel-item  img {
  -webkit-animation: zoom 40s;
  animation: zoom 40s;
  animation-iteration-count: infinite;
}


/*----------------------media---------------------------*/
/*
@media (min-height: 1440px) {
#carousel-top1 .carousel .carousel-inner, .carousel .carousel-item {min-height: 96vh !important;}
}
*/
@media (max-height: 940px) {
 #carousel-top1 .carousel .carousel-inner, .carousel .carousel-item {height: 96vh;}       
}


@media (max-width: 767px) {
#carousel-top1 .carousel-caption {left: 3%; bottom:5%; transform: translateY(5%); top:auto; }     
#carousel-top1 .carousel-item img { max-width: 190%;  object-position:right; }
}

@media (max-width: 575px) { 
#carousel-top1 .carousel-caption {max-width: 86%;}   
#carousel-top1 .carousel-caption h1 {max-width: 100%;}      
#carousel-top1 .carousel-caption h1 {font-size: 46px; max-width: 100%; line-height: 1.1;}
#carousel-top1 .carousel-caption h1 > span {font-size: 36px; display: block; margin-top: 4px;} 
}
@media (max-width: 480px) { 
#carousel-top1 .carousel-caption h1 {font-size: 42px;}
#carousel-top1 .carousel-caption h1 > span {font-size: 30px;}     
}

@media (max-width: 420px) {  
#carousel-top1 .carousel-caption h1 {font-size: 36px;}
#carousel-top1 .carousel-caption h1 > span {font-size: 28px;} 
#carousel-top1 .carousel-caption .btn {font-size: 16px; padding: 8px 12px; }     
}

@media (max-width: 375px) {  
#carousel-top1 .carousel-caption h1 {font-size: 34px;}
#carousel-top1 .carousel-caption h1 > span {font-size: 22px;}
#carousel-top1 .carousel-caption .btn {font-size: 16px; padding: 4px 8px; }    
}




@media (max-width:991px){
    #carousel-showcase-properties .carousel-inner{height:auto; max-height: none; min-height: 1020px;}  
    #carousel-showcase-properties .carousel-caption {min-width:100%; max-width:100%; max-height:none;  position: relative; margin: 0 auto; bottom:auto; top:auto; left:auto; right:auto;  -webkit-box-shadow: none; -moz-box-shadow: none;  box-shadow: none; padding-bottom: 40px; }

    
    #carousel-showcase-properties .carousel-caption-inner{position: relative; width: 100%; height:auto; }
    #carousel-showcase-properties .carousel-caption-1 {display: block; max-width: 100%; padding:0; margin:0 auto; }
    #carousel-showcase-properties .photos {width:100%; height:500px; }
    #carousel-showcase-properties .photos img {max-width:150%; max-height:150%;}
    #carousel-showcase-properties .photo-blur {height:500px;}    
    #carousel-showcase-properties .photo {width: 100%; height:500px; -webkit-box-shadow: none; -moz-box-shadow: none;  box-shadow: none; } 

    #carousel-showcase-properties{overflow:visible;}    
    #carousel-showcase-properties .carousel-inner{overflow:visible;}
 
    
}

@media (max-width:575px){  
    #carousel-showcase-properties .carousel-inner{min-height: 980px;}      
    #carousel-showcase-properties .photos {height:460px;}
    #carousel-showcase-properties .photo-blur {height:460px;} 
    #carousel-showcase-properties .photo {height:460px; top:20px; left:20px;}
}


@media (max-width: 375px)  {
    #carousel-showcase-properties .carousel-caption {padding: 33px 10px 40px 20px; border:12px solid #197496;}
    #carousel-showcase-properties h3 span.ptype {font-size:36px;}    
    #carousel-showcase-properties h3 span.area {font-size:23px;}
    #carousel-showcase-properties .price {font-size:30px;}    
    
    #carousel-showcase-properties .carousel-inner{min-height: 840px;}      
    #carousel-showcase-properties .photos {height:360px;}
    #carousel-showcase-properties .photo-blur {height:360px;} 
    #carousel-showcase-properties .photo {height:360px;}
}


@media (max-width:991px){
.welcome .section-title {margin-bottom:-70px; margin-top: 30px;}   
.welcome .welcome-img  {width: 100%; position: relative; transform: translatey(35%); text-align: right;}
.welcome .welcome-img img {position: relative; left:auto; top:auto;}
.welcome .welcome-box {width: 100%; display: inline-block; position: relative; padding: 160px 0px 182px 40px;}
}