/*
Theme Name: JC Theme
Theme URI: http://wordpress.org/themes/
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.6.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentythirteen */




article,aside,details,figcaption,figure,footer,header,nav,section,summary {
	display: block;
}


html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: none;
	outline: none !important;
	 line-height: normal;
}


/* Fonts
----------------*/
@font-face {
    font-family: 'gandhi_sansregular';
    src: url('fonts/gandhisans-regular-webfont.eot');
    src: url('fonts/gandhisans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gandhisans-regular-webfont.woff') format('woff'),
         url('fonts/gandhisans-regular-webfont.ttf') format('truetype'),
         url('fonts/gandhisans-regular-webfont.svg#gandhi_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gandhi_sansitalic';
    src: url('fonts/gandhisans-italic-webfont.eot');
    src: url('fonts/gandhisans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gandhisans-italic-webfont.woff') format('woff'),
         url('fonts/gandhisans-italic-webfont.ttf') format('truetype'),
         url('fonts/gandhisans-italic-webfont.svg#gandhi_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gandhi_sansbold_italic';
    src: url('fonts/gandhisans-bolditalic.eot');
    src: url('fonts/gandhisans-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/gandhisans-bolditalic.woff') format('woff'),
         url('fonts/gandhisans-bolditalic.ttf') format('truetype'),
         url('fonts/gandhisans-bolditalic.svg#gandhi_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gandhi_sansbold';
    src: url('fonts/gandhisans-bold-webfont.eot');
    src: url('fonts/gandhisans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gandhisans-bold-webfont.woff') format('woff'),
         url('fonts/gandhisans-bold-webfont.ttf') format('truetype'),
         url('fonts/gandhisans-bold-webfont.svg#gandhi_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Global */
body {
	 font-family: 'gandhi_sansregular';
	 font-size:13px;
}
.toggleBtn {
	background:url("images/toggleBtn.png") 0 0 no-repeat;
    cursor: pointer;
    height: 58px;
    left: 335px;
    position: absolute;
    top: 35px;
    width: 58px;
    z-index: 11;
}
.toggleBtn-down {
	background:url("images/toggleBtndown.png") 0 0 no-repeat;
	opacity: 0.8;
}
h1,h2,h3,h4,h5,h6 {
	 font-family: 'gandhi_sansbold';
	 clear: both;
}
h1 {
	 margin-bottom: 9px;
	 font-size:15px;
	 text-transform: uppercase;
}
h2 {
	 margin-bottom: 9px;
	 font-size:13px;
}
h3{
	text-transform: uppercase;  
	margin: 0 0 8px;
}
img {
    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;     user-select: none;
}
table {
   /* border-collapse: collapse;*/
	border-spacing: 0;
	width:100%;
}
table a {
    color: #697a74;
	text-decoration:none;
}
table a:hover {
    color: #181818;
}
/* Sidebar */
.sidebar {
	background-image:url("images/sidebar.png");
	background-repeat: repeat;
	color: #fff;
    left: 40px;
    padding: 0 24px 0;
    position: fixed;
    top: 0;
    width: 165px;
}
.side-widget {
    padding: 0 0 20px;
}
.logo {
    display: block;
    margin: 60px 0 36px;
    text-align: center;
}
.sidebar ul {
    list-style: none;
	 margin: 0 0 22px;
}
.sidebar ul li {
    font-size: 16px;
    padding: 0 0 6px;
}
.sidebar ul li a{
	font-family: 'gandhi_sansregular';
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	text-decoration: none;
 }

 ul li.current-menu-item a ,
 ul li.current_page_item a {
	color: #000000;
 }
.social {
    padding: 0 0 11px;
	float: left;
	width: 100%;
}
.social > a {
    display: inline-block;
    margin: 0 11px 0 0;
}
.sidebar p.address ,
.sidebar p.phone {
	 font-family: 'gandhi_sansbold';
	 font-size:14px;
	 line-height:22px;
	 width:102%;
}
.sidebar p.phone {
	margin:8px 0 0 0;
	font-size:15px;
}
.sidebar .fb,
.sidebar .ruttgers,
.sidebar .instagram{
	float: left;
	margin: 0 12px 0 0;
}

/* Content */
.content {
	background-image:url("images/content.png");
	background-repeat: repeat;
    left: 297px;
    min-height: 100%;
    padding:0 50px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 425px;
    z-index: 10;
	color:#686868;
	letter-spacing: 0.6px;
}
.content-inner{
    float: left;
    padding: 150px 0 55px;
    width: 100%;
	color: #181818;
}
.content-inner .title_main{
	display: none;
}
.content p {
	 line-height: 20px;
    margin: 0 0 9px;
    word-wrap: break-word;
}
.content p b {
	font-family: 'gandhi_sansbold';
	text-transform: uppercase;
}
.content ul {
    list-style: none;
	margin:0 0 10px 0;
}
.content li {
    list-style: none;
	background:url("images/list.jpg") 0px 10px no-repeat;
    line-height: 20px;
    list-style: none outside none;
    padding: 0 0 2px 9px;
}
.content p a {
	color: #ec7b1f;
    text-decoration: none;
}
.content p a:hover {
	color:#181818;
}
.list  {
    padding:10px 0 0 0;
}
.list > ul {
    float: left;
    margin: 0 10% 0 0;
    width: 40%;
}

/*  Slider */
#arrow_left, #arrow_right{
   bottom: 55px !important;
    height: 46px !important;
    position: fixed !important;
    width: 26px !important;
    z-index: 1000 !important;
	opacity:0.7;
}
#arrow_left {
	right:125px !important;
}
#arrow_right{
	right:70px !important;
}
#arrow_left:hover, #arrow_right:hover{
	opacity:1;
}

/* Contact Page */
.contact_main{
	float: left;
	width: 100%;
	margin: 0 0 20px;
}
.contact_main .left_contact{
	float: left;
	width: 45%;
}
.contact_main .right_contact{
	float: right;
	width: 45%;
}
.map-frame > small > a {
    color: #181818 !important;
    float: right;
    font-family: 'gandhi_sansbold';
    font-size: 12px;
    margin: 8px 0 0;
    text-transform: uppercase;
}
.map-frame {
    clear: both;
    margin: 0 0 52px;
}
.map-frame > iframe {
    max-width: 100%;
}

/* Gallery */
.slideshowlink {
    display: none;
}
.gallery-div > p {
    margin: 0;
}
div.ngg-albumoverview {
    margin: 0 !important;
    width: 105% !important;
}
div.ngg-album-compact {
	height: 150px;
	line-height: normal;
	margin: 0 3% 10px 0 !important;
	overflow: hidden;
	padding: 0 !important;
	width: 30%;
}
.ngg-album-compactbox:before, .ngg-album-compactbox:after {
    display: none;
}
div.ngg-album-compactbox {
    border: medium none;
    padding: 0 !important;
}
div.ngg-album-compactbox .Thumb {
    border: medium none !important;
    height: auto;
    width: 100%;
}
.ngg-album-compact h4 {
    font-family: 'gandhi_sansregular';
    font-size: 15px;
    font-weight: normal;
    margin: 5px 0 0;
}
.ngg-album-gallery-image-counter {
    display: none;
}
div.ngg-album-compact h4 {
    font-family: 'gandhi_sansregular';
    font-size: 13px;
    font-weight: normal;
    margin: 5px 0 0;
}
div.ngg-album-compact h4 .ngg-album-desc {
    color: #191919;
    height: auto;
    text-decoration: none;
}
div.ngg-galleryoverview {
    margin: 0 !important;
    width: 105% !important;
}
div.ngg-gallery-thumbnail-box {
	margin: 0 3% 25px 0 !important;
	padding: 0;
	width: 30%;
	 height: 135px;
}
div.ngg-gallery-thumbnail span{
    font-family: 'gandhi_sansregular';
    font-size: 13px;
    font-weight: normal;
    margin: 5px 0 0;
}
div.ngg-gallery-thumbnail {
    width: 100%;
}
div.ngg-gallery-thumbnail img {
    background: none ;
    border: none;
    margin: 0;
    padding: 0;
}
/* Testimonial */
.content-testi p{
	font-family: 'gandhi_sansbold_italic';  margin: 0 0 5px;
	
}
.content-testi h3{
	 margin: 0 0 40px;
}

/* Rates */
table.price {
    border-left: 2px solid #313030;
    border-top: 2px solid #313030;
    clear: both;
    float: left;
    margin: 8px 0 35px;
    width: 100%;
}
table.price  table  {
   
}
table.price td.left-td {
    border-bottom: 2px solid #313030;
    border-right: 2px solid #313030;
	vertical-align:top;
	 padding: 9px 10px 0;
}
table.price  td.right-td {
    border-bottom: 2px solid #313030;
	vertical-align:middle;
}
table.price  td.right-td tr td {
     border-right: 2px solid #313030;
	  padding: 9px 10px;
}
table.price  td.right-td tr td:hover {
    background:#f5f5f5;
	color:#000;
}
table.price td.right-td tr + tr > td {
    border-top: 2px solid #313030;
}

/* Attract */
.attraction table {
   /* border-left: 1px solid #313030;
    border-right: 1px solid #313030;*/
    clear: both;
    float: left;
    margin: 8px 0 35px;
    text-align: center;
    width: 100%;
}
.attraction table th {
    background: url("images/sidebar.png")  0 0 repeat;
   /* border-bottom: 1px solid #82b5b5;
    border-top: 1px solid #82b5b5;*/
    color: #ffffff;
    font-family: 'gandhi_sansbold';
    font-size: 14px;
    padding: 11px 0;
    text-align: center;
}
.attraction table td {
  /*  border-bottom: 1px solid #313030;*/
    padding: 9px 0;
    text-align: center;
}
.attraction table tr.color td {
    background: url("images/black-trans.png") 0 0  repeat;
}


/* Booking Form */
div.wpcf7 {
    margin: 40px 0 0;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"]{
	border: none;
	width: 100%;
	background: none;
	padding: 0;
	font-family: 'gandhi_sansregular';
}
.wpcf7-form textarea{
	background:transparent url("images/black-trans.png") 0 0 repeat;
	color: #181818;
	border: none;
	height: 130px;
	width: 96%;
	font-family: 'gandhi_sansregular';
	padding:0 2%;
	overflow:auto;
}
.wpcf7-form input[type="submit"]{
	background: #181818;
	color: #fff;
	font-family: 'gandhi_sansbold';
	font-size: 12px;
	text-transform: uppercase;
	border: none;
	padding: 10px;
	cursor: pointer;
	  float: right;
}
.wpcf7-form  p {
  border-bottom: 1px solid #181818;
    float: left;
    margin: 0 0 45px;
    width: 100%;
	 position: relative;
}
.person-wrap {
    float: left;
	 width: 100%;
}
.person-wrap > p {
    width: 46%;
}

.person-wrap > .p_right {
    float:right;
}
.person-wrap > p span.wpcf7-form-control-wrap {
    width: 115px;
}


/* Textarea */
.wpcf7-form p.msg{
	border: none !important;
	margin: 0 0 19px !important;
}
.wpcf7-form p.msg > label{
	width: 100% !important;
}
.wpcf7-form p.msg span.wpcf7-form-control-wrap{
	width: 100% !important;
}

/**/
.wpcf7-form p > label{
	text-transform: uppercase;
	float: left;
	margin: 0 5% 7px 0;
	font-family: 'gandhi_sansbold';
	font-size: 12px;
}
.wpcf7-form span.wpcf7-form-control-wrap{
	float: left;
	width: 250px;
	 position: static;
}
.wpcf7-form p.submit-btn{
	border: none !important;
	margin: 0 !important;
}

/** Error Message **/
div.wpcf7-validation-errors{
	border: none !important;
	clear: both !important;
}

span.wpcf7-not-valid-tip {
    color: #f00 !important;
    display: block !important;
    font-size: 11px !important;
    position: absolute !important;
    right: 0 !important;
    text-transform: uppercase !important;
    top: 26px;
}
.person-wrap span.wpcf7-not-valid-tip {
    top: 41px;
}
div.wpcf7-response-output {
    margin: 0 !important;
    padding: 10px 0 !important;
	font-size: 12px !important;
	text-transform: uppercase !important;
	border: none !important;
	clear: both !important;
}
div.wpcf7-mail-sent-ok{
	color: green !important;
}
div.wpcf7-validation-errors{
	color: red !important;
}


/* Tablet Landscape
------------------- */
@media all and (max-width: 1024px) and (min-width: 851px) {
	.sidebar {
		left: 0;
	}
	.content {
		left: 220px;
        padding: 0 30px;
	}
	.toggleBtn {
		left: 260px;
	}
}

/* Tabled + Mobiles
------------------- */
@media all and (max-width: 850px) and (min-width: 0px) {
	 .menu-menu-1-container {
		display:none;
	 }
	.mobileMenu {
		background: url("images/select-box.jpg") no-repeat scroll 93% 11px #ffffff;
		border: 1px solid #93c6c6;
		margin: 0 0 20px;
		overflow: hidden;
		 max-height: 26px;
		 display: block !important;
	}
	.mobileMenu select {
		display:block !important;
		 -moz-appearance: none;
		-webkit-appearance:none;
		background:none;
	    border: none;
		border-radius: 0;
		box-shadow: none !important;
		font-size: 13px;
		margin:4px 0 !important;
		padding: 0 !important;
		text-indent: 0.01px;
		text-overflow: "";
		vertical-align: middle;
		width: 100%;
	}

}

/* Tabled Portrait
------------------- */
@media all and (max-width: 850px) and (min-width: 651px) {
	/* Comman */
	img {
		max-width:100%;
		height:auto;
	}
	.sidebar {
		left: 0;
	}
	.toggleBtn {
		left: 260px;
	}
	.content {
		left: 218px;
		width:340px;
        padding: 0 30px;
	}

	/* Booking */
	.wpcf7-form span.wpcf7-form-control-wrap {
		width: 100%;
	}
	.person-wrap > p span.wpcf7-form-control-wrap {
		width: 100%;
	}
	span.wpcf7-not-valid-tip {
		text-transform: none !important;
		top: 41px !important;
	}
	/* slider */
	#arrow_left {
		left: 11px !important;
		top: 47%;
		bottom: auto !important;
	}
	#arrow_right {
		right: 11px !important;
		top: 47%;
		bottom: auto !important;
	}
	/* Gallery */
	ul.jc-gallery-list li {
		font-size: 12px;
		height: 160px;
		margin: 0 3% 10px 0;
		width: 30%;
	}
}


/* Mobiles Portrait + Landscape
-------------------- */
@media all and (max-width: 650px) and (min-width: 0px) {
	/* Comman */
	.sidebar {
		left: auto;
		margin: 0 0 0 12px;
		padding: 0 24px;
		position: relative;
		top: auto;
		float:left;
	}
	.toggleBtn {
		left: auto;
		right: 14px;
		top: 22px;
	}
	.logo {
		display: block;
		margin: 26px 0 24px;
	}
	.content {
	    padding: 0 5%;
		 width: 90%;
		left: auto;
		top: auto;
		margin: 25px auto;
		position: relative;
		float:left;
		clear:both;
	}
	.content-inner {
		padding: 25px 0;
	}
	.map-frame > iframe {
		height: 225px;
	}

	/* slider */
	#arrow_left {
		right: 60px !important;
		top: 250px;
		position:absolute !important;
		bottom: auto !important;
	}
	#arrow_right {
		right: 15px !important;
		top: 250px;
		position:absolute !important;
		bottom: auto !important;
	}
	.home #arrow_left ,
	.home #arrow_right {
		bottom: 55px !important;
		top: auto !important;
	}

	/* Rates */
	table.price td.left-td {
		padding: 6px 10px 0;
	}
	table.price td.right-td tr td {
		padding: 6px 5px;
	}
	table.price {
		font-size: 13px;
	}
	/* booking */
	.wpcf7-form p {
		border: medium none;
		margin: 0 0 25px;
	}
	.wpcf7-form p > label {
		  margin: 7px 0 0;
		 width: 37%;
	}
	.wpcf7-form span.wpcf7-form-control-wrap {
		float: right;
		width: 60%;
	}
	.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"] {
		background:transparent url("images/black-trans.png") 0 0 repeat; 
		height: 25px;
		padding: 0 2%;
		width: 96%;
	}
	div.person-wrap > p > label {
		width: 100%; margin: 0 0 2px;
	}
	div.person-wrap > p span.wpcf7-form-control-wrap {
		width: 100%;
	}
	.wpcf7-form p.msg > label {
		margin: 0 0 2px;
	}
	span.wpcf7-not-valid-tip {
		text-transform: none !important;
	}	
	/* Gallery */	
	div.ngg-album-compact {
		height: 155px;
	}
}

	
/* Mobiles Portrait
-------------------- */
@media all and (max-width: 420px) and (min-width: 0px) {
	.wpcf7-form p > label {
		 font-size: 11px;    width: 43%;
	}
	.wpcf7-form span.wpcf7-form-control-wrap {
		width: 54%;
	}
	div.ngg-album-compact {
		height: 145px;
		margin: 0 5% 10px 0 !important;
		width: 45%;	
	}
}