/***************************************************
    PRINT CSS for Mare Mons
    Author: WEB Marketing (www.wem.hr)
    Media: Print
***************************************************/

*           { margin: 0; padding: 0; list-style: none; outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

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, img, ins, kbd, q, s, samp, small, strike, tt, var, 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: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }


/*** HIDE ***/
#logo, 
nav,
.pc-hide,
.print,
.share-content,
#footer-container,
#development,
.gallery-flex,
.details,
.blog-nav,
.video-wrapper,
.contact-info,
.flex-direction-nav,
.home-subheading,
#pageMessage,
.testimonials,
.send-inquiry, 
.booking { display: none !important; }

/*** GRID ***/
#container { width: 100% !important; }
.wrap { 
	width: 100%; 
	margin: 0;
}
.col { 
	float: left; 
	margin-right: 2.564102564102564%;
	word-wrap: break-word;
}
.col:last-child { margin-right: 0 !important; }

.tablet-c1  { width:   1.709401709401709% !important; }
.tablet-c2  { width:   5.982905982905982% !important; }
.tablet-c3  { width:  10.25641025641026% !important; }
.tablet-c4  { width:  14.52991452991453% !important; }
.tablet-c5  { width:  18.8034188034188% !important; }
.tablet-c6  { width:  23.07692307692307% !important; }
.tablet-c7  { width:  27.35042735042735% !important; }
.tablet-c8  { width:  31.62393162393162% !important; }
.tablet-c9  { width:  35.89743589743589% !important; }
.tablet-c10 { width:  40.17094017094017% !important; }
.tablet-c11 { width:  44.44444444444444% !important; }
.tablet-c12 { width:  48.71794871794871% !important; }
.tablet-c13 { width:  52.99145299145299% !important; }
.tablet-c14 { width:  57.26495726495726% !important; }
.tablet-c15 { width:  61.53846153846153% !important; }
.tablet-c16 { width:  65.8119658119658% !important; }
.tablet-c17 { width:  70.08547008547008% !important; }
.tablet-c18 { width:  74.35897435897435% !important; }
.tablet-c19 { width:  78.63247863247862% !important; }
.tablet-c20 { width:  82.9059829059829% !important; }
.tablet-c21 { width:  87.17948717948717% !important; }
.tablet-c22 { width:  91.45299145299144% !important; }
.tablet-c23 { width:  95.72649572649572% !important; }
.tablet-c24 { width: 100% !important; margin-right: 0 !important; }


.clear { clear: both; }
.wrap:after, 
.cf:after, 
.paginator-holder ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/*** Typ ***/
body { background: #fff; color: #000; font: 10pt/14pt Arial, Helvetica, sans-serif; }
a { color: #000; text-decoration: none; }

h1 { font-size: 22pt; line-height: normal; font-weight: normal; margin: 0 0 20px; }
h2 { font-size: 18pt; line-height: normal; font-weight: normal; margin: 10px 0; }
h3 { font-size: 16pt; line-height: normal; font-weight: normal; margin: 10px 0; }
h4 { font-size: 14pt; line-height: normal; font-weight: normal; margin: 10px 0; }
h5 { font-size: 12pt; line-height: normal; font-weight: normal; margin: 10px 0; }
h6 { font-size: 11pt; line-height: normal; font-weight: normal; margin: 10px 0; }

p, blockquote, ul, ol, table { margin: 10px 0; }
ul, ol { padding-left: 25px; }
ul li { list-style: outside square; }
ul li ul li { list-style: outside circle; }
ul li ol li { list-style: outside decimal; }
ol li { list-style: outside decimal; }
ol li ol li { list-style: outside lower-alpha; }
ol li ul li { list-style: outside circle; }

table { border-collapse: collapse; width: 100%; }
th, td { border: 0; border-bottom: 1px solid #999; padding: 10px; }
th { text-align: left; font-weight: bold; }

div.table-wrapper-outer { position: relative; overflow: hidden; }
div.table-wrapper-outer div.scrollable table { margin-left: 35%; }
div.table-wrapper-outer div.scrollable { overflow: scroll; overflow-y: hidden; }	

blockquote { padding: 0 20px; font-style: italic; }

hr { clear: both; margin: 20px 0; height: 1px; color: #999; }

img { max-width: 100%; height: auto; }
.typ img { height: auto !important; }

.media-wrapper { margin-top: 20px; margin-bottom: 20px; padding: 0; width: 560px; max-width: 100%; }
.fluid-wrapper { 
	position: relative; 
	padding-bottom: 56.25%;
	display: block; width: 100%;
}
.fluid-wrapper iframe { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	border: 0;
}
.media-left { float: left; margin-right: 20px; margin-top: 0 !important; }
.media-right { float: right; margin-left: 20px; margin-top: 0 !important; }
.media-center { margin-left: auto; margin-right: auto; }
.media-wide { width: 100% !important; }

.image-left { float: left; margin-right: 20px; margin-bottom: 20px; margin-top: 0 !important; }
.image-right { float: right; margin-left: 20px; margin-bottom: 20px; margin-top: 0 !important; }
.image-center { margin-left: auto; margin-right: auto; display: block; }
.image-wide { width: 100% !important; }

.image-left img, 
.image-right img, 
.image-center img, 
.image-wide img { display: block; }
.image-center img { margin-left: auto; margin-right: auto; }

.typ *:first-child { margin-top: 0; }
.typ *:last-child { margin-bottom: 0; }

/*** HOME ***/
.slide-image img { display: block !important; margin: 0 !important; max-width: none !important; width: 100% !important; height: auto; }

.home-content { margin-bottom: 40px; }
.home-box { width: 23.0769%; margin-right: 2.5641%; margin-bottom: 20px; }
.home-box:nth-child(3n) { margin-right: 0; }

.sec-box:nth-child(2n) { margin-right: 0; }
.sec-image { clear: both; display: block; }
.sec-image span { display: none; }

/*** DEFAULT / STATIC ***/
#printlogo { display: block; margin-bottom: 40px; }
#copyright { display: block; clear: both; width: 100%; font-size: 9pt; margin-top: 30px; }
.intro { font-weight: bold; }
.intro, 
.content, 
.side-content, 
.content-footer { margin-bottom: 30px; }
.content { margin-right: 0; }
.side-content { margin-right: 0; margin-left: 2.564102564102564%; }
.side-content { color: #666; }
.content-footer { font-size: 9pt; color: #999; clear: both; }

.gallery { float: right; margin-right: 0; margin-left: 2.564102564102564%; margin-bottom: 30px; }
.gallery, 
.gallery-items, 
.gallery-item { height: auto !important; }
.gallery-item { display: none; }
.gallery-item img { display: block; width: 100%; }

.img_v { display: block; position: relative; overflow: hidden; height: 100%; }
.img_v img { display: block; width: auto !important; height: 100% !important; margin: 0 auto; }

.gallery.tablet-c24 { width:  40.17094017094017% !important; margin-left: 2.564102564102564%; }
.page-post .gallery.tablet-c24, 
.page-news-main .gallery.tablet-c24, 
.page-article .gallery.tablet-c24 { float: left; margin-right: 2.564102564102564% !important; margin-left: 0; }

/*** FORMS ***/
.form { margin-bottom: 40px; line-height: 1.5em; }
.form-warning { margin: 0 0 40px; }
.form-fields, 
.form-fields:last-child { margin-left: auto !important; margin-right: auto !important; float: none; }

.errorMessage { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #333331; color: #e32526 !important; }
.errorMessage ul { margin: 0; padding: 0; }
.errorMessage li { padding: 0; list-style: none; }
.errorMessage li:before { display: none; }

.field-description { font-size: .85em; line-height: normal; margin: -15px 0 25px 0; }

.input, 
.select, 
.textarea, 
.radio, 
.checkbox,
.captchaWrapper { position: relative; margin-bottom: 25px; }

.input input, 
.select select, 
.textarea textarea, 
.captchaInput input { background: #fff; border: 1px solid #c4cdd1; border-radius: 3px; display: block; width: 100%; padding-left: 20px; padding-right: 20px; position: relative; z-index: 1; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #3b3b39; }
.date-input input { padding-right: 60px; }

.input input:focus, 
.select select:focus, 
.textarea textarea:focus, 
.captchaInput input:focus { box-shadow: 0 0 6px #c2c2c2; }

.input label, 
.select label, 
.textarea label, 
.captchaInput label, 
.form-item-title { display: block; padding-right: 40px; width: 100%; }
.input label, 
.select label, 
.textarea label, 
.captchaInput label { margin-bottom: 5px; }
.form-item-title { margin-bottom: 10px; }

.input input, 
.captchaInput input { height: 50px; line-height: 50px; }

.input-calendar { position: absolute; right: 20px; bottom: 13px; z-index: 2; cursor: pointer; }
.input-calendar img { display: block; }

.select select { padding-top: 15px; padding-bottom: 15px; }

.textarea { padding: 0 0 25px 0; border-bottom: 1px solid #333331; }
.textarea textarea { height: 125px; padding-top: 15px; padding-right: 10px; padding-bottom: 15px; resize: none; overflow: auto; }

.radio, 
.checkbox { padding: 0 0 25px 0; border-bottom: 1px solid #000; }
.form-item  { display: block; clear: both; position: relative; margin-bottom: 10px; padding-left: 20px; min-height: 26px; overflow: hidden; cursor: pointer; }
.form-item label { display: block; cursor: pointer; }
.form-item:last-child { margin-bottom: 0; }
.form-item input { position: absolute; left: 0; top: 0; }

.checkbox-button, 
.radio-button { position: absolute; top: 0; left: 0; }
.checkbox-button { width: 25px; height: 25px; }

.checkbox-single .form-item-title { display: none; }
.checkbox-single .form-item { margin-right: 25px; }

.page-signup .radio,
.newsletter-registration .checkbox { padding: 0; border: none; }

.terms { margin-bottom: 25px; }
.terms .checkbox { padding: 0; margin: 0; border: 0; }

.captchaWrapper,
.form-buttons { display: none; }


/*** FORMS - Validation ***/
.form-hidden { position: absolute; top: -9999px; left: -9999px; }

.req { position: absolute; top: 5px; right: 0; width: 16px; height: 14px; font-size: 16pt; }
.errorMessage .req, 
.form-warning .req { position: static; display: inline-block; vertical-align: middle; }
.error .req, 
.errorMessage .req { background-position: 0 -14px; }

.error .input label, 
.error .select label, 
.error .textarea label, 
.error .form-item-title, 
.error .captchaInput label { color: #e32526; }

.error .input input, 
.error .captchaInput input, 
.error .select select, 
.error .textarea textarea { border-color: #f9c3c3; background: #ffe5e5; color: #e32526; }

.form-feedback { display: none; }