/*
Theme Name: auratheme
Author: Cskills
Version: 1
*/

/* fonts */
@import url("/count/35db81");


@font-face {font-family: 'Shango-Regular';src: url('fonts/35DB81_0_0.eot');src: url('fonts/35DB81_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/35DB81_0_0.woff2') format('woff2'),url('fonts/35DB81_0_0.woff') format('woff'),url('fonts/35DB81_0_0.ttf') format('truetype');}


@font-face {font-family: 'Shango-Bold';src: url('fonts/35DB81_1_0.eot');src: url('fonts/35DB81_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/35DB81_1_0.woff2') format('woff2'),url('fonts/35DB81_1_0.woff') format('woff'),url('fonts/35DB81_1_0.ttf') format('truetype');}


@font-face {font-family: 'Shango-Medium';src: url('fonts/35DB81_2_0.eot');src: url('fonts/35DB81_2_0.eot?#iefix') format('embedded-opentype'),url('fonts/35DB81_2_0.woff2') format('woff2'),url('fonts/35DB81_2_0.woff') format('woff'),url('fonts/35DB81_2_0.ttf') format('truetype');}
@font-face {
	font-family: 'Conv_GOTHMLIT';
	src: url('fonts/GOTHMLIT.eot');
	src: local('☺'), url('fonts/GOTHMLIT.woff') format('woff'), url('fonts/GOTHMLIT.ttf') format('truetype'), url('fonts/GOTHMLIT.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_GOTHMBOK';
	src: url('fonts/GOTHMBOK.eot');
	src: local('Ôś║'), url('fonts/GOTHMBOK.woff') format('woff'), url('fonts/GOTHMBOK.ttf') format('truetype'), url('fonts/GOTHMBOK.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* fonts */

@media screen {

* { margin: 0; padding: 0; }
html {
    -webkit-text-size-adjust: 100%; / Prevent font scaling in landscape while allowing user zoom /
}
body { font-family: 'Conv_GOTHMBOK'; font-size: 16px; margin: 0; padding: 0; color: #737373; min-width: 320px;}
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

#page-wrap { width: 100%; margin: 0 auto;  height: 100%}

h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }
h1 { }
h2 { }
h3 { }

p { margin: 0 0 10px 0; }
a { }
a:hover { }

blockquote { }
blockquote p { }

ul, ol { margin: 0 0 10px 0; }

.post { }

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }

ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }

} /* END screen media */

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; }
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; }
a { text-decoration: none; color: black; }

} /* END print media */



/* New CSS */
*{box-sizing: border-box; margin: 0; padding: 0}
html,body{height: 100%}
header, footer, section{ clear: both; overflow: hidden;}
header:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
header{overflow: visible}
a{text-decoration: none; color: #c2691a}
a,img, button, input{outline: none; }
img{max-width: 100%}
button::-moz-focus-inner {border: 0;}
a:hover{color: #000}
input,textare,select{	font-family: 'avenir-roman'; font-size: 16px;}
.btn{background: #c2691a; color: #fff; font-size: 14px; padding: 2px 12px; text-transform: uppercase; 	overflow: hidden; -webkit-transition: color 0.3s; transition: color 0.3s; position: relative; z-index: 1; display: inline-block; line-height: 31px}
.btn::before, .btn::after {	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 100%;
	left: 0;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.btn::before {
	background: #cb8d55;
}
.btn::after {
	background: #cb8d55;
}
.btn:hover {
	color: #fff;
}
.btn:hover::before,
.btn:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.btn:hover::after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}




h1{font-size: 55px; color: #829caa; font-family: 'Shango-Regular'; line-height: normal; margin-bottom: 34px }
h2{font-size: 55px; color: #829caa; font-family: 'Shango-Regular'; line-height: normal}
h3{font-size: 30px; color: #829caa; font-family: 'Shango-Regular'; line-height: normal; margin-bottom: 20px; }
h5{font-size: 18px; color: #829caa; font-weight: normal; line-height: normal}
.floatLeft{float: left;}
.floatRight{float: right;}
.midsec{max-width: 90%; margin: 0 auto; padding: 0 15px}
.midsec:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/*header- footer*/
header{padding: 20px 40px; position: absolute; left: 0; top: 0; width: 100%; z-index: 2; background-color: #263645}
.logo{float: left;}
.logo img{width: 120px;}
nav{width: 25%; height: 100%; position: fixed; top: 0; right:-25%; background: #263645; z-index: 1; padding: 0;  -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;transition:all 300ms linear;}
nav.openmenu{right: 0}
.meunscrollbar{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; padding: 40px 80px 40px 70px}
nav .menu{height: 100%; width: 100%; display: table}
nav .menu > ul{display: table-cell; height: 100%; vertical-align: middle}
nav li{display: block; float: left; width: 100%; position: relative;}
nav > ul > li:last-child{padding-bottom: 10px;}
nav ul li a{border: 0; font-size: 25px; padding: 0 0 20px; display: block; text-transform: uppercase; color: #fff; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
nav ul li a:hover, nav ul li a.active{color: #c2691a}
nav ul li a:after{content: "-"; font-size: 25px; display: block; padding: 9px 0 4px}
nav .menu > ul > li:last-child a:after, nav .menu > ul > li:nth-last-child(2) a:after{display: none}
nav ul li ul{margin-bottom: 10px;}
nav ul li ul li a{line-height: normal; font-size: 18px;}
nav li .social-insta{left: 0; margin: 40px auto 0; width: 36px; height: 36px; background-size: 36px auto;}
body.scroll{overflow: hidden; position: fixed; width: 100%}



footer{background: #263645; color: #88a0ae; padding: 30px 0; font-size: 12px; text-align: center}
footer .midsec{position: relative;}
.footerlogo img{width: 90px; position: absolute; left: 15px; top: 0}
.social-insta{background: url(images/insta.svg) no-repeat center center; background-size: 26px auto; width: 26px; height: 26px; position: absolute; right: 0; top: 0}
footer a{color: #88a0ae}
footer a:hover{color: #fff}
/*header- footer*/

/*home*/
.home header, .single header{background-color: transparent}
.home .logo{display: none}
.banner{ background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-position: center center; height: 100%; position: relative;}
.displaytable{display: table; width: 100%; height: 100%}
.displaytablecell{display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle}
.banenrlogo{padding: 0 20px}
.bannertagline{color: #fff; text-transform: uppercase; display: block; padding: 41px 20px 0; font-size: 18px;}
.bannerbottomtagline{display: block; position: absolute; bottom:50px; width: 100%; text-align: center; color: #fff; font-style: italic; padding: 0 20px;  font-size: 18px;}
.homeaccommodationlist ul{list-style: none; margin: 0; padding: 0;}
.homeaccommodationlist ul li{ clear: both; overflow: hidden; }
.accimage{width: 50%; font-size: 0; overflow: hidden;}
.accimage > div{background-repeat: no-repeat; background-size: cover; height: 100%; min-height: 450px; width: 100%;   -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out;transition: .25s ease-in-out; }
.acctxt{width: 50%; padding: 100px; line-height: 28px}
.acctxt p{margin:0 0 20px}
.acctxt p.viewlink{margin-top: 10px; display: inline-block; width: 100%}
.acctxt p:last-child{margin-bottom: 0}
.homeaccommodationlist ul li:nth-child(odd) .accimage{float: right}
.homeaccommodationlist ul li:nth-child(odd) .acctxt{float: left}
.homeaccommodationlist ul li:nth-child(even) .accimage{float: left}
.homeaccommodationlist ul li:nth-child(even) .acctxt{float: right}
.acctxt h5{padding: 0 0 39px;}
.bulletlist ul{clear: both; overflow: hidden; margin: 0 0 20px}
.bulletlist ul li{ display: block; padding: 0 0 5px 15px; position: relative;}
.bulletlist ul li:last-child{padding-bottom: 0}
.bulletlist ul li:before {background-color: #d4965e;  border-radius: 50%;   content: ""; display: inline-block; margin-right: 0; position: absolute; left: 0; top:12px; margin-bottom: 0; height: 6px; width: 6px;}
.comingsoon .acctxt h5{padding: 0}
.displayinline{display: inline-block; margin: 0 auto; text-align: left;}
/*home*/

/* About us */
.page-template-template-about .banner{height: 535px}
.innercontent{padding: 66px 0}
.aboutleftcontent{width: 50%; color: #dead02; font-size: 39px; font-family: 'Shango-Medium'; padding: 93px 50px 0 0; text-transform: uppercase}
.aboutrgtcontent{width: 50%;  padding-left: 20px; line-height: 22px}
.entry p{padding: 0 0 20px}
/* About us */


/* Overview Accommodation */
.slider ul{height: 100%; list-style: none; margin: 0; padding: 0}
.slider ul li{height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center}
.downloarrow{position: absolute; bottom: 20px; width: 58px; margin: 0 auto; right: 0;  left: 0; text-align: center; z-index: 1}
.downloarrow a{background: url(images/banner-nextsction.png) no-repeat center center; width: 58px; height: 29px; display: inline-block; font-size: 0}

.overacctabsec{clear: both; overflow: hidden; background-color: #e1e1e1; text-align: center; font-size: 16px;text-transform: uppercase}
.overacctabsec a{padding: 15px 15px; display: inline-block; color: #4d555a}
.overacctabsec a:hover, .overacctabsec a.active{color: #bcbebf}
.overacctabsec a.active{pointer-events: none}


.overviewsec{clear: both; overflow: hidden; padding: 50px 0 20px}
.overviewlftcontent{width: 48%; padding-right: 20px; line-height:22px;}
.overviewlftcontent  h5{margin: 0 0 42px}
.overviewrgtcontent{width: 48%; padding-left: 20px; padding-top: 18px}
.overviewrgtcontent ul li {padding: 0 0 0 15px}
.overviewrgtcontent ul li:before{top: 17px}
.overviewrgtcontent ul li span{display: block; border-bottom: 1px solid #c2691a; padding: 9px 0 11px}
.overviewrgtcontent a{margin-left:15px; display: inline-block; margin-top:20px}
.mapsec{clear: both; overflow: hidden; padding: 30px 0}
.map {clear: both; overflow: hidden; width: 100%; height: 490px;}
.gm-style .gm-style-iw{font-family: 'Conv_GOTHMBOK' !important; font-size: 14px !important; }
.locationdetails{clear: both; overflow: hidden; padding: 20px 0}
.locationdetails ul{list-style:none; margin: 0; padding: 0}
.locationdetails ul li{float: left; width: 25%; text-align: center; border-left: 1px solid #c2691a; padding: 0 5%; line-height: 24px}
.locationdetails ul li:first-child{border-left: 0}
.locationdetails ul li span{display: block;  color: #a97b50; font-size: 14px}

.apartmentsec{clear: both; overflow: hidden; padding: 50px 5px}
.apartmentsec ul{list-style: none; margin: 0; padding: 0;}
ul.apartmentgetheight{list-style: none; margin: 0; padding: 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: stretch;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		flex-flow: row wrap;}
.apartmentsec > ul > li{margin: 0; padding: 0 10px; width: 25%; float: left; margin-bottom: 25px}
.apartmentbox{border-bottom: 1px solid #c2691a; clear: both; overflow: hidden; padding-bottom: 20px; height: 100%;}
.apartmentimg img{width: 100%}
.apartmentimg li{background-size:cover; background-repeat: no-repeat; background-position: center center}
.apartmentdes {padding: 15px 20px 0; font-size: 16px; line-height: 28px}
.apartmentdes ul{margin-bottom: 20px; margin-left: -16px}
.apartmentdes ul li{padding-bottom:0px}
.apartmentimg{position: relative; overflow: hidden}
.apartmentimg ul.imgslider{	position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0px; left: 0px;}
.imagePlaceholder{position: relative; display: block; visibility: visible;}

/* Overview Accommodation */

/* Page not found */
.pagenotfound{clear: both; overflow: hidden; padding: 160px 0; text-align: center}
.pagenotfound .midsec{max-width: 40%; line-height: 35px;}
.notfoundtxt{font-size: 300px; display: block;color: #eee; line-height: normal; font-family: 'Shango-Regular'}
.pagenotfound h2{font-family: 'Conv_GOTHMBOK';}
/* Page not found */

/* Terms */


/* Terms */

/* Default Page */
.pagecontent{padding:150px 0}
.pagecontent .bulletlist ul li:before{top: 8px}
.pagecontent .bulletlist ul li{padding-bottom: 8px}
.pagecontent h4{margin: 0 0 15px}
.termslink span:nth-child(2){ display: none}

/* Animation CSS */
.menuicon{width: 30px; height: 35px; position: absolute; margin:0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; display: block;  z-index: 3; right: 27px; top: 33px}
.menuicon span{  display: block; position: absolute; height: 3px; width: 100%; background: #c1732f; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.menuicon span:nth-child(1) {top: 0px;}
.menuicon span:nth-child(2), .menuicon span:nth-child(3){top: 7px; width: 100%}
.menuicon span:nth-child(4) {top: 15px;}
.menuicon.active{position: fixed}
.menuicon.active span:nth-child(1) {top: 18px; width: 0%; left: 50%;}
.menuicon.active span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.menuicon.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.menuicon.active span:nth-child(4) { top: 18px; width: 0%; left: 50%;}
.loader{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 999; display: none}
.home .loader{display: block}
.loader svg {-webkit-transform-origin: 50% 65%; transform-origin: 50% 65%;}
.loader svg polygon { stroke-dasharray: 17; -webkit-animation: dash 2.5s cubic-bezier(0.35, 0.04, 0.63, 0.95) infinite; animation: dash 2.5s cubic-bezier(0.35, 0.04, 0.63, 0.95) infinite;}
.sk-folding-cube {background: url(images/loader.gif) no-repeat center center;width: 100px; height: 100px;  position:absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
@-webkit-keyframes dash {
  to {stroke-dashoffset: 136;}
}

@keyframes dash {
  to { stroke-dashoffset: 136;}
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/*
@keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
transform:translate3d(0, -20px, 0)
}
75% {
transform:translate3d(0, 10px, 0)
}
90% {
transform:translate3d(0, -5px, 0)
}
to {
transform:translateZ(0)
}
}

.openmenu .bounceInUp { animation-name: bounceInUp; animation-duration: 1s; animation-fill-mode: both }*/
.transaction{opacity: 0;}
.loaded .transaction {-webkit-animation: fadeInUp 0.80s ease-in-out forwards; animation: fadeInUp 0.80s ease-in-out forwards;}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 40%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.transactionlogo{-webkit-animation: fadeInUp 0.80s ease-in-out forwards; animation: fadeInUp 0.80s ease-in-out forwards; }

/* Animation CSS */

/*Back to top*/
.backtotop{position: absolute; right: 0; top: -7px; height: 28px; font-size: 10px }
.backtotop a{background: url(images/back-to-top-arrow.png) no-repeat right center; background-size: 39px auto; height:28px; display: block; padding-right: 20px; color: #fff; padding: 7px 50px 0 0}
/*Back to top*/

/* New CSS */
.termslink:before, .footerPhNo:before{background: #88a0ae; width: 1px; height: 11px; content: ''; position: relative; display: inline-block; margin-right: 5px; margin-left: 3px; vertical-align: middle;}
