@font-face {
	font-family:'roboto';
	src:url('fonts/roboto.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}


@font-face {
	font-family:'courgette';
	src:url('fonts/courgette.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}


::selection {
	color:#ec894d;
	background:#252a2b;
}

::-moz-selection {
	color:#ec894d;
	background:#252a2b;
}


.color-blue {
	color:#1f1714;
}

.color-yellow {
	color:#ffd640;
}



.color-white {
	color:#fff;
}


.color-black {
	color:#333;
}


.color-green {
	color:#090;
}



.color-red {
	color:#F00;
}



.background-blue {
	background-color:#1f1714;
}

.background-yellow {
	background-color:#ffd640;
}


.background-white {
	background-color:#fff;
}

.background-black {
	background-color:#333;
}


.background-red {
	background-color:#900;
}



.font-size-small-1 {
	font-size:12px;
}




.font-size-small-2 {
	font-size:14px;
}




.font-size-small-3 {
	font-size:16px;
}



.font-size-small-4 {
	font-size:18px;
}




.font-size-medium-1 {
	font-size:20px;
}



.font-size-medium-2 {
	font-size:22px;
}




.font-size-medium-3 {
	font-size:24px;
}



.font-size-medium-4 {
	font-size:26px;
}



.font-size-medium-5 {
	font-size:28px;
}




.font-size-medium-6 {
	font-size:30px;
}



.float-left {
	float:left;
}



.float-right {
	float:right;
}


.width-1 {
	width:100%;
}


.width-2 {
	width:50%;
}


.width-3 {
	width:33.3%;
}

.width-4 {
	width:25%;
}


* {
	margin:0;
	padding:0;
	box-sizing:border-box;
}

a {
	text-decoration:none;
}


/*paging-start*/
ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
	width:85%;
	background:#fff;
}

ul.pagination li {
	background:none;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px;
    text-decoration: none;
    transition: background-color .3s;
	background:#f1f1f1;
	border:1px solid #ddd;
	border-radius:5px;
}

ul.pagination li a.active {
    background-color: #fff;
    color: #4CAF50;
	cursor:default;
}

ul.pagination li a:hover:not(.active) {background-color: #4CAF50; color:#fff; border:1px solid #4CAF50;}


.gopagination {
	text-align:right;
	padding:15px 5px;
	width:15%;
	float:right;
	background:#fff;
}

.gopagination label {
    color: #4CAF50;
	font-weight:bold;
}

.gopagination select {
	width:75px;
	padding:5px;
	background:#f1f1f1;
	border:1px solid #ddd;
}


body {
	background:url(images/bg.jpg);
	font:14px roboto;
	letter-spacing:1px;
}




.clear {
	clear: both;
}




.wrapper {
	width:90%;
	margin:auto;
}


header {
	padding:10px 0;
	text-align:center;
	width:100%;
	float:left;
	background:#fff;
	margin-bottom:15px;
	border-bottom:1px solid #ccc;
}



.logo {
	width:30%;
	padding:5px;
	border:1px solid #ccc;
	margin:auto;
	overflow:hidden;
}




#resort-details {
	padding:75px 0;
	background:#fff;
	width:100%;
}


.login {
	width:30%;
	margin:50px auto;
	border:solid 1px #f1f2f2;
	box-shadow:1px 1px 5px rgba(0, 0, 0, 0.1);
	padding-bottom:10px;
}



.login h5 {
	width:100%;
	font-size:18px;
	float:left;
	color:#fff;
	text-transform:uppercase;
	padding:10px;
	margin-bottom:10px;
	background:#5f5067;
}



.login .width-1 {
	float:left;
	margin:10px 0;
}



.login input {
	width:65%;
	padding:5px;
	float:left;
	border:1px solid #ccc;
}


.login label {
	float:left;
	width:25%;
	padding:5px;
	margin-left:5%;
	font-weight:bold;
}




.login [type="submit"] {
	padding:5px 10px;
	text-align:center;
	font-weight:bold;
	border:none;
	width:auto;
	float:right;
	margin-right:5%;
	cursor:pointer;
	border-radius:5px;
	background:linear-gradient(#252a2b,#000);
	color:#d06e63;
}



.login [type="submit"]:hover {
	color:#4dc7ec;
	transition:all ease .5s;
}





.dashboard {
	text-align:center;
	width:100%;
	float:left;
}


.dashboard-panel {
	border:3px solid #d97463;
	margin:20px;
	padding-top:15px;
	width:150px;
	height:150px;
	display:inline-block;
	border-radius:100%;
	background:#5f5067;
}


.dashboard-panel h2 {
	font-size:14px;
	font-weight:normal;
}

.dashboard-panel img {
	width:50%;
	padding:5%;
	background:#fff;
	border-radius:10px;
}


.dashboard-panel:hover {
	background:#d97463;
	transition:all ease .5s;
}

.dashboard-panel a {
	width:100%;
	float:left;
	padding-top:10px;
	color:#fff;
	text-transform:uppercase;
}





.right-area {
	width:79%;
	float:right;
	text-transform:capitalize;
}


.right-area .width-1 {
	background:linear-gradient(#ccc,#fff,#fff,#ccc);
	padding:10px 20px;
	float:left;
	font-size:16px;
}

.right-area .width-1 h1 {
	font-size:20px;
	float:left;
}

.right-area .width-1 span {
	color:#F00;
	float:left;
	text-align:center;
	width:40%;
}


.right-area .width-1 [type="button"] {
	padding:5px 10px;
	text-align:center;
	font-weight:bold;
	box-shadow:1px 1px 5px #000;
	border:none;
	text-transform:uppercase;
	width:auto;
	float:right;
	cursor:pointer;
	border-radius:5px;
	background:linear-gradient(#252a2b,#000);
	color:#ec894d;
}



.right-area .width-1 [type="button"]:hover {
	color:#4dc7ec;
	transition:all ease .5s;
}



.right-area table {
	font-size:12px;
	width:100%;
}


.right-area table tr {
	background:#e6e7e8;
}


.right-area table tr:nth-child(1) {
	font-weight:bold;
}

.right-area table tr:nth-child(2n) {
	background:#f6f6f6;
}


.right-area table td {
	padding:5px;
}


.right-area table td:nth-child(1) {
	color:#090;
}

.right-area table td a {
	color:#ec894d;
}


.right-area table img {
	vertical-align:middle;
}


.right-area table img:hover {
	opacity:.5;
	transition:all ease .5s;
}


.right-area ul {
	text-align:center;
}

.right-area li {
	margin:5px 0;
	background:#e6e7e8;
	padding:5px;
	display:inline-block;
	list-style:none;
}

.right-area li img {
	height:100px;
	border-radius:5px;
	margin-bottom:-4px;
}

.right-area li input {
	position:absolute;
	margin:5px;
}


.bottom-button {
	width:100%;
	float:left;
	background:#ccc;
}


.bottom-button form {
	float:left;
}


.bottom-button [type="submit"] {
	padding:5px 10px;
	font-weight:bold;
	background:#fff;
	box-shadow:-1px -1px 3px rgba(0,0,0,.25);
	border:none;
	margin:5px;
	cursor:pointer;
	border-radius:5px;
	color:#37b3d9;
}

.bottom-button [type="text"] {
	margin:5px 5px 0 5px;
	width:50px;
	float:left;
	padding:5px;
}

.bottom-button label {
	padding:10px 0 0 5px;
	float:left;
}



.bottom-button [name="pic_submit"], .bottom-button [type="file"] {
	padding:5px 10px;
	text-align:center;
	font-weight:bold;
	box-shadow:1px 1px 5px #000;
	border:none;
	text-transform:uppercase;
	width:auto;
	cursor:pointer;
	border-radius:5px;
	background:linear-gradient(#252a2b,#000);
	color:#ec894d;
}


.bottom-button [type="pic_submit"] {
	padding:10px 0
}



.bottom-button [type="pic_submit"]:hover, .bottom-button [type="file"]:hover {
	color:#4dc7ec;
	transition:all ease .5s;
}

.bottom-button .active {
	margin-top:10px;
	float:right;
}


.add-page {
	width:100%;
	border-radius:5px;
	box-shadow:-1px -1px 3px rgba(0,0,0,.25);
	border:1px solid #ccc;
	float:left;
}

.add-page h1 {
	background:linear-gradient(#ccc,#fff,#fff,#ccc);
	box-shadow:1px 0 3px rgba(0,0,0,.25);
	border-bottom:1px solid #ccc;
	padding:10px 20px;
	text-transform:uppercase;
	font-size:16px;
}

.page-info {
	width:90%;
	margin:0 5%;
	padding:50px 0;
	border-bottom:1px dotted #ccc;
	float:left;
}

.page-info h2 {
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
}

.page-info .width-3, .page-info .width-4 {
	padding:10px;
	float:left;
}


.page-info .width-3 input, .page-info .width-4 input, .page-info .width-2 input {
	width:100%;
	padding:5px;
	float:left;
	border:1px solid #ccc;
}


.width-3 select, .width-4 select {
	width:100%;
	padding:4px;
	float:left;
	border:1px solid #ccc;
}


.page-info .width-2 {
	float:left;
}

.page-info .width-2 input {
	margin-bottom:10px;
}

.page-info .width-3 textarea,.page-info .width-4 textarea {
	width:100%;
	padding:5px;
	height:100px;
	float:left;
	border:1px solid #ccc;
}


.page-info .width-3 label, .page-info .width-4 label, .page-info .width-2 label {
	width:100%;
	padding:5px 0;
	float:left;
}

.check {
	padding:20px;
	float:left;
}


.ckedit {
	width:100%;
	padding:25px 10px 10px 10px;
	float:left;
}


.page-info [type="submit"] {
	margin-top:25px;
	padding:5px 10px;
	text-align:center;
	font-weight:bold;
	box-shadow:1px 1px 5px #000;
	border:none;
	text-transform:uppercase;
	width:auto;
	float:right;
	cursor:pointer;
	border-radius:5px;
	background:linear-gradient(#252a2b,#000);
	color:#ec894d;
}

.page-info [type="submit"]:hover {
	color:#4dc7ec;
	transition:all ease .5s;
}



.left-area {
	width:20%;
	border-radius:5px;
	box-shadow:-1px -1px 3px rgba(0,0,0,.25);
	border:1px solid #ccc;
	float:left;
}



.left-area h3 {
	background:linear-gradient(#ccc,#fff,#fff,#ccc);
	box-shadow:1px 0 3px rgba(0,0,0,.25);
	border-bottom:1px solid #ccc;
	padding:10px 20px;
	text-transform:uppercase;
	font-size:16px;
}

.left-area li {
	text-transform:uppercase;
	font-weight:bold;
	margin:0 20px;
	list-style:inside;
	border-bottom:1px dotted #ccc;
	padding:10px 0;
}


.left-area li:last-child {
	border:none;
}

.left-area a {
	font-size:14px;
	color:#252a2b;
}


.left-area a:hover {
	transition:all ease .5s;
	color:#37b3d9;
}




.best-comment {
	padding-bottom:25px;
	width:100%;
	float:left;
	border-bottom:1px dotted #ccc;
}


.best-comment h3 {
	font-size:18px;
	padding-bottom:25px;
}


.best-comment figure {
	width:40%;
	border:1px solid #ccc;
	padding:3px;
	float:left;
}


.best-comment figure img {
	width:100%;
}


.best-comment div {
	width:57%;
	float:right;
}

.best-comment div em {
	font-size:12px;
}

.best-comment div em strong {
	font-weight:bold;
	font-style:normal;
	color:#ec894d;
}

.best-comment div b {
	float:right;
}

.best-comment div p {
	padding:10px 0;
}

.best-comment div a {
	color:#37b3d9;
}

.best-comment div a:hover {
	color:#ec894d;
	transition:all ease .5s;
}





.left-right {
	padding-left:20px;
	width:30%;
	float:right;
}




.resort-feature {
	border-radius:5px;
	margin-bottom:25px;
	box-shadow:1px 1px 3px rgba(0,0,0,.25);
	border:1px solid #ccc;
	width:100%;
	float:left;
}

.resort-feature h4 {
	background:linear-gradient(#ccc,#fff,#fff,#ccc);
	box-shadow:1px 0 3px rgba(0,0,0,.25);
	border-bottom:1px solid #ccc;
	padding:10px 20px;
	text-transform:uppercase;
	font-size:16px;
}

.resort-feature li {
	margin:0 20px;
	list-style:none;
	width:90%;
	float:left;
	border-bottom:1px dotted #ccc;
	padding:10px 0;
}

.resort-feature li:last-child {
	border:none;
}

.resort-feature li:hover figure {
	box-shadow:1px 1px 3px rgba(0,0,0,.5);
	transition:all ease .5s;
}


.resort-feature li:hover a b {
	color:#37b3d9;
	transition:all ease .5s;
}

.resort-feature li figure {
	width:40%;
	border:1px solid #ccc;
	padding:3px;
	float:left;
}

.resort-feature li img {
	width:100%;
	margin-bottom:-4px;
}

.resort-feature a {
	font-size:14px;
	color:#252a2b;
	float:right;
	width:55%;
}

.resort-feature a strong {
	font-size:16px;
}



.resort-feature a b {
	color:#ec894d;
}





.resort-discussions {
	border-radius:5px;
	box-shadow:1px 1px 3px rgba(0,0,0,.25);
	border:1px solid #ccc;
	width:100%;
	float:left;
}

.resort-discussions h4 {
	background:linear-gradient(#ccc,#fff,#fff,#ccc);
	box-shadow:1px 0 3px rgba(0,0,0,.25);
	border-bottom:1px solid #ccc;
	padding:10px 20px;
	text-transform:uppercase;
	font-size:16px;
}

.resort-discussions li {
	margin:0 20px;
	list-style:none;
	width:90%;
	float:left;
	border-bottom:1px dotted #ccc;
	padding:10px 0;
}

.resort-discussions li:last-child {
	border:none;
}

.resort-discussions li:hover figure {
	box-shadow:1px 1px 3px rgba(0,0,0,.5);
	transition:all ease .5s;
}


.resort-discussions li:hover a p {
	color:#ec894d;
	transition:all ease .5s;
}

.resort-discussions li figure {
	width:10%;
	float:left;
}

.resort-discussions li img {
	width:100%;
	margin-bottom:-4px;
}

.resort-discussions a {
	font-size:14px;
	color:#252a2b;
	float:right;
	width:85%;
}

.resort-discussions a em {
	font-size:12px;
}

.resort-discussions a em span {
	font-weight:bold;
	font-style:normal;
	color:#37b3d9;
}



.resort-discussions a b {
	font-size:10px;
	float:right;
}


.resort-facility {
	width:100%;
	float:left;
	background:#f1f2f2;
}




.resort-facility figure {
	width:40%;
	border:1px solid #ccc;
	padding:3px;
	float:left;
}


.resort-facility figure img {
	width:100%;
}



.resort-facility ul {
	text-align:center;
}

.resort-facility li {
	list-style:none;
	color:#252a2b;
	border:1px #ccc solid;
	display:inline-block;
	padding:20px 10px;
	font-size:16px;
	font-weight:bold;
}

.resort-facility li:nth-child(6) {
	background:#37b3d9;
	border:none;
	color:#fff;
}


.resort-facility li:nth-child(6) img {
	opacity:1;
}


.resort-facility li:nth-child(5) {
	background:#ec894d;
	border:none;
	color:#fff;
}

.resort-facility li:nth-child(5) img {
	opacity:1;
}

.resort-facility li img {
	vertical-align:middle;
	padding-right:10px;
	opacity:.5;
}


.resort-content {
	margin-top:25px;
	width:100%;
	float:left;
	border:solid 1px #f1f2f2;
	padding:25px;
	box-shadow:1px 1px 5px rgba(0, 0, 0, 0.1);
}


.resort-content li {
	width:100%;
	padding:10px 0;
	list-style:inside;
	border-bottom:1px solid #f1f2f2;
}

.resort-content li strong {
	padding-right:10px;
}

.resort-content li:nth-child(1) {
	border-top:1px solid #f1f2f2;
}



.resort-comment figure {
	width:10%;
	padding:20px 10px;
	float:left;
}

.resort-comment figure img {
	width:100%;
}


.resort-comment [type="submit"]:hover {
	color:#4dc7ec;
	transition:all ease .5s;
}

.resort-comment h6 {
	padding:10px 0;
	font-size:16px;
	width:95%;
	margin:50px 2.5%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	float:left;
}


.resort-user-comment {
	width:96%;
	margin:0 2%;
	float:left;
	padding:10px 0;
	border-bottom:1px #f1f2f2 solid;
}

.resort-user-comment span {
	width:50px;
	height:50px;
	margin:10px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	float:left;
	line-height:50px;
	border-radius:100%;
}


.resort-user-comment:nth-child(1n+1) span {
	background:#e6004e;
}


.resort-user-comment:nth-child(2n+2) span {
	background:#6d00f6;
}


.resort-user-comment:nth-child(3n+3) span {
	background:#ff520d;
}

.resort-user-comment:nth-child(4n+4) span {
	background:#ff8b12;
}




.resort-user-comment div {
	width:90%;
	padding-right:25px;
	float:right;
}

.resort-user-comment div em {
	font-size:12px;
}

.resort-user-comment div em strong {
	font-weight:bold;
	font-style:normal;
	color:#ec894d;
}

.resort-user-comment div b {
	float:right;
}

.resort-user-comment div p {
	padding:10px 0;
}





#arrow {
	cursor:pointer;
	float:right;
}

#arrow img {
	width:50px;
}

#arrow img:hover {
	opacity:.5;
	transition:all ease .5s;
}




#resort-form {
	width:200px;
	position:fixed;
	z-index:999999;
	left:-170px;
	text-transform:capitalize;
	top:0;
	transition:all ease .5s;
}


#resort-form:hover {
	left:0;
}


#resort-form-value {
	border:3px solid #ec894d;
	border-left:none;
	float:left;
	width:85%;
	padding:10px;
	background:#252a2b;
	transition:all ease .5s;
}


#resort-form span {
	margin-top:90px;
	float:right;
	border-radius:10px;
	padding:5px 0;
	width:25px;
	text-transform:uppercase;
	font-size:14px;
	line-height:15px;
	text-align:center;
	background:#ec894d;
	color:#fff;
}


#resort-form label {
	float:left;
	color:#fff;
	width:25%;
}



#resort-form [type=radio] {
	float:left;
	width:25%;
	margin:0;
}


#resort-form input, #resort-form select, #resort-form option {
	float:left;
	padding:2px;
	width:100%;
	margin:10px 0;
}

#resort-form [type=submit] {
	background:#37b3d9;
	border:none;
	color:#fff;
	padding:5px;
	cursor:pointer;
	border-radius:5px;
	box-shadow:1px 1px 5px #999;
	transition:all ease .5s;
}



#resort-form [type=submit]:hover {
		background:#ec894d;
}



#footer {
	width:100%;
	padding:10px;
	text-align:center;
	float:left;
	background:#d97463;
	color:#fff;
}






/*mobile responsive*/



@media only screen and ( max-width: 900px) {
	




.social-bar {
	width:100%;
	min-height:40px;
	margin-bottom:20px;
	float:left;
	border-bottom:1px solid #343a3b;
	line-height:40px;
}

.social-bar ul {
	width:100%;
}


.social-bar li {
	width:20%;
}

.social-bar ul a {
	width:100%;
}



.social-bar li:nth-child(1) {
	display:none;
}


.social-bar span {
	display:none;
}


.logo {
	width:100%;
	text-align:center;
	padding:10px 0;
}




#nav {
	display:none;
}





#banner-area {
	width:100%;
}


#banner {
	display:none;
}

#banner2 {
	display:none;
}


#search-quary {
	width:100%;
}



#resort-slide .width-4 {
	padding:10px 30px 0 30px;
}



.left-area {
	width:100%;
}





.left-area p {
	text-align:justify;
}




.left-area .width-2 {
	padding:0;
	width:100%;
}

.left-area .width-2:nth-child(3) {
	padding:0;
}


.left-area .width-3 {
	width:90%;
	padding:25px 0;
	float:right;
}




.left-area .width-3 figure img {
	width:100%;
}




.best-comment h3 {
	padding:25px 0;
}


.best-comment figure {
	width:100%;
	margin-bottom:25px;
}


.best-comment div {
	width:100%;
	float:right;
}



.resort-comment {
	display:none;
}


.left-right {
	padding-left:0;
	width:100%;
	float:right;
}





.cattegory-list figure {
	width:100%;
}


.cattegory-list figure img {
	width:100%;
}


.cattegory-list p {
	width:100%;
	padding-left:0;
}


.cattegory-list ul {
	width:100%;
	padding-top:10px;
}




.footer-cattegory {
	width:100%;
	padding-bottom:25px;
}



.footer-cattegory li {
	width:50%;
}



.footer-contact {
	width:100%;
	float:right;
}



#resort-form span {
	opacity:.75;
}


}