/*
Theme Name: Hotel Accord
Theme URI: https://medialane.com.mm/
Author: Thawdar Soe
Author URI: https://medialane.com.mm/
Description: Hotel Accord
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: twentyfourteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 *
 * -----------------------------------------------------------------------------
 */
@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: Avenir;
	src: url(/assets/26c0a7cb8407.otf);
	font-weight: normal;
}
body, h1, h2, h3, h4, h5, h6{
	font-family: Avenir;
}
p {
	color: #333333 !important;
}
body {
	margin: 0;
	font-family: 'Avenir', sans-serif;
}
.home-content {
	background: url(/assets/654e6080aec4.jpg) no-repeat right top;
}
.logo {
	width: 163px;
	margin: 0 auto;
	padding-top: 50px;
}
.first-row-menu {
	width: 712px;
	margin: 0 auto;
	margin-top: 100px;
}
.second-row-menu {
	width: 920px;
	margin: 0 auto;
	height: 350px;
}
.first-row-menu ul li, .second-row-menu ul li {
	list-style: none;
	text-transform: uppercase;
	font-size: 18px;
	background: url(/assets/9dab3d4a0e85.png) no-repeat center;
	width: 164px;
	text-align: center;
	padding: 80px 20px;
}
.first-row-menu ul li a, .second-row-menu ul li a {
	text-decoration: none;
	color: #000;
	font-weight: normal;
}
.first-row-menu ul li a:hover, .second-row-menu ul li a:hover {
	color: #fff;
	background: url(/assets/8bc945295bbb.png) no-repeat center;
}
/*homenav*/
.contact a:hover {
	padding: 80px 35px;
}
.concept a:hover {
	padding: 80px 35px;
}
.book-now a:hover {
	padding: 80px 28px;
}
.rooms a:hover {
	padding: 80px 48px;
}
.facilities a:hover {
	padding: 80px 36px;
}
.news a:hover {
	padding: 80px 55px;
}
.faq a:hover {
	padding: 80px 64px;
}
/*otherpagenav*/
#primary-navigation {
	width: 1000px;
	margin: 0 auto;
}
#navmenu {
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	border: 1px solid #000;
	margin-top: 40px;
	margin-bottom: 50px;
}/*--- to left margin-----*/
#navmenu li a, #navmenu li {
	float: left;
}/* strait line*/
#navmenu li {
	list-style: none;
	position: relative;
}/*-----delete order list----*/
#navmenu li a {
	text-decoration: none;
	color: #000;
	padding: 15px 37px;
	background: #fff;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
    #navmenu li a {padding: 15px 37px;} 
}
/* main menu list style */
#navmenu li a:hover, #navmenu li.selected a, #navmenu li ul li a/*dropdown bg*/, #navmenu li a.active {
	color: #fff;
	background: #000;
}
#navmenu li.last a {
	background: #999999;
	padding: 1em 2.6em;
	color: #fff;
}
#navmenu li.last a:hover, li#active.last a {
	background: #000;
}
#navmenu .nav-menu li a:hover {
	color: #fff;
	background: #000;
}
li#menu-item-380 a {
	background: #999999;
	color: #fff;
}
li.current-menu-item a {
	background: #000 !important;
	color: #fff !important;
}
/*rooms*/
.content h2 {
	clear: both;
	font-size: 28px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 100;
}
.content p {
	text-align: center;
	padding: 0px 10px;
	line-height: 1.5;
}
.room-page {
	margin-top: 60px;
}
.room-data {
	padding-bottom: 25px;
	width: 190px;
	border: 1px solid #cccccc;
	margin-top: -4px;
}
.room-data h3 {
	font-size: 21px;
	text-align: center;
	font-weight: 100;
}
.button p {
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 40px;
}
.button p a {
	text-decoration: none;
	color: #000;
	border: 1px solid #000;
	padding: 10px 15px;
}
.button p a:hover {
	background: #000;
	color: #fff;
}
.column {
	width: 200px;
	height: 579px;
	float: left;
	margin-bottom: 130px;
}
.superior, .deluxe, .deluxef, .executive, executivef {
	width: 192px;
	height: 330px;
}
.superiorbig, .deluxebig, .deluxefbig, .executivebig, .executivefbig {
	margin-left: -196px;
	width: 0px;
	-webkit-transition: width 0.3s linear 0s;
	transition: width 0.3s linear 0s;
	z-index: 10;
}
.superior:hover + .superiorbig, .deluxe:hover + .deluxebig, .deluxef:hover + .deluxefbig, .executive:hover + .executivebig, .executivef:hover + .executivefbig {
	width: 192px;
}
/*news*/
.news-page {
	margin-top: 60px;
}
.news-data {
	height: auto;
	width: 273px;
	border: 1px solid #cccccc;
	padding: 20px 20px;
}
.news-data h3 {
	font-size: 20px;
	text-align: center;
}
.news-data h3 a {
	text-decoration: none;
	color: #000;
}
.news-data h3 a:hover {
	color: #888a8d;
}
.news-column {
	width: 333px;
	height: auto;
	float: left;
	margin-bottom: 30px;
}
.share {
	padding: 5px 0px;
	text-align: center;
}
p.date {
	color: #999999;
	font-size: 14px;
	text-transform: uppercase;
}
/*news-detail--*/
.detail-content p, .detail-content h3 {
	text-align: left;
}
.news-image {
	margin-bottom: 20px;
	margin-top: -30px;
}
.detail-content {
	margin-bottom: 100px;
}
/*concept-page*/
.concept-page {
	margin-top: 50px;
}
.concept-page img {
	width: 100%;
}
.concept-box h3 {
	text-align: center;
}
.concept-box {
	padding: 20px 20px;
	border: 1px solid #cccccc;
	margin-bottom: 50px;
	margin-top: -4px;
}
/*facilities-page*/
.facilities-page {
	margin-top: 50px;
}
.facilities-page img {
	width: 100%;
}
.facilities-box h3 {
	text-align: center;
	font-weight: 100;
}
.facilities-box {
	padding: 20px 20px;
	border: 1px solid #cccccc;
	margin-bottom: 50px;
	margin-top: -4px;
}
/*footer css*/
.social {
	width: 130px;
	margin: 0 auto;
	height: 32px;
	clear: both;
}
.social ul{
	margin-left: -34px;
}
.social ul li {
	list-style: none;
	float: left;
	padding: 0px 3px;
}
.footer p {
	text-align: center;
	margin-top: 20px;
	padding-bottom: 50px;
	line-height: 1.7;
	font-size: 14px;
	margin: 0 auto;
}
.footer {
	padding-top: 10px;
	clear: both;
}
.footer a {
	color: #999999;
	text-decoration: none;
}
.footer a:hover {
	color: #000;
	text-decoration: underline;
}
li.facebook{
       background: url(/assets/7a43393a7862.png) no-repeat center;
       width: 32px;
       height: 32px;
}
li.facebook:hover{
       background: url(/assets/625c55abb986.png) no-repeat center;
}
li.twitter{
       background: url(/assets/5928dc68b88b.png) no-repeat center;
       width: 32px;
       height: 32px;
}
li.twitter:hover{
       background: url(/assets/a32fe68993bd.png) no-repeat center;
}
li.linkedin{
       background: url(/assets/f61aec05c05a.png) no-repeat center;
       width: 32px;
       height: 32px;
}
li.linkedin:hover{
       background: url(/assets/502005858fa0.png) no-repeat center;
}
li.instagram{
       background: url(/assets/ffe8464a884c.png) no-repeat center;
       width: 32px;
       height: 32px;
}
li.instagram:hover{
       background: url(/assets/47f0501b2695.png) no-repeat center;
}
/*contact-page*/
.contact-page {
	margin-top: 40px;
}
.contact-page h2 {
	margin-top: 60px;
}
.first-block, .third-block {
	width: 137px;
	height: 134px;
	float: left;
	border: 1px solid #000;
	margin-bottom: 30px;
}
.second-block {
	width: 722px;
	height: 134px;
	float: left;
}
.second-block {
	background: url(/assets/24ea566d386b.jpg) center no-repeat;
}
/* MMA
ul.up, ul.down {
	height: 30px;
	float: left;
	margin-top: 10px;
	margin-left: -20px;
}
ul.up li, ul.down li {
	list-style: none;
	float: left;
}
.car {
	margin-top: 10px;
	padding-right: 6px;
} 
*/
ul.up li h5, ul.down li h5 {
	text-transform: uppercase;
	padding: 0px 5px 0px 3px;
	font-weight: 100;
}
.first-block h5, .third-block h5 {
	text-transform: uppercase;
	text-align: center;
	font-size: 14px;
	margin-top: 13px;
	line-height: 1.5;
	font-weight: normal;
}
.first-block img, .third-block img {
	padding-left: 37%;
	padding-top: 10%;
}
.contact-page p {
	width: 740px;
	margin: 0 auto;
}
/*hover-effect*/
.view {
	margin-top: -3px;
	width: 192px;
	height: 330px;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	margin-bottom: 20px;
}
.view .mask, .view .content {
	width: 192px;
	height: 330px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}
.view img {
	display: block;
	position: relative;
}
.view a.info {
	background: url(/assets/d709fce59388.png) center no-repeat;
	display: inline-block;
	text-decoration: none;
	padding: 0;
	text-indent: -9999px;
	width: 32px;
	height: 32px;
}
.second-effect .mask {
	opacity: 0;
	overflow: visible;
	border: 0px solid rgba(0,0,0,0.7);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.second-effect a.info {
	position: relative;
	top: 45px;
	right: 20px;
	opacity: 0;
	-moz-transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
	-moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
	-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
	-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
	transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.second-effect:hover .mask {
	opacity: 1;
	border: 100px solid rgba(0,0,0,0.7);
}
.second-effect:hover a.info {
	opacity: 1;
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
/*accordioncss*/
.panel-group .panel {
	margin-bottom: 25px;
}
.panel-group, .panel-group .panel, .panel-group .panel-heading, .panel-group .panel-heading a, .panel-group .panel-title, .panel-group .panel-title a, .panel-group .panel-body, .panel-group .panel-group .panel-heading + .panel-collapse > .panel-body {
	border-radius: 2px;
	border: 0;
}
.panel-group .panel-heading {
	padding: 0;
}
.panel-group .panel-heading a {
	display: block;
	background: #fff;
	color: #000;
	padding: 0px;
	text-decoration: none;
	position: relative;
	text-align: center;
	font-size: 19px;
	font-weight: 100;
}
.panel-group .panel-heading a.collapsed {
	background: #fff;
	color: inherit;
}
.panel-group .panel-heading a:after {
	content: '-';
	position: absolute;
	right: 20px;
	top: -5px;
	font-size: 30px;
}
.panel-group .panel-heading a.collapsed:after {
	content: '+';
}
.panel-group .panel-collapse {
	margin-top: 5px !important;
}
.panel-group .panel-body {
	background: #ffffff;
	padding: 10px;
	text-align: center;
	font-size: 15px;
	padding-bottom: 30px;
}
.panel-group .panel {
	background-color: transparent;
}
.panel-group .panel-body p:last-child, .panel-group .panel-body ul:last-child, .panel-group .panel-body ol:last-child {
	margin-bottom: 0;
}
.panel-group .panel {
	border: 1px solid #d1d1d1;
}
/*contact-form*/
/* MMA
#column input {
	width: 100%;
}

textarea {
	padding: 15px;
	font-size: 14px;
	border: 1px solid #dcdcdc;
	width: 95%;
	margin-bottom: 25px;
}

input {
	padding: 15px;
	font-size: 14px;
	border: 1px solid #dcdcdc;
	margin-bottom: 25px;
	margin-right: 25px;
}

#send input {
	border: 1px solid #000;
	padding: 10px 52px;
	background: #fff;
}
#send input:hover {
	background: #000;
	color: #fff;
} 
*/

input {
    padding: 15px;
    font-size: 14px;
    border: 1px solid #dcdcdc;
    margin-bottom: 25px;
    margin-right: 25px;
}

/*faq-accordion*/
.collapse {
	display: none
}
.collapse.in {
	display: block
}
tr.collapse.in {
	display: table-row
}
tbody.collapse.in {
	display: table-row-group
}
.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height .35s ease;
	-o-transition: height .35s ease;
	transition: height .35s ease
}
.container {
	margin-bottom: 80px;
}
/*bookingform
.gform_body {
	width: 1022px;
}
.gform_wrapper h3.gform_title {
	display: none;
}
.gform_wrapper .top_label .gfield_label {
	font-size: 14px !important;
	font-weight: normal !important;
}
.gform_wrapper ul li.gfield.td_5column {
	width: 20%;
	float: left;
}
ul#gform_fields_1 li {
	list-style: none;
}
.gform_wrapper ul li.gfield {
	clear: none !important;
}
.gform_wrapper .top_label select.large, .gform_wrapper .top_label input.large {
	width: 83% !important;
	border: 1px solid #dcdcdc;
}
.gform_wrapper select {
	font-size: 12px !important;
	padding: 10px 0px 10px 7px;
}
.gform_wrapper input.datepicker.datepicker_with_icon {
	width: 150px !important;
	height: 25px;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
	background: #fff;
	border: 1px solid #000;
	padding: 10px 35px;
}
input#gform_submit_button_1:hover {
	background: #000;
	color: #fff;
}
.gform_footer.top_label {
	text-align: center;
	width: 1010px;
}*/
/*single-post*/
.entry-content {
	margin-bottom: 80px;
}
.entry-content p {
	text-align: left !important;
}
.navigation.post-navigation {
	display: none;
}
div#comments {
	display: none !important;
}
h1.entry-title a, h1.entry-title {
	text-decoration: none;
	color: #000;
	font-weight: 100;
}
h1.entry-title a:hover {
	color: #888a8d;
}
#blog{
	width: 1100px;
}
#blog img {
	width: 320px;
	height: 200px;
}
#blog .entry-header, #blog .entry-content {
	width: 300px;
	text-align: center;
}
#blog .entry-content p {
	padding: 0px 20px;
	text-align: center !important;
}
#blog article {
	width: 320px;
	float: left;
	margin-right: 18px !important;
	border: 1px solid #cccccc;
	margin-bottom: 30px;
}
.entry-meta span {
	font-size: 13px;
}
.entry-meta span a {
	text-decoration: none;
	color: #999999;
	text-transform: uppercase;
}
a.more-link {
	font-size: 13px;
	float: left;
	margin-top: 15px;
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	border: 1px solid #000;
	padding: 10px 15px;
	margin-left: 25%;
}
a.more-link:hover {
	color: #fff;
	background: #000;
}
span.screen-reader-text {
	display: none;
}
/*room-detail-page*/
.room-description p {
	text-align: left;
}
.room-description ul {
	float: right;
	width: 310px;
	margin-top: -5px;
	margin-bottom: 35px;
}
.room-description ul li {
	list-style: none;
	margin-left: -40px;
	height: 30px;
	padding-left: 50px;
	border-bottom: 1px solid #cbccce;
	line-height: 2.2;
	font-size: 14px;
}
li.air {
	background: url(/assets/b6197174cf03.png) no-repeat left center;
}
li.barth {
	background: url(/assets/1bc442364338.png) no-repeat left center;
}
li.television {
	background: url(/assets/9b940173682d.png) no-repeat left center;
}
li.wifi {
	background: url(/assets/41bbc75ab4f8.png) no-repeat left center;
}
li.telephone {
	background: url(/assets/2c5e1e5ccac1.png) no-repeat left center;
}
li.breakfast {
	background: url(/assets/f3dbb346cb5a.png) no-repeat left center;
}
li.desk {
	background: url(/assets/92a92681446c.png) no-repeat left center;
}
li.refrigerator {
	background: url(/assets/eae9d0dfe301.png) no-repeat left center;
}
li.closet {
	background: url(/assets/c8ee49a179f4.png) no-repeat left center;
}
li.safe {
	background: url(/assets/454f40d21490.png) no-repeat left center;
}
li.shower {
	background: url(/assets/0b895e99a0c8.png) no-repeat left center;
}
li.dryer {
	background: url(/assets/24aaa8f40fc9.png) no-repeat left center;
}
li.kettle {
	background: url(/assets/15b3addd03b3.png) no-repeat left center;
}
li.mattress {
	background: url(/assets/2d47c8dd75fb.png) no-repeat left center;
}
li.sofa {
	background: url(/assets/c8503c521b8e.png) no-repeat left center;
}
li.bar {
	background: url(/assets/e8b60a3a48e0.png) no-repeat left center;
}
li.toilet {
	background: url(/assets/90485b3045a8.png) no-repeat left center;
}
li.pantry {
	background: url(/assets/a1d20c1c3d7e.png) no-repeat left center;
}
.jssort01 {
	position: absolute;
	width: 800px;
	height: 100px;
}
.jssort01 .p {
	position: absolute;
	top: 0;
	left: 0;
	width: 72px;
	height: 72px;
}
.jssort01 .t {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
.jssort01 .w {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.jssort01 .c {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 68px;
	height: 68px;
	border: #000 2px solid;
	box-sizing: content-box;
	background: url(/assets/ce0cfcd9972d.png) -800px -800px no-repeat;
	_background: none;
}
.jssort01 .pav .c {
	top: 2px;
	_top: 0px;
	left: 2px;
	_left: 0px;
	width: 68px;
	height: 68px;
	border: #000 0px solid;
	_border: #fff 2px solid;
	background-position: 50% 50%;
}
.jssort01 .p:hover .c {
	top: 0px;
	left: 0px;
	width: 70px;
	height: 70px;
	border: #fff 1px solid;
	background-position: 50% 50%;
}
.jssort01 .p.pdn .c {
	background-position: 50% 50%;
	width: 68px;
	height: 68px;
	border: #000 2px solid;
}
* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
	width /**/: 72px;
	height /**/: 72px;
}
.jssora05l, .jssora05r {
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background: none no-repeat;
	overflow: hidden;
}
.jssora05l {
	background-position: -10px -40px;
}
.jssora05r {
	background-position: -70px -40px;
}
.jssora05l:hover {
	background-position: -130px -40px;
}
.jssora05r:hover {
	background-position: -190px -40px;
}
.jssora05l.jssora05ldn {
	background-position: -250px -40px;
}
.jssora05r.jssora05rdn {
	background-position: -310px -40px;
}
/*responsive-css*/
@media (min-width: 1000px) and (max-width: 1920px) {
.room-detail {
	width: 1000px;
	margin-top: 30px;
}
.room-gallery {
	width: 600px;
	height: 600px;
	float: left;
	margin-right: 50px;
}
.content {
	width: 1000px;
	margin: 0 auto;
	height: auto;
}
.footer p {
	width: 523px;
	margin: 0 auto;
}
.first-row-menu {
	height: 100px;
}
.first-row-menu ul li, .second-row-menu ul li {
	float: left;
}
.room-description .button{
	width: 1020px;
}
.room-description .button p a {
	padding: 10px 134px !important;
}
.home-content {
	margin-top: -32px !important;
}
.logo img {
	padding-top: 20px;
}
.third-block h5{
        width: 50%;
        margin: 0 auto;
        padding-top: 20px;
}
}
@media (min-width: 600px) and (max-width: 990px) {
#blog article {
	margin-left: 4%;
}
.entry-content p, .entry-header {
	padding: 0px 25px;
}
#detail .post-thumbnail img {
	width: 95%;
	height: 50%;
	padding: 20px 20px;
}
#accordion {
	width: 90%;
	margin: 0 auto;
}
.room-page{
	padding: 0px 20px;
}
.room-description .button p a {
	padding: 10px 128px;
}
.home-content {
	margin-top: -52px !important;
}
.first-row-menu {
	width: 612px;
	margin: 0 auto;
	margin-top: 70px;
	height: 160px;
}
.second-row-menu {
	width: 768px;
	margin: 0 auto;
	height: 200px;
}
.first-row-menu ul li, .second-row-menu ul li {
	list-style: none;
	text-transform: uppercase;
	font-size: 12px;
	background: url(/assets/55fb9936a92e.png) no-repeat center;
	width: 145px;
	text-align: center;
	padding: 80px 10px;
	float: left;
}
.first-row-menu ul li a, .second-row-menu ul li a {
	text-decoration: none;
	color: #000;
	font-weight: normal;
}
.first-row-menu ul li a:hover, .second-row-menu ul li a:hover {
	color: #fff;
	background: url(/assets/348e4b1cceb4.png) no-repeat center;
}
.faq a:hover {
	padding: 80px 60px;
}
.social {
	padding-top: 30px;
}
.logo img {
	padding: 20px 0px;
}
.concept-page img, .facilities-page img {
	width: 95%;
	padding: 0px 20px;
}
.concept-box, .facilities-box {
	width: 90%;
	margin-left: 20px;
}
.gform_body{
	width: 99%;
	margin-left: 15px;
}
.gform_footer.top_label{
	width: 108%;
}
.gform_wrapper input.datepicker.datepicker_with_icon{
	width: 70% !important;
	height: 23px;
}
.third-block h5{
        width: 50%;
        margin: 0 auto;
        padding-top: 20px;
}
}
@media (min-width: 600px) and (max-width: 770px) {
 #navmenu li a {
 padding: 10px 22px;
}
.first-block{
	margin-left: 15px;
}
.second-block {
	height: 134px;
	width: 460px;
	margin: 0 auto;
	background: url(/assets/e368f305658e.jpg) center no-repeat;
}
/* MMA
#column input{
	width: 180px;
	margin-left: 10px;
}
textarea{
	width: 92%;
	margin-left: 10px;
}
#send input{
	margin-left: 10px;
}
	*/
.third-block h5{
        width: 50%;
        margin: 0 auto;
        padding-top: 20px;
}
}
@media (min-width: 780px) and (max-width: 900px) {
#navmenu li a {
	padding: 10px 24px;
}
.first-block{
	margin-left: 10px;
}
.second-block {
	height: 134px;
	width: 500px;
	margin: 0 auto;
	background: url(/assets/e368f305658e.jpg) center no-repeat;
}
/*MMA
#column input{
	width: 200px;
	margin-left: 10px;
}
textarea{
	width: 92%;
	margin-left: 10px;
}
#send input{
	margin-left: 10px;
}
*/
.third-block h5{
        width: 50%;
        margin: 0 auto;
        padding-top: 20px;
}
}
@media (min-width: 910px) and (max-width: 990px) {
.first-block{
	margin-left: 10px;
}
.second-block {
	height: 134px;
	width: 680px;
	margin: 0 auto;
	background: url(/assets/24ea566d386b.jpg) center no-repeat;
}
/* MMA
#column input{
	width: 255px;
	margin-left: 10px;
}
textarea{
	width: 92%;
	margin-left: 10px;
}
#send input{
	margin-left: 10px;
} 
*/
.third-block h5{
        width: 50%;
        margin: 0 auto;
        padding-top: 20px;
}
}
/*
@media (min-width: 350px) and (max-width: 550px) {
#contact-form input, #contact-form textarea{
        width: 80%;
}
*/
#navmenu li a{
        width: 103% !important;
        padding: 0px;
}
.gform_footer.top_label {
	width: 0px;
}
.gform_wrapper input.datepicker.datepicker_with_icon {
	width: 240px !important;
	height: 20px;
}
.gform_wrapper ul li.gfield.td_5column {
	float: none;
	width: 90%;
}
#blog article {
	margin-left: 8%;
}
.entry-content p, .entry-header {
	padding: 0px 25px;
}
#detail .post-thumbnail img {
	width: 90%;
	height: 50%;
	padding: 20px 20px;
}
#accordion {
	width: 90%;
	margin: 0 auto;
}
.panel-group .panel-heading a {
	font-size: 15px;
	padding: 0px 25px;
}
.panel-group .panel-heading a::after {
	font-size: 20px;
	top: -1px;
	right: 10px;
}
.content h2 {
	font-size: 23px;
}
.second-block {
	height: 647px;
	width: 100%;
	margin: 0 auto;
	background: url(/assets/693c170aa3ca.jpg) center no-repeat;
}
.first-block, .third-block {
	width: 90%;
	margin: 0px 20px;
}
.third-block {
	margin-bottom: 50px;
}
.first-block img, .third-block img {
	padding-left: 45%
}
p.contact-para {
	clear: both;
	width: 340px;
}
.booknow-page {
	width: 80%;
	margin: 0 auto;
}
.room-description h3 {
	margin-left: 20px;
}
.button {
	margin-bottom: 50px;
}
.room-description .button p a {
	padding: 10px 110px !important;
}
div.content{
        width: 360px;
        margin: 0 auto;
}
.room-description ul{
        float: none;
        margin-left: 20px;
}
.view img, .view {
	width: 180px;
	height: 300px;
}
.concept-page img, .facilities-page img {
	width: 90%;
	padding: 0px 20px;
}
.concept-box, .facilities-box {
	width: 78%;
	margin-left: 20px;
}
#slider1_container {
	width: 340px !important;
	margin-left: 10px;
}
.view img, .view {
	width: 160px;
	height: 280px;
	margin-right: 10px;
}
.room-data {
	width: 340px;
	height: 255px;
}
.room-data p {
	font-size: 14px;
}
.column {
	margin-left: 1%;
	margin-bottom: 15px;
	height: 285px;
}
.second-effect a.info {
	right: 35px;
	top: 35px;
}
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large {
	width: 90% !important;
}
.gform_body {
	width: 300px;
}
.gform_wrapper .top_label .gfield_label, .ginput_container {
	width: 300px;
}
.gform_wrapper h3 {
	width: 280px !important;
}
.first-row-menu {
	width: 360px;
	margin: 0 auto;
	margin-top: 50px;
	height: 50px;
}
.second-row-menu {
	width: 268px;
	margin: 0 auto;
	height: 70px;
}
li.contact, li.faq {
	margin-top: -10px;
}
li.facilities, li.news {
	margin-top: -20px;
}
.first-row-menu ul li, .second-row-menu ul li {
	list-style: none;
	text-transform: uppercase;
	font-size: 11px;
	background: url(/assets/a65e856e81b5.png) no-repeat center;
	width: 85px;
	text-align: center;
	padding: 50px 5px;
	float: left;
}
.first-row-menu ul li a, .second-row-menu ul li a {
	text-decoration: none;
	color: #000;
	font-weight: normal;
}
.first-row-menu ul li a:hover, .second-row-menu ul li a:hover {
	color: #fff;
	background: url(/assets/69bdb82c3c7d.png) no-repeat center;
}
.contact a:hover {
	padding: 80px 14px;
}
.concept a:hover {
	padding: 80px 14px;
}
.book-now a:hover {
	padding: 80px 9px;
}
.rooms a:hover {
	padding: 80px 22px;
}
.facilities a:hover {
	padding: 80px 15px;
}
.news a:hover {
	padding: 80px 27px;
}
.faq a:hover {
	padding: 80px 32px;
}
.social {
	padding-top: 60px;
}
.home-content {
	margin-top: -64px !important;
}
#navmenu{
        width: 100%;
}
#navmenu li{
        width: 14%;
}
#navmenu li a {
	padding-top: 15px;
        padding-bottom: 15px;
}
#blog{
       width: 100%;
}
#blog img {
	width: 320px;
	height: 200px;
}
#blog .entry-header{
	width: 270px;
}
#blog .entry-content {
	width: 320px;
}
#blog article{
	width: 320px;
	float: none;
	margin: 20px 20px;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{
         padding: 10px 130px;
}
textarea#input_2_17.textarea.small{
         width: 90% !important;
}
.room-description ul{
       width: 285px;
}
textarea#input_2_17.textarea.small{
         width: 90%;
}
}
@media (min-width: 200px) and (max-width: 340px) {
div.content{
         width: 94%;
        margin: 0 auto;
}
textarea#input_2_17.textarea.small{
         width: 90% !important;
}
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large {
	width: 90% !important;
}
.gform_body {
	width: 300px;
}
.gform_wrapper .top_label .gfield_label, .ginput_container {
	width: 300px;
}
.gform_wrapper h3 {
	width: 280px !important;
}
.gform_wrapper ul li.gfield.td_5column {
	float: none;
}
.gform_footer.top_label {
	width: 0px;
}
.gform_wrapper input.datepicker.datepicker_with_icon {
	width: 240px !important;
	height: 20px;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{
         padding: 10px 90px;
}
#blog{
       width: 100%;
}
#blog img {
	width: 280px;
	height: 200px;
}
#blog .entry-header{
	width: 240px;
}
#blog .entry-content {
	width: 280px;
}
#blog article{
	width: 280px;
	float: none;
	margin: 20px 20px;
}
.entry-content p, .entry-header {
	padding: 0px 25px;
}
#detail .post-thumbnail img {
	width: 90%;
	height: 50%;
	padding: 20px 20px;
}
#accordion {
	width: 90%;
	margin: 0 auto;
}
.panel-group .panel-heading a {
	font-size: 15px;
	padding: 0px 25px;
}
.panel-group .panel-heading a::after {
	font-size: 20px;
	top: -1px;
	right: 10px;
}
.content h2 {
	font-size: 23px;
}
.second-block {
	height: 647px;
	width: 100%;
	margin: 0 auto;
	background: url(/assets/693c170aa3ca.jpg) center no-repeat;
}
.first-block, .third-block {
	width: 90%;
	margin: 0px 20px;
}
.first-block img, .third-block img {
	padding-left: 45%;
}
.third-block {
	margin-bottom: 50px;
}
p.contact-para {
	clear: both;
	width: 340px;
}
.booknow-page {
	width: 80%;
	margin: 0 auto;
}
.room-description h3 {
	margin-left: 20px;
}
.button {
	margin-bottom: 50px;
}
.room-description .button p a {
	padding: 10px 112px;
}
.view img, .view {
	width: 180px;
	height: 300px;
}
.concept-page img, .facilities-page img {
	width: 90%;
	padding: 0px 15px;
}
.concept-box, .facilities-box {
	width: 77%;
	margin-left: 15px;
}
#slider1_container {
	width: 300px !important;
	margin-left: 10px;
}
.room-description {
	width: 370px;
}
.room-description .button p a {
	padding: 10px 108px !important;
}
.view img, .view {
	width: 150px;
	height: 270px;
	margin-right: 10px;
}
.room-data {
	width: 300px;
	height: 245px;
}
.room-data p {
	font-size: 13px;
}
.column {
	margin-left: 10px;
	margin-bottom: 15px;
	height: 275px;
}
.room-data .button p a {
	padding: 10px;
}
.second-effect a.info {
	right: 40px;
	top: 35px;
}
.first-row-menu {
	width: 330px;
	margin: 0 auto;
	margin-top: 50px;
	height: 50px;
	margin-left: -20px;
}
.second-row-menu {
	width: 268px;
	margin: 0 auto;
	height: 70px;
}
li.contact, li.faq {
	margin-top: -10px;
}
li.facilities, li.news {
	margin-top: -20px;
}
.first-row-menu ul li, .second-row-menu ul li {
	list-style: none;
	text-transform: uppercase;
	font-size: 11px;
	background: url(/assets/a65e856e81b5.png) no-repeat center;
	width: 85px;
	text-align: center;
	padding: 50px 5px;
	float: left;
}
.first-row-menu ul li a, .second-row-menu ul li a {
	text-decoration: none;
	color: #000;
	font-weight: normal;
}
.first-row-menu ul li a:hover, .second-row-menu ul li a:hover {
	color: #fff;
	background: url(/assets/69bdb82c3c7d.png) no-repeat center;
}
.contact a:hover {
	padding: 80px 14px;
}
.concept a:hover {
	padding: 80px 14px;
}
.book-now a:hover {
	padding: 80px 9px;
}
.rooms a:hover {
	padding: 80px 22px;
}
.facilities a:hover {
	padding: 80px 15px;
}
.news a:hover {
	padding: 80px 27px;
}
.faq a:hover {
	padding: 80px 32px;
}
.social {
	padding-top: 60px;
}
.home-content {
	margin-top: -64px !important;
}
#navmenu{
        width: 79%;
}
#navmenu li{
        width: 14%;
}
#navmenu li a {
	padding-top: 15px;
        padding-bottom: 15px;
}
}
/*responsive nav*/

#contact-form {
	display: none;
}
#menu-icon {
	display: hidden;
	width: 40px;
	height: 40px;
	background: #000 url(/assets/b63a6860ba22.png) center;
}
a:hover#menu-icon {
	background-color: #444;
	border-radius: 4px 4px 0 0;
}
textarea#input_2_17.textarea.small{
         width: 90%;
}
/*MEDIA QUERY*/
@media only screen and (max-width : 640px) {
div.content{
         width: 94%;
        margin: 0 auto;
}
.content h2 {
	padding-top: 20px;
}
#primary-navigation {
	display: hidden;
	width: 100%;
	height: 20px;
	background: #000 url(/assets/b63a6860ba22.png) no-repeat 93% 0px;
}
.logo {
	width: 123px;
	padding: 25px 0px;
}
.logo img {
	width: 120px;
	padding-top: 83px;
}
nav {
	float: right;
	padding: 10px;
}
td-header {
	position: absolute;
}
#menu-icon {
	display: inline-block;
	margin-right: 30px;
	margin-top: 20px;
	float: right;
}
/*	
.contact-form table {
	display: none;
}
	
#contact-form {
	display: inline-block;
	margin-left: 30px;
} 
*/
	
nav ul, nav:active ul {
	display: none;
	position: absolute;
	padding: 20px;
	background: #fff;
	border: 5px solid #444;
	top: 20px;
	width: 40%;
}
nav li {
	text-align: center;
	padding: 10px 0;
	margin: 0;
}
nav:hover ul {
	display: block;
}
#navmenu li a {
	width: 100%;
}
nav li {
	padding: 0px 0px;
}
#navmenu {
	margin-top: 195px;
	z-index: 100;
	border: none;
}
.gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3 {
	width: 40%;
}
body {
	margin-top: -64px !important;
        margin-right: 0px;
}

}
/*error-css*/
.gform_wrapper div.validation_error{
        text-align: center;
        font-weight: 300 !important;
        color: #f00 !important;
        border-top: 1px solid #f00 !important;
        border-bottom: 1px solid #f00 !important;
        font-size: 14px !important;
}
.gform_wrapper .gfield_error .gfield_label, .gform_wrapper .validation_message{
        color: #f00 !important;
}
.gform_wrapper li.gfield_error input[type=text]{
        border: 1px solid #dcdcdc !important; 
} 
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
        background-color: #fff !important;
        border: none !important;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required{
         margin-top: 0px !important;
}
textarea#input_2_17.textarea.small{
         width: 790px;
}
.gform_wrapper .gform_footer input.button:hover{background: #000; color: #fff;}
span.ph{padding: 0px 10px;}
#td-contact-form .gform_wrapper .top_label .gfield_label, #td-mobile-contact-form .gform_wrapper .top_label .gfield_label{display: none !important;font-size: 13px !important;}
#td-contact-form .gform_wrapper .top_label input.medium {width: 90%; padding: 15px;}
#td-mobile-contact-form .gform_wrapper .top_label input.medium{width: 95%; padding: 15px;}
#td-contact-form .gform_wrapper input[type=text], #td-mobile-contact-form .gform_wrapper input[type=text]{font-size: 13px;}
#td-contact-form .gform_wrapper textarea.medium{padding: 15px; width: 95%; font-size: 13px;}
#td-mobile-contact-form .gform_wrapper textarea.medium{padding: 15px; width: 95%; font-size: 13px;}
@media (min-width: 200px) and (max-width: 690px) {#td-contact-form {display: none;}}
@media (min-width: 700px) and (max-width: 1920px) {#td-mobile-contact-form{display: none;}}

/*---blog---*/
nav.navigation.paging-navigation{float: right;}
h1.screen-reader-text{display: none;}
a.page-numbers, span.page-numbers.current{padding: 5px 10px; border: 1px solid #000; text-decoration: none; color: #000;}
.pagination.loop-pagination a:hover, span.page-numbers.current{background: #000; color: #fff;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{margin-bottom: -30px;}