/*
	Theme Name: DUB
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap');

@font-face {
    font-family: 'DIN Pro';
    src: url('fonts/subset-DINPro-Medium.eot');
    src: url('fonts/subset-DINPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/subset-DINPro-Medium.woff2') format('woff2'),
        url('fonts/subset-DINPro-Medium.woff') format('woff'),
        url('fonts/subset-DINPro-Medium.ttf') format('truetype'),
        url('fonts/subset-DINPro-Medium.svg#DINPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('fonts/subset-DINPro-Black.eot');
    src: url('fonts/subset-DINPro-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/subset-DINPro-Black.woff2') format('woff2'),
        url('fonts/subset-DINPro-Black.woff') format('woff'),
        url('fonts/subset-DINPro-Black.ttf') format('truetype'),
        url('fonts/subset-DINPro-Black.svg#DINPro-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}


/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
}
body {
	font-family: 'DIN Pro', Helvetica, Arial, sans-serif;
	font-size: 14px;
	letter-spacing: 0.2em;
	font-weight: 500;
	color:#303030;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {

}
/* header */
.header {

}
/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav{position: absolute; right: 0; top: 60px;}

.nav ul{
	padding: 0;
	margin: 0;
	display: block;
	text-align: right;
}
.nav ul li{
	display: inline-block;
	margin-left: 15px;
}
.nav ul li a{
	padding: 10px 0;
	position: relative;
}
.nav ul li a:hover{
	font-weight: 700;
}

.nav #menu-item-66 a{
	padding: 10px;
	background: #f69c31;
	color:#fff;
	font-weight: 700;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.nav .current_page_item a{
	font-weight: 700;
}

.nav ul li a:hover:after, .nav .current_page_item a:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 35px;
	height: 5px;
	background: #f69c31;
}

/* sidebar */
.sidebar {

}
/* footer */
.footer {

}

/*------------------------------------*\
    TYPOGRAPHY
\*------------------------------------*/

.text-center{text-align: center;}
.text-right{text-align: right;}
.text-justify{text-align: justify;}
.color-white{color:#fff;}
.color-black{color:#2a2929;}
.color-grey{color: #a9a9a9;}
.color-yellow{color: #f69c31;}

.line-1{line-height: 1;}

.open{ font-family: 'Open Sans', sans-serif; letter-spacing: normal;}

.text-shadow{text-shadow: 0px 0px 20px rgba(0,0,0,0.5);}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

/* Rows */

.row-10{width: 10%; float: left;}.row-20{width: 20%; float: left;}.row-25{width: 25%; float: left;}.row-30{width: 30%; float: left;}.row-33{width: 33.33%; float: left;}.row-40{width: 40%; float: left;}.row-50{width: 50%; float: left;}.row-60{width: 60%; float: left;}.row-70{width: 70%; float: left;}.row-80{width: 80%; float: left;}.row-90{width: 90%; float: left;}.row-100{width: 100%;}

.bg-white{background: #ffffff;}
.bg-black{background: #000000;}
.bg-grey{background: #dbdbdb;}
.bg-yellow{background: #f69c31;}
.bg-greyblack{background: #303030;}

.botonhome.bg-grey:hover{background-color: #f69c31; position: relative;}
.botonhome.bg-grey:hover:after,a.bg-grey:hover:before{content: ""; background-color: #1a2f24; position: absolute;}

.botonhome.bg-grey:hover:after{width: 3px; height: 90px; bottom: -17px; right: 19px}
.botonhome.bg-grey:hover:before{width: 90px; height: 3px; bottom: -9px; right: 0;}

.hover-green:hover{background-color: #1a2f24; color: #ffffff;}


.border-white{border:solid 1px #fff;}
.border-white2{border:solid 2px #fff;}
.border-black{border:solid 1px #262424;}
.radius{border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; }


.hidden{overflow: hidden;}

.max-1324{max-width: 1280px;}
.max-980{max-width: 980px;}
/* Position */

.fixed{position:fixed !important;}
.absolute{position:absolute;}
.relative{position:relative;}

.center{
	position: absolute;
  	left: 50%;
  	top: 50%;
	transform: translate(-50%, -50%);
}
.font-60{
	font-size: 60px;
}
.font-40{
	font-size: 40px;
}
.font-32{
	font-size:32px;
}
.font-30{
	font-size:30px;
}
.font-28{
	font-size:28px;
}
.font-24{
	font-size:24px;
}
.font-22{
	font-size:22px;
}
.font-20{
	font-size:20px;
}
.font-18{
	font-size:18px;
}
.font-16{
	font-size:16px;
}
.font-14{
	font-size:14px;
}
.font-12{
	font-size:12px;
}
.bold{
	font-weight:700;
}
.ultra-bold{
	font-weight: 900;
}
.uppercase{text-transform: uppercase;}

.inline-block{display:inline-block;}
.block{display:block;}

.p-bottom-10{padding-bottom: 10px;} .p-bottom-20{padding-bottom: 20px;} .p-bottom-30{padding-bottom: 30px;} .p-bottom-40{padding-bottom: 40px;} .p-bottom-50{padding-bottom: 50px;} .p-bottom-60{padding-bottom: 60px;} .p-bottom-70{padding-bottom: 70px;} .p-bottom-80{padding-bottom: 80px;} .p-bottom-90{padding-bottom: 90px;} .p-bottom-100{padding-bottom: 100px;}

.p-top-10{padding-top: 10px;} .p-top-20{padding-top: 20px;} .p-top-30{padding-top: 30px;} .p-top-40{padding-top: 40px;} .p-top-50{padding-top: 50px;} .p-top-60{padding-top: 60px;} .p-top-70{padding-top: 70px;} .p-top-80{padding-top: 80px;} .p-top-90{padding-top: 90px;} .p-top-100{padding-top: 100px;}

.p-left-10{padding-left: 10px;} .p-left-20{padding-left: 20px;} .p-left-30{padding-left: 30px;} .p-left-40{padding-left: 40px;} .p-left-50{padding-left: 50px;} .p-left-60{padding-left: 60px;} .p-left-70{padding-left: 70px;} .p-left-80{padding-left: 80px;} .p-left-90{padding-left: 90px;} .p-left-100{padding-left: 100px;}

.p-right-10{padding-right: 10px;} .p-right-20{padding-right: 20px;} .p-right-30{padding-right: 30px;} .p-right-40{padding-right: 40px;} .p-right-50{padding-right: 50px;} .p-right-60{padding-right: 60px;} .p-right-70{padding-right: 70px;} .p-right-80{padding-right: 80px;} .p-right-90{padding-right: 90px;} .p-right-100{padding-right: 100px;}

.m-bottom-10{margin-bottom: 10px;} .m-bottom-20{margin-bottom: 20px;} .m-bottom-30{margin-bottom: 30px;} .m-bottom-40{margin-bottom: 40px;} .m-bottom-50{margin-bottom: 50px;} .m-bottom-60{margin-bottom: 60px;} .m-bottom-70{margin-bottom: 70px;} .m-bottom-80{margin-bottom: 80px;} .m-bottom-90{margin-bottom: 90px;} .m-bottom-100{margin-bottom: 100px;}

.m-top-10{margin-top: 10px;} .m-top-20{margin-top: 20px;} .m-top-30{margin-top: 30px;} .m-top-40{margin-top: 40px;} .m-top-50{margin-top: 50px;} .m-top-60{margin-top: 60px;} .m-top-70{margin-top: 70px;} .m-top-80{margin-top: 80px;} .m-top-90{margin-top: 90px;} .m-top-100{margin-top: 100px;}

.m-left-10{margin-left: 10px;} .m-left-20{margin-left: 20px;} .m-left-30{margin-left: 30px;} .m-left-40{margin-left: 40px;} .m-left-50{margin-left: 50px;} .m-left-60{margin-left: 60px;} .m-left-70{margin-left: 70px;} .m-left-80{margin-left: 80px;} .m-left-90{margin-left: 90px;} .m-left-100{margin-left: 100px;}

.m-right-10{margin-right: 10px;} .m-right-20{margin-right: 20px;} .m-right-30{margin-right: 30px;} .m-right-40{margin-right: 40px;} .m-right-50{margin-right: 50px;} .m-right-60{margin-right: 60px;} .m-right-70{margin-right: 70px;} .m-right-80{margin-right: 80px;} .m-right-90{margin-right: 90px;} .m-right-100{margin-right: 100px;}

.m-auto, .margin-auto{margin:0 auto;}

.m-0{margin:0px !important;}
.p-0{padding:0px !important;}


.nf-before-form-content{display: none;}
.submit-wrap{text-align: right;}

.nf-form-content input[type="button"]{
	background-color: #f69c31 !important;
	color: #ffffff !important;
	height: auto !important;
	padding: 20px 100px;
	text-align: center;
	font-weight: 900;
	font-size: 16px;
	display: inline-block;
	line-height: 1;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px;
}

.nf-form-content input:not([type="button"]), .nf-form-content textarea{background-color: #ffffff !important;}
.nf-form-content .list-select-wrap .nf-field-element > div{background: #ffffff !important;}

.searchandfilter{width: 100%; margin: 0 auto; border-top: solid 1px #acacac; border-bottom: solid 1px #acacac; border-left: solid 1px #acacac;}
.searchandfilter ul{padding: 0; margin: 0; display: block;}
.searchandfilter ul li{display: inline-block; width: 25%; border-right: solid 1px #acacac; padding: 0;}
.searchandfilter label{width: 100%;}
.searchandfilter select.sf-input-select{min-width: 100%; appearance:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; padding: 20px 10px; text-transform: uppercase; font-size: 16px; border: none; display: block; background: #ffffff;}

.iframemapa iframe{width: 100%;}

.slick-arrow{position: absolute; top: 0; bottom: 0; margin: auto; width: 80px; height: 80px; display: block; z-index: 99; font-size: 30px;}
.slick-prev{left: 0;}
.slick-next{right: 0;}


.visita{width: 320px; height: 120px; padding-left: 30px; color:#ffffff; text-align: center; padding-top: 50px; font-size: 14px; display: none;}
.visita:hover{background: #F99D1C; color: #ffffff;}

.nav-footer ul{list-style: none;}
.nav-footer ul li{display: block; padding-bottom: 10px;}
.nav-footer ul li a{color: #ffffff;} 

.border-right-white{border-right: solid 2px #ffffff;}

.logo-footer{margin: 20px 0 0 0;}

.row-100 > img{min-width:100%;}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media (max-width: 1100px) {

}
@media (max-width: 1099px) {

}
@media (max-width: 1024px) {

}
@media (max-width: 980px) {

}
@media (max-width: 960px) {

}
@media (max-width: 854px) {

}
@media (max-width: 800px) {

}
@media (max-width: 768px) {
.row-50,.row-60,.row-40,.row-33,.row-25, .row-30, .row-70, .row-90{width: 100%;}
.nav{display: none;}
.m-text-center{text-align:center;}
.m-m-top-20{margin-top: 20px;}
.searchandfilter ul li{width:100%; border-bottom: solid 1px #acacac;}
.border-right-white{border-right: none;}
.logo{width:200px;}
.logo > img{width:200px;}

.p-left-20-m{padding-left: 20px;}
.p-right-20-m{padding-right: 20px;}
	
.font-60{
	font-size: 48px;
}
.font-40{
	font-size: 32px;
}
.font-32{
	font-size:28px;
}
.font-30{
	font-size:28px;
}
.font-28{
	font-size:24px;
}
.font-24{
	font-size:22px;
}
.font-22{
	font-size:18px;
}
.font-20{
	font-size:18px;
}
.font-18{
	font-size:16px;
}
.font-16{
	font-size:14px;
}	

.m-font-12{font-size:12px;}
	
}
@media (max-width: 640px) {

}
@media (max-width: 480px) {

}
@media (max-width: 360px) {

}
@media (max-width: 320px) {

}
@media (max-width: 240px) {

}

/*------------------------------------*\
    FONTELLO
\*------------------------------------*/

@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?10897997');
  src: url('fonts/fontello.eot?10897997#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff2?10897997') format('woff2'),
       url('fonts/fontello.woff?10897997') format('woff'),
       url('fonts/fontello.ttf?10897997') format('truetype'),
       url('fonts/fontello.svg?10897997#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?10897997#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-lodging:before { content: '\e824'; } /* '' */
.icon-bath:before { content: '\f2cd'; } /* '' */

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}