/*
Theme Name: atmpl

*/
* {
	padding: 0;
	margin: 0;
}
*, *:before, *:after {
  box-sizing: border-box;
}
a, a:focus, a:hover {
	outline: none;
	text-decoration: none;
	color: #005477
}
.clear {
	clear: both;
	height: 0;
}

ul {
	list-style: none;
}


html {

	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	color: #000;
	background: #F6F3E7;
font-family: 'PP Fragment Sans Light';
	font-size: 15px;
-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	line-height: 150%;
font-weight: normal;

}

p{
		line-height: 200%;
}

input, select, textarea, option {
font-family: 'PP Fragment Sans Light';
	font-size: 15px;
  border: none;
border-bottom: 1px solid #fff;
  padding: 10px;
  margin-bottom: 15px;
	width: 100%;
	background: none;
	color: #fff;
}

label {
	text-transform: uppercase;
display: block;
}

input[type="submit"], button.button_send {
  background: #BFAFA0;
	padding: 15px;
	border-radius: 25px;
font-family: 'PP Fragment Sans Light';
    font-size: 13px;
    cursor: pointer;
    border: none!important;
		text-transform: uppercase;
		color: #005477;
		display: inline-block;
		width: auto;
}

.form_error {
	color:#BFAFA0;

	font-family: 'PP Fragment Serif Light';
		font-style: italic;
		font-size: 12px;
		display: inline-block;
		display: none;

}
h1, h2, h3, h4, h5 {
font-family: 'PP Fragment Sans Light';
  font-weight: normal;

  color: #005477;

}
h1 i, h2 i, h3 i, h4 i, h5 i {
	line-height: 30%
}
h1 {
	font-size: 85px;
	  line-height:50%;

}
h2 {
	font-size: 65px;
	  line-height:80%;
		letter-spacing: -4px
}
h3 {
	font-size: 40px;
	  line-height:100%;
		letter-spacing: -3px
}
h4 {
	font-size: 25px;
line-height: 110%;
letter-spacing: -1px
}
h5 {
	font-size: 20px;
}

i {
	font-family: 'PP Fragment Serif Light';
		font-style: italic;
line-height: 70%!important
}
img {
	pointer-events: none;
}


.w600 {
	width: 600px;
	margin: 0 auto;
}


.w800 {
	width: 800px;
	margin: 0 auto;
}
.w1200 {
	width: 1200px;
	margin: 0 auto;
}

.w1400 {
	width: 1400px;
	margin: 0 auto;
}

.flex {
	display: flex;
	flex-wrap: wrap;
}

.betw {
	justify-content: space-between;
}
.jcent {
	justify-content: center;
}
.cent {
	align-items: center;
}
.bottom {
	align-items: flex-end;
}

.jend {
	justify-content: flex-end;
}
.bott {

	border-radius: 30px;
	background: #BFAFA0;
	display: inline-block;
}
.bott a {
	text-transform: uppercase;
	line-height: normal;
padding:22px 20px 18px 20px;
		display: block;
}
.header {
	width: 100%;
	height: 100vh;

}
.topwr {
	position: relative;
}
.header > img {
	object-fit: cover;
	-o-object-fit: cover;
	width: 100%;
	height: 100%
}

.logo {
	position: absolute;
	top: 80px;
	left: 50%;
	transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
}
.logo  a {
	display: block;
}
.logo  img {
	width: 180px;
}
.holder {
	width: 100%;
	position: absolute;
	top: 0px;
	padding: 30px;
	z-index: 700
}
.fcontact {

	color: #fff;
	display: flex;
	align-items: center;
}

.fcontact a {
	color: #fff;
	font-size: 16px;
	padding:0 5px
}

.menubut {

display: flex;
justify-content: flex-end;
flex-wrap: wrap;
width: 60px;
cursor: pointer;
}

.menubut .bar {
	height: 1px;
	background: #fff;
	width: 60px;
	margin: 3px 0;
}
.menubut .bar.sec {
	width: 45px;
	text-align: right;
}
.menubut .bar.third {
	width: 30px;
}

.navigation {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	background: #fff;
display: none;
z-index: 1500
}
.primary-menu-container {
		position: relative;
		height: 100vh
}
.close {
position: fixed;
top: 30px;
right: 50px;
	font-size: 40px;
	color: #005477;
cursor: pointer;
z-index: 120
}
.navigation ul {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.navigation ul li {
	display: block;
}
.navigation ul li a{
	display: block;
	padding: 15px 0;
	font-size: 40px;
	letter-spacing: -2px
}

.navigation ul li.current_page_item a{
	  font-family: 'PP Fragment Serif Light';
		font-style: italic;
}
.navigation.slidein {
	display: block;
}

.topwr.fix .holder {
	position: fixed;
	background: #F6F3E7;
	padding: 5px 30px;
	box-shadow: 20px 0px 30px rgba(0,0,0,0.1);
}
.topwr.fix .holder  a {
	color: #005477
}
.topwr.fix .holder .bar {
	background: #005477
}
.top {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.fcont_inner {
	padding: 80px 0
}
.fcont_inner h2 {
	width: 400px
}
.conty h2 {
	width:250px
}
.fgallery{
	width: 100%
}
.swiper {
overflow: hidden;
height: 650px
}
.fgallery .swiper-slide {
	transform: scale(1) !important;
	padding-top: 50px
}

.fgallery .swiper-slide.swiper-slide-active {
  transform: scale(1.4) !important;
  opacity: 1 !important;
}

.fgallery .swiper-backface-hidden .swiper-slide.swiper-slide-active {
  transform: scale(1.4) translateZ(0) !important;
		padding-top: 0;

}
.swiper-slide.swiper-slide-active .simage {
	width: 100%
}
.fgallery .swiper-slide.swiper-slide-next {
	transform: scale(1) translateX(30%) !important;
}

.fgallery .swiper .simage {
	height: 550px;
	width: 70%
}
.fgallery .swiper .swiper-slide-active .simage {
	width: 100%
}

.swiper .simage img {
	object-fit: cover;
	-o-object-fit: cover;
	width: 100%;
	height: 100%
}

.navbutts {
width: 25%;
	margin: 0 auto;
	background: #fff;
}
.navbutts > div {
	font-size: 25px;
	color: #005477;
	padding: 8px;
	cursor: pointer;
}

.conty {
	width: 45%;
}

.subtitle {
	display: block;
	color: #000;
	font-size: 13px;
	text-transform: uppercase;
	padding-top: 5px;
	display: block;
}
h2 .subtitle {
	letter-spacing: -1px
}
.location_wr {
	padding: 80px 0
}

.conty.right {
	display: flex;
	justify-content: flex-end;
}
.location_wr h4, .top1 h4 {
	text-transform: uppercase;
	color: #BFAFA0
}
.desc{
	padding-top: 20px;
	letter-spacing: 0
}

.limgs {
	margin-top: 100px;
	position: relative;
}

.fronty .limgs .ming img {
	box-shadow: 0 0 25px rgba(0,0,0,.3);
}

.float {
	position: absolute;
	top:-120px;
	right:0;
	width: 35%;
	background: #fff;
	padding: 40px
}
.float img {
	object-fit: cover;
	-o-object-fit: cover;
	width: 100%;
	height: 100%
}
.footer .segment img {
	height: 35px
}
.footer .addr img {
	height: 45px
}
.footer .logob {
	width:120px
}
.footer_inner {
	width: calc(100% - 120px)
}
.footer .logob img {
	height: 100px
}

.segment span {
	display: block;
	color: #005477;
	font-size: 20px
}
.footer .follow {
	padding-top: 20px;

}
.footer .icons a {
	padding-right: 5px;
}
.footer .follow a i {
	font-size: 25px;
}
.footer .follow a {
	padding-left: 10px
}

.bbottom {
	padding-bottom: 100px
}
.bbottom .bcont {
	width: 47%;
	background: #fff;

}
.bbottom .bcont .bimage {
	width: 50%;
	height: 400px;
		padding: 35px;
}
.bbottom h3 {
	padding-right: 35px;
	font-size: 50px;
	line-height: 100%
}
.bbottom .bcont .bimage img {
	object-fit: cover;
	-o-object-fit: cover;
	width: 100%;
	height: 100%
}
.bbottom .bcont .righty {
	flex-direction: column;
padding: 35px 0;
width: 50%
}
.bbottom .readmore {
	margin-bottom: 20px
}
.readmore {
	text-align: right;
}
.bbottom .readmore a {
	border-radius:30px 0px 0px 30px;
}
.readmore a {
	background: #F6F3E7;
	color: #005477;
	text-transform: uppercase;
	font-size: 14px;
	padding: 20px;
	border-radius:30px;
}

.accomm {
	background: #005477;
	color: #fff;
	padding: 120px 0 100px 0;
	margin-top: -170px;
	margin-bottom: 100px
}

.tag {
font-size: 55px;
opacity: .3;
text-align: right;
}
.accomm h3 {
	opacity: .3;
	color: #fff;
font-size: 30px;

line-height: 120%;
padding-top: 5px
}
.accomm h4 {
	color: #fff;
	font-size: 25px;
	text-transform: uppercase;
}
.acc {
	padding-top: 50px;
}
.acc > .flex {
	padding: 30px 0
}
.acc .numb {
	font-size: 70px;
	opacity: .3;
	padding-right: 20px;

line-height: 70%
}
.acc .numb i {
		line-height: 20%
}
.item {
	padding: 15px 0;

	align-items: flex-end;
}
 .scap {
	width: 1px;
	background: rgba(255,255,255,.3);
	height: 100%;
	margin: 0 30px
}
.item.last .scap {
	display: none
}
.features {
	padding-top: 60px
}
.features  .feature {
	padding: 10px 40px 10px 0;


}
.features .fimage img {
	height: 60px;
	width: auto;
	opacity: .4
}
.features .name {
	padding-top: 10px;

}
.features .flex {
	padding: 30px 0
}

.introvilla {
	width: 700px;
	padding-top: 80px;

}
.singlepage .accomm {
	margin-top: 0
}
.singlepage .accomm h2 {
	color: #fff;
}
.singlepage .accomm_inner > .flex > div {
	width: 47%
}

.singlepage .item .numb {
	opacity: 1;
	line-height: 80%
}

.amenities {
	padding: 80px 0
}
.amenities .sub {
	opacity: .4;
	padding: 10px 0;
	font-size: 25px;
	width: 270px;
	line-height: 100%
}

.amenities_groups .flex {
	justify-content: flex-end;
}
.amenity {
	padding: 15px 0px;

}
.amenity.last .scap {
display: none
}
.amenity .scap {
margin: 0 80px
}
.amenity .aco {

}
.mobile {
	display: none
}

.swiper-container {
  height:600px;

}

.swiper-slide {
  overflow: hidden;
}

.slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
  background-repeat:  no-repeat;
}
.slide-inner img {
  width:100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.imgwr {
	height: 600px;
}
.gallery {
	width:75%
}
.gallery .sfirst {
	width: 65%;
}
.gallery .ssecond {
	width: 32%;

}

.bedrooms {
	margin-top: -160px
}

.btext {
	width: 23%;
	padding: 8% 45px;
	background: #fff;
}
.btext p {
	line-height: 150%;
}

.textich {
	padding-top: 25px
}

.singlepage .bedrooms .navbutts {
	margin: 0 0 0 auto;
	width: 32%
}

.concept {
	padding: 120px 0
}
.ctext, .cgal {
	width: 47%
}
.ctext {
	padding: 8%
}

.concept .navbutts {
	width: 45%
}

.site-main ul  {
	list-style: disc;
	padding: 10px 0 10px 25px
}

.pool {
	width: 100%;
	height: 550px;
	position: relative;
margin-bottom: 220px
}
.pool img {
	object-fit: cover;
	-o-object-fit: cover;
	width: 100%;
	height: 100%
}

.pcont {
	position: absolute;
	bottom: -120px;
	right: 100px;
	width: 400px;
	padding: 40px;
	background: #fff;
}

.gcont {
	width: 35%;
	padding: 8%
}

.gimgs {
	width: 60%;
	position: relative;
}

.gimgs .ming {
	height: 100%;

	padding-left:15%
}
.gimgs .ming img {
	object-fit: cover;
	-o-object-fit: cover;
	width: 100%;
	height: 100%
}
.gimgs .float {
	left: 0;
	right: auto;
	bottom: -50px;
	top: auto;
	height: 80%;
	width: 350px
}
.sbottom {
	padding: 120px 0
}
.bbcont {
	padding-bottom: 80px
}
.bbcont h3 {
	text-align: center;
}
.fullimg {
	height: 550px
}
.fullimg img {
	object-fit: cover;
	-o-object-fit: cover;
	width: 100%;
	height: 100%
}

.sect{
	padding: 60px 0
}

.sect .flex > div:not(.galb) {
	width: 47%
}
.top1 h4 {
	padding-bottom: 10px
}
.topt {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-wrap: wrap;
}

.gmap a {
	text-transform: uppercase;
	font-size: 12px;
	color: #000;
	display: block;
}
.toptl h2 {
	width: 250px
}
 .ming {
	height: 750px;

}

.limgs .ming {
	width: 80%
}
.fronty .ming img {
	object-position: 20% center;
	-o-object-position: 20% center;
}
.ming img {
	object-fit: cover;
	-o-object-fit: cover;
	width: 100%;
	height: 100%
}
.top2 .float {
	top: auto;
	bottom: -80px;
	width: 40%;
}

.dest.odd .dcont.gal {
	order: 1;
}
.dest.odd .dcont.dtext {
	order: 2
}

.dest .dist {
	font-size: 20px;
	padding: 8px 0;

}
.mcont h3 {
	text-align: center;
}

.loc{
	width: 100%;
  height: 750px;
  position: relative;
  margin-bottom: 220px;
}
.loc img {
	object-fit: cover;
	-o-object-fit: cover;
	width: 100%;
	height: 100%
}
.top2 {
	padding-top: 0;
	padding-bottom: 120px
}

 .limgs .float {
	height: 700px
}

.dest .navbutts {
	width: 50%
}
.contwr {
	padding-bottom: 120px
}
.contwr .header, .contpage {
	width: 50%
}
.contpage {
	background: #005477;
	padding: 150px;
	color: #fff;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	height: 100vh
}
form {
	width: 100%
}
form .comp {
	width: 48%;
	padding: 20px 0
}

.rowfull {
	width: 100%!important
}
.contpage h2 {
	color: #fff;
	width: 100%
}

.floating {
	position: absolute;
	z-index: 600;
	bottom: 20px;
	right: 20px;
}

.popupgall {
	width: 80%;
right:10%;
left: 10%;
top: 30%;
height: 80vh;

	position: fixed;
	padding: 30px ;
	background: #F6F3E7;
	z-index: 1500;
	display: none;
}
.popupgall .flex {
	overflow: scroll;
	height:60vh;
}
.popupgall .gallimage {
	width: 23%;
	margin: 1%;

}
.popupgall .gallimage a {
	display: block;
	height: 350px;
}
.popupgall .gallimage img {
	object-fit: cover;
	-o-object-fit: cover;
	width: 100%;
	height: 100%
}

.clgal {
	font-size: 30px;
	color: #005477;
	text-align: right;
	margin-top: -10px;
	cursor: pointer;
	padding-bottom: 10px
}
body.stopsc {
	overflow: hidden;
}

.fcontact .phone .fil0{
	fill:#fff;
}
.emailr {
	white-space: nowrap;
}
.fix .phone .fil0{
	fill:#005477;
}

.error-404 {
	position: absolute;
	top: 350px;
	color: #fff;
	left: 50%;
	transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	z-index: 25;
	text-align: center;
}
.error-404 .big {
	font-size: 150px;
	line-height: 120%
}
.footer.is404 {
	padding-top: 50px
}