/*	PATTERN LIBRARY STYLES
/*----------------------------------------------------*/

/* GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css?family=Cantarell:400,500,600,700|Montserrat:400,700|Open+Sans:300,400,600,700');
@font-face { font-family: 'CENTUMA-REGULAR'; src:  url('CENTUMA.otf') format('truetype'); }


body { color: #666; background: #ffffff; overflow-x: hidden; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Open Sans', "sans-serif"}
body p { line-height: 22px; font-size: 14px; font-weight: 400;}

.Normal 			   { font-family: Open Sans, sans-serif; 		 font-weight: 400; color: #000; 	font-size: 14px; line-height: 22px; font-style: Normal; text-transform: none; text-decoration: none; }
.Page-Title 		   { font-family: Montserrat, sans-serif;		 font-weight: 700; color: #000; 	font-size: 38px; line-height: 42px; font-style: Normal; text-transform: none; text-decoration: none; }
.Title 				   { font-family: CENTUMA-REGULAR, sans-serif; 	 font-weight: 400; color: #86754d;	font-size: 36px; line-height: 30px; font-style: Normal; text-transform: none; text-decoration: none; }
.SubTitle 			   { font-family: Cantarell, sans-serif; 		 font-weight: 400; color: #8e9090;	font-size: 24px; line-height: 28px; font-style: Normal; text-transform: none; text-decoration: none; }
.Gallery-Title 		   { font-family: Open Sans, sans-serif; 		 font-weight: 700; color: #fff;		font-size: 20px; font-style:Normal; text-transform: none; text-decoration: none; }
.Gallery-Description   { font-family: Open Sans, sans-serif; 		 font-weight: 400; color: #fff;		font-size: 14px; line-height: 22px; font-style: Normal; text-transform: none; text-decoration: none; }
.subtitulo-dorado 	   { font-family: Open Sans, sans-serif; 		 font-weight: 400; color: #86754d; 	font-size: 24px; line-height: 28px; font-style: Normal; text-transform: uppercase; text-decoration: none; }
.botones 			   { font-family: Open Sans, sans-serif; 		 font-weight: 400; color: #86754d; 	font-size: 15px; line-height: 28px; font-style: Normal; text-transform: none; text-decoration: none; }
.TITULOS-AZUL 		   { font-family: Montserrat, sans-serif; 		 font-weight: 400; color: #4b8a9b; 	font-size: 30px; line-height: 42px; font-style: Normal; text-transform: uppercase; text-decoration: none; }
.SubTitle-Copy 		   { font-family: CANTARELL-BOLD, sans-serif; 	 font-weight: 400; color: #292929; 	font-size: 18px; line-height: 28px; font-style: Normal; text-transform: none; text-decoration: none; }
.BOTON  			   { font-family: CANTARELL-BOLD, sans-serif; 	 font-weight: 400; color: #86754d; 	font-size: 18px; line-height: 28px; font-style: Normal; text-transform: none; text-decoration: none; }
.boton-texto-pag-extra { font-family: Open Sans, sans-serif;		 font-weight: 400; color: #86754d; 	font-size: 14px; line-height: 22px; font-style: Normal; text-transform: none; text-decoration: none; }
.Normal-Copy 		   { font-family: Open Sans, sans-serif;		 font-weight: 400; color: #fff; 	font-size: 20px; line-height: 22px; font-style: Normal; text-transform: none; text-decoration: none; }
.preguntas-frecuentes  { font-family: Cantarell, sans-serif; 		 font-weight: 400; color: #8e9090;  font-size: 18px; line-height: 28px; font-style: Normal; text-transform: none; text-decoration: none; }
.el-escape-Copy 	   { font-family: CENTUMA-REGULAR, sans-serif; 	 font-weight: 400; color: #86754d;  font-size: 30px; line-height: 30px; font-style: Normal; text-transform: none; text-decoration: none; }
.BOTON-pequeno 		   { font-family: CANTARELL-BOLD, sans-serif;	 font-weight: 400; color: #86754d;  font-size: 14px; line-height: 28px; font-style: Normal; text-transform: none; text-decoration: none; }

a.SubTitle { color: #86754d; font-size: 18px; line-height: 20px;  }

/* BACKGROUND COLORS */

.bg-black { background-color: #111111 !important; }
.bg-white { background-color: #FFFFFF !important; }
.bg-offwhite { background-color: #F5F5F5 !important; }
.bg-clouds { background-color: #ECF0F1 !important; }
.bg-silver { background-color: #BDC3C7 !important; }
.bg-concrete { background-color: #95A5A6 !important; }
.bg-asbestos { background-color: #7F8C8d !important; }
.bg-tan { background-color: #D1DBBD !important; }
.bg-pewter { background-color: #91AA9D !important; }
.bg-moonlight { background-color: #3E606F !important; }
.bg-deepocean { background-color: #193441 !important; }
.bg-turquoise { background-color: #1ABC9C !important; }
.bg-aqua { background-color: #16A085 !important; }
.bg-sunflower { background-color: #F1C40F !important; }
.bg-orange { background-color: #F39C12 !important; }
.bg-sienna { background-color: #BF4E19 !important; }
.bg-milanored { background-color: #AC1C00 !important; }
.bg-river { background-color: #3498DB !important; }
.bg-marina { background-color: #2980B9 !important; }
.bg-deco { background-color: #C9D787 !important; }
.bg-crete { background-color: #7D8A2E !important; }
.bg-guardsman { background-color: #D90000 !important; }
.bg-pomegranate { background-color: #C0392B !important; }
.bg-finn { background-color: #723147 !important; }
.bg-tamarind { background-color: #31152B !important; }
/* COLORS */

.black { color: #111111; }
.white { color: #FFFFFF; }
.offwhite { color: #F5F5F5; }
.clouds { color: #ECF0F1; }
.silver { color: #BDC3C7; }
.concrete { color: #95A5A6; }
.asbestos { color: #7F8C8d; }
.tan { color: #D1DBBD; }
.pewter { color: #91AA9D; }
.moonlight { color: #3E606F; }
.deepocean { color: #193441; }
.turquoise { color: #1ABC9C; }
.aqua { color: #16A085; }
.sunflower { color: #F1C40F; }
.orange { color: #F39C12; }
.sienna { color: #BF4E19; }
.milanored { color: #AC1C00; }
.river { color: #3498DB; }
.marina { color: #2980B9; }
.deco { color: #C9D787; }
.crete { color: #7D8A2E; }
.guardsman { color: #D90000; }
.pomegranate { color: #C0392B; }
.finn { color: #723147; }
.tamarind { color: #31152B; }
/* PADDING, MARGIN & ALIGNMENT */
.pad5 { padding-top: 5px; }
.pad10 { padding-top: 10px; }
.pad15 { padding-top: 15px; }
.pad25 { padding-top: 25px; }
.pad30 { padding-top: 30px; }
.pad45 { padding-top: 45px; }
.pad60 { padding-top: 60px; }
.pad90 { padding-top: 90px; }
.min-height-100px { min-height: 100px; }
.min-height-200px { min-height: 200px; }
.min-height-300px { min-height: 300px; }
.min-height-400px { min-height: 400px; }
.min-height-500px { min-height: 500px; }
.min-height-600px { min-height: 600px; }
.min-height-700px { min-height: 700px; }
.min-height-800px { min-height: 800px; }
.marg-bottom5 { margin-bottom: 5px; }
.marg-left5{ margin-left:5px; }
.marg-right5 { margin-right: 5px; }
.but_marg { margin-left:3px; }
.v-center { display: inline-block; vertical-align: middle; float: none; }
/** TYPOGRAPHY **/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Lato', Helvetica, Arial, sans-serif; line-height: 1.1; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { color: #e5e5e5; }
h1, h2, h3 { margin-bottom: 20px; font-weight: 300; }
h4, h5, h6 { margin-bottom: 15px; font-weight: 400; }
h1, .h1 { font-size: 44px; }
h2, .h2 { font-size: 37px; }
h3, .h3 { font-size: 27px; }
h4, .h4 { font-size: 23px; }
h5, .h5 { font-size: 18px; }
h6, .h6 { font-size: 16px; }

.lead { margin-bottom: 30px; font-size: 20px; line-height: 1.4; font-weight: 300; }
small, .small { font-size: 80%; line-height: 2; }
em { color: #ff6600; }
/* LINKS */

a { color: #86754d; }
a:hover { color: #86754d; text-decoration: none; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
/* LISTS */

ol { position: relative; padding:22px; }
ul { list-style: none; position: relative;  }
ul li, ol li {  margin-bottom: 5px; }
ul.circle li:before { font-family: 'fontawesome'; content: '\f10c'; font-size: 12px; color: #16a085; padding-top: 2px; margin-left:20px; position: absolute; }
/* TITLES */

.underlined-title { text-align: center; padding-bottom: 30px; }
.underlined-title h1 { margin: 0; }
.underlined-title h2 { text-transform: uppercase;  }
.underlined-title hr { width: 10%; border-width: 2px; border-color: #16a085; }
/* IMAGES */
img { }
/*===================================================================================*/
/*	BUTTONS
/*===================================================================================*/

.btn { color: #FFF; padding: 10px 20px; margin: 15px 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0.1em; text-shadow: none; border: none; text-transform: uppercase; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.btn-sm { padding: 7px 13px; font-size: 12px; }
.btn-lg { padding: 16px 26px; font-size: 16px; }
.btn-xl { padding: 18px 30px; font-size: 24px; -webkit-border-radius: 6px; border-radius: 6px; }
h1 .btn, h2 .btn, h3 .btn, h4 .btn, p .btn { margin-left:15px; }
/* Button DISABLED */
.disabled a { cursor: not-allowed; }
/* Button DEFAULT */
.btn.btn-default { background: #ecf0f1; box-shadow: 0 2px #bdc3c7; color: #999; }
.btn.btn-default:hover { background: #bdc3c7; }
/* Button PRIMARY */
.btn.btn-primary { background: #1abc9c; box-shadow: 0 2px #16a085; }
.btn.btn-primary:hover { background: #16a085; }
/* Button WARNING */
.btn.btn-warning { background: #f1c40f; box-shadow: 0 2px #f39c12; }
.btn.btn-warning:hover { background: #f39c12; }
/* Button DANGER */
.btn.btn-danger { background: #e74c3c; box-shadow: 0 2px #c0392b; }
.btn.btn-danger:hover { background: #c0392b; }
/* Button SUCCESS */
.btn.btn-success { background: #2ecc71; box-shadow: 0 2px #27ae60; }
.btn.btn-success:hover { background: #27ae60; }
/* Button DARK */
.btn.btn-dark { background: #34495e; box-shadow: 0 2px #2c3e50; color: #ffffff; }
.btn.btn-dark:hover { background: #2c3e50; }
/* Button INFO */
.btn.btn-info { background: #3498db; box-shadow: 0 2px #2980b9; }
.btn.btn-info:hover { background: #2980b9; }
/* Outline Buttons */
.btn-outline { color: #FFF; padding: 12px 20px; margin: 15px 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; font-size: 14px; text-align: center; letter-spacing: 0.1em; text-shadow: none; border: none; text-transform: uppercase; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; }
.btn-outline:hover { text-decoration: none; color: #ffffff; }
.btn-outline-sm { padding: 5px 13px; font-size: 13px; }
.btn-outline-lg { padding: 14px 26px; font-size: 15px; }
.btn-outline-xl { padding: 18px 30px; font-size: 24px; }
.btn-outline.outline-light, .icon.outline-light { color: #ffffff; background: none; border: 2px solid #ffffff; }
.btn-outline.outline-light:hover, .icon.outline-light:hover { color: #2c3e50; background: #ffffff; }
.btn-outline.outline-dark, .icon.outline-dark { color: #2c3e50; background: none; border: 2px solid #2c3e50; }
.btn-outline.outline-dark:hover, .icon.outline-dark:hover { color: #ffffff; background: #2c3e50; }
button:hover { text-decoration: none; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }


/*	ACCORDION / TOGGLE */

.panel-group { margin-bottom: 0; }
.panel-group + .panel-group { margin-top: 20px; }
.panel-group .panel { background: #fff; border: 1px solid #E6E9ED; border-bottom-width: 2px; border-radius: 3px; box-shadow: none; }
.panel-group .panel + .panel { margin-top: 10px; }
.panel-group .panel-heading + .panel-collapse .panel-body { border-top-color: #E6E9ED; }
.panel-body { padding: 25px; }
.panel-heading { background-color: inherit !important; color: inherit !important; padding: 0; border-color: inherit !important; }
.panel-title { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 700; text-transform: uppercase; }
.panel-title > a { display: block; padding: 15px 25px 15px; text-decoration: none; color: #fff; }
.panel-title > a.collapsed { background: #f5f5f5; }
.panel-title > a.collapsed, .panel-title > a.collapsed span { color: #16A085; }
.panel-title > a, .panel-title > a:hover { background: #16A085; color: #fff; }
.panel-title > a span { display: block; position: relative; top: 0; color: #fff; padding-right: 25px; }
.text-right .panel-title > a span { paddin25px; padding-right: 0; }
.text-center .panel-title > a span { paddin0; padding-right: 0; }
.panel-title > a:hover span { color: inherit; }
.text-center .panel-title > a:hover span { top: .5em; color: transparent; }
.panel-title > a span:after { font-family: "fontawesome"; content: "\f077"; position: absolute; top: 0; right: 0; }
.text-right .panel-title > a span:after 0; right: auto; }
.text-center .panel-title > a span:after { top: -.75em0; opacity: 0; }
.panel-title > a.collapsed span:after { content: "\f078"; }
/* TABS */

.nav-tabs { margin: 0 auto; }
.nav-tabs > li { z-index: 2; float: none; display: inline-block; }
.nav-tabs > li > a { padding: 16px 25px 12px; font-size: 14px; font-weight: 700; font-style: normal; text-transform: uppercase; color: #737c85; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none !important; border-bottom: 4px solid transparent !important; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: transparent; border-bottom: 4px solid #85d6de !important; }
.nav > li > a:hover, .nav > li > a:focus { outline: 0; }
.tab-content { padding:0; padding-right: 0; border: none; }
.tab-pane { padding: 50px 0; border-bottom: 1px solid #ecf0f1; }
/* PAGINATION */

.pagination li a { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 14px; color: #16A085; background: none; margin: 0 3px; border: 1px solid #16A085; padding: 5px 12px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #16A085; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #1ABC9C; border-color: #16A085; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999; }
.pagination li:first-child a, .pagination li:last-child a { border-radius: 0 !important; }
.pagination-lg li a { padding: 8px 16px; font-size: 16px; }
.pagination-sm li a { padding: 4px 10px; font-size: 12px; }
/* PAGER */
.pager li > a, .pager li > span { border: 1px solid #16A085; border-radius: 0; color: #16A085; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 14px; min-width: 160px; }
.pager li > a:hover, .pager li > a:focus { border: 1px solid #ddd; }
.pager .next > a, .pager .next > span { float: right; }
.pager .previous > a, .pager .previous > span { float}
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999; border: 1px solid #ddd; }
/* CONTENT BLOCK HOLDERS */

.content-block { width: 100%; padding: 60px 0 35px 0; z-index: 100; position: relative; background-color: #ffffff; }
.content-block-nopad { width: 100%; z-index: 100; position: relative; background-color: #ffffff; }


/*	HEADER 2
/*----------------------------------------------------*/
#header-1 { width: 100%; min-height: 53px; position: relative; z-index: 999; }

#header-2 { width: 100%; min-height: 96px; position: relative; z-index: 999; }
#header-2 .navbar-toggle { margin-right: 0; margin-top: 0; background: none; position: absolute; right: 20px; top: 30px; border: none; }
#header-2 .navbar-toggle:focus { outline: none; }
#header-2 .navbar-toggle .icon-bar { background-color: #999; height: 3px; }
#header-2 .navbar-toggle:hover .icon-bar { background-color: #86754d ; }
#header-2 .navbar-fixed-top .navbar-collapse { max-height: inherit; border-top: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#header-2 .main-nav .nav .nav-item.active a { color: #86754d ; }
#header-2 .main-nav .nav .nav-item a:hover { color: #86754d ; }
#header-2 .main-nav .nav .nav-item a:focus { outline: none; }
#header-2 .main-nav .nav .dropdown-menu { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin: 0; border: none; text-transform: none; min-width: 180px;  background: #3E606F; }

/* Override bootstrap default */
#header-2 .main-nav .nav .open > a, #header-2 .main-nav .nav .open > a:hover, #header-2 .main-nav .nav .open > a:focus { background: none; }

/*	Header 2 MEDIA QUERIES
/*----------------------------------------------------*/

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
#header-2 .main-nav .nav .dropdown-menu { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin: 0; border: none; text-transform: none; min-width: 180px; background: #3E606F; }
#header-2 .main-nav .nav .dropdown-menu:before { content: ""; display: block; width: 0; height: 0; border-left:10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #3E606F; position: absolute; right: 35px; top: -10px; }
#header-2 .main-nav .nav .dropdown-menu a { padding: 8px 20px; color: #fff; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; }
#header-2 .main-nav .nav .dropdown-menu a:hover { background: #193441; color: #fff; }
}


/*	PROMO BLOCK 3
/*----------------------------------------------------*/

.promo-3 { background: url("../images/star-sky.jpg") center top no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding: 140px 0; }
.promo-3 h1 { font-size: 60px; color: #ffffff; }
.promo-3 h2 { font-weight: 600; color: #ffffff; }
.promo-3 a { margin-top: 40px; }


.content-1-3 { text-align: center; }
.content-1-3 p { padding: 0 20px; }
.content-1-3 .services-wrapper { margin: 20px 0 0; }
.content-1-3 .services-wrapper .icon { height: 175px; width: 175px; max-width: 100%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: block; text-align: center; vertical-align: middle; position: relative; margin: 0 auto 50px; }
.content-1-3 .services-wrapper .icon span { line-height: 175px; color: #fff; font-size: 55px; }

/*	CONTENT BLOCK 1-5
/*----------------------------------------------------*/


.content-1-5 img { margin: 30px auto 0 auto; }

/*	CONTENT BLOCK 1-5 MEDIA QUERIES
/*----------------------------------------------------*/

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.content-1-5 img { margin: 0; }
}

.content-2-9 { background: #ccc; min-height: 260px; position: relative; }
.content-2-9 .project { height: 260px; overflow: hidden; position: relative; padding: 0; }
.content-2-9 .project img { width: 100%; position: absolute50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); }
.content-2-9 .project .background-image-holder { position: absolute; top: 0px0px; width: 100%; height: 100%; background-size: cover !important; z-index: 0; background-position: 50% 50% !important; }
.content-2-9 .project .hover-state { position: absolute; width: 100%; height: 100%; top: 0px; background-color: rgba(44, 62, 80, 0.6); text-align: center; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; opacity: 0; padding: 0 25px; }
.content-2-9 .project:hover .hover-state { opacity: 1; }
.content-2-9 .project .hover-state h3 { color: #fff; margin-top: 40px; margin-bottom: 8px; }
.content-2-9 .project .hover-state p { color: #fff; }
.content-2-9 .project .hover-state .align-vertical { -webkit-transform: translate3d(0, 20px, 0); -moz-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; opacity: 0; }
.content-2-9 .project:hover .align-vertical { -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1; }

/*	CONTENT BLOCK 2-9 MEDIA QUERIES
/*----------------------------------------------------*/

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.content-2-9 { min-height: 520px; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.content-2-9 { min-height: 260px; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

/*	CONTENT BLOCK 3-7
/*----------------------------------------------------*/

.content-3-7 .underlined-title { padding-bottom: 0; }

/*	CONTENT BLOCK 3-10
/*----------------------------------------------------*/

.content-3-10 { padding: 0px; position: relative; }
.content-3-10 .image-container { position: absolute; height: 300px; padding: 0px; top: 0px; }
.content-3-10 .image-container .background-image-holder { background: url('../images/low-poly-1.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 100%; }
.content-3-10 .content { margin-top: 300px; padding: 40px; }
.content-3-10 h3 { margin-bottom: 32px; }
.content-3-10 p { margin-bottom: 20px; }

/*	CONTENT BLOCK 3-10 MEDIA QUERIES
/*----------------------------------------------------*/

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.content-3-10 .image-container { height: 100%; }
.content-3-10 .content { margin-top: 0px; padding: 80px 15px 80px 80px; }
}

/*	CONTENT BLOCK 3-11
/*----------------------------------------------------*/

.content-3-11 { padding: 0px; position: relative; }
.content-3-11 .image-container { padding: 0px; top: 0px; right: 0px; }
.content-3-11 .image-container .background-image-holder { background: url('../images/low-poly-2.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 100%; }
.content-3-11 .content { margin-top: 300px; padding: 40px; }
.content-3-11 h3 { margin-bottom: 32px; }
.content-3-11 p { margin-bottom: 20px; }

/*	CONTENT BLOCK 3-11 MEDIA QUERIES
/*----------------------------------------------------*/

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.content-3-11 .image-container { height: auto; }
.content-3-11 .content { margin-top: 0px; padding: 80px 63px 55px 15px; }
}

.brand-img { margin: 0 auto; width: 250px; }

/*	FOOTER 1-2
/*----------------------------------------------------*/

.footer-1-2 { padding-top: 40px; padding-bottom: 30px; }
.footer-1-2 .brand-img { margin: 0 auto;}
.big-social { margin-top: 20px; }
.big-social .social-item { text-align: center; }
.big-social .social-item a { display: block; border-radius: 4px; padding: 18px; color: #ffffff; font-size: 22px; text-decoration: none; }
.big-social .social-item a h4 { color: #ffffff; visibility: hidden; margin-bottom: 0; }
.big-social .social-item a:hover h4, .big-social .social-item a:focus h4 { visibility: visible; }
.big-social .social-item.facebook a:hover, .big-social .social-item.facebook a:focus { background-color: #016bb6; }
.big-social .social-item.twitter a:hover, .big-social .social-item.twitter a:focus { background-color: #08c1e2; }
.big-social .social-item.google a:hover, .big-social .social-item.google a:focus { background-color: #d94b34; }

/* Navbar Marea Vista */
.navbar-mareavista {    background-color: #fff;    border: none;    border-radius: 0; height: 58px; }

.menu1 a { color: #666; font-size: 12px; vertical-align: middle; font-weight: 600; text-align: center;}
.menu2 a { color: #666; font-size: 12px; vertical-align: middle; font-weight: 600; text-align: center;}

.intro0 { background-color:#f8f5f0;}
.uplift { position: relative; top: -100px;}

#slider1_container img { cursor: e-resize;  }

.intro1 { }
.bgMV { background-color: #86754d; }
.bgMV2 { background-color: #f8f5f0; }
.bgFooter { background-color: #786945; }
.txtMV { color: #86754d; }
.txtMV2 { color: #b2ae8c; }

.intro1 h1.txtWhite { font-weight: 400; text-transform: uppercase; color: #fff; font-size: 30px; text-align: center; font-family: "Montserrat", sans-serif; line-height: 42px;}
.intro1 h1.txtMV { font-family: "Montserrat", "Open sans", sans-serif; font-weight: 400; font-size: 30px; line-height: 30px;  font-style: Normal;   text-transform: none;  text-decoration: none;   text-align: center; }

.intro2 {padding: 28px; background-color: #fff; position: relative; top: -60px;}
.intro3 {position: relative; top: -169px; margin-bottom: -120px;}
.intro3 div.bgMV {padding: 20px 45px; }

.ico-hotel1 { background-color: #292929; display: block; width: 66px; height: 66px; position: absolute; right: -66px; padding: 14px 9px; }

.navtop ul { margin-top: 5px !important; }
.navtop a { line-height: 100% !important; transition: all 0.05s; z-index: 99 !important; width: 100%; height: 100%;}
.navtop a.btn-outline-sm { margin: 0px !important;}

.navtop .nav-item:hover a { color: #1a9ef2 ; background-color: transparent;}

.navtopbarra { z-index: 1 !important; }
.nav-item:hover .navtopbarra::before { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .3s,opacity .1s; transition: transform .3s,opacity .1s; -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1); transition-timing-function: cubic-bezier(.4,0,.2,1);}
.navtopbarra::before { content: '';  position: absolute; bottom: 00; width: 100%; height: 2px; opacity: 0; background: #1a9ef2; -webkit-transform: translateY(-3em); transform: translateY(-3em); -webkit-transition: -webkit-transform 0s .3s,opacity .2s; transition: transform 0s .3s,opacity .2s; }

.active a { color: #1a9ef2;}
.active .navtopbarra::before { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .3s,opacity .1s; transition: transform .3s,opacity .1s; -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1); transition-timing-function: cubic-bezier(.4,0,.2,1);}

.navbot .active  a { color: #86754d !important;}
.active .navbotbarra::before { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .3s,opacity .1s; transition: transform .3s,opacity .1s; -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1); transition-timing-function: cubic-bezier(.4,0,.2,1);}

.slider_principal { display: block; width: 100%; height: 100% }

.s01 { background-repeat: no-repeat; background-position:  center center; background-size: cover; }
.s02 { background: url(../images/s02.jpg) no-repeat center center; background-size: cover;}
.s03 { background: url(../images/s03.jpg) no-repeat center center; background-size: cover;}
.s04 { background: url(../images/s04.jpg) no-repeat center center; background-size: cover;}
.s05 { background: url(../images/s05.jpg) no-repeat center center; background-size: cover;}
.s06 { background: url(../images/s06.jpg) no-repeat center center; background-size: cover;}
.s07 { background: url(../images/s07.jpg) no-repeat center center; background-size: cover;}

.navtop .nav-item { width: 122px; height: 53px;}
.menu1 .nav-item { width: 155px; height: 91px; padding-top: 24px;}

.navbot a { line-height: 100% !important; transition: all 0.05s; z-index: 99 !important; width: 100%; height: 100%;}

.navbot .nav-item:hover a { color: #86754d !important; background-color: transparent!important;}

.navbotbarra { z-index: 1 !important; }
.nav-item:hover .navbotbarra::before { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .3s,opacity .1s; transition: transform .3s,opacity .1s; -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1); transition-timing-function: cubic-bezier(.4,0,.2,1);}
.navbotbarra::before { content: '';  position: absolute; bottom: 00; width: 100%; height: 2px; opacity: 0; background: #86754d; -webkit-transform: translateY(-3em); transform: translateY(-3em); -webkit-transition: -webkit-transform 0s .3s,opacity .2s; transition: transform 0s .3s,opacity .2s; }

.brand { max-width: 128px;}
.a256 { padding-top: 5px;}

.m48329 { padding: 7px 0;}
.btn-outline-sm { transition: all 0.5s !important;  -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1); transition-timing-function: cubic-bezier(.4,0,.2,1); padding-top: 10px !important; font-weight: bold !important; color: rgb(134, 117, 77) !important; font-size: 16px !important; line-height: 28px; text-align: center; border: 1px solid #86754d; border-radius: 0 !important; }
.btn-outline-sm:hover { background-color: #86754d !important; color: #fff !important; }

.subTitle1 { font-family: Cantarell; font-weight: 400; font-size: 24px; line-height: 28px; font-style: Normal; text-transform: none; text-decoration: none; }
.title1 { font-family: CENTUMA-REGULAR; font-weight: 400; color: #86754d; font-size: 36px; line-height: 30px; font-style: Normal; text-transform: none; text-decoration: none; }

.cuadro1 { width: 300px; height: 300px; border: 10px solid #f8f5f0; background-repeat: no-repeat;background-color: transparent; 
    background-size: cover; -moz-box-shadow: 0 0 0 0 rgba(0,0,0,1); -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,1); box-shadow: 0 0 0 0 rgba(0,0,0,1);
    background-position: center center; overflow: hidden; }
.cuadro2 { width: 320px; height: 320px; border: 10px solid #fff; background-repeat: no-repeat;background-color: transparent; 
    background-size: cover; -moz-box-shadow: 0 0 0 0 rgba(0,0,0,1); -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,1); box-shadow: 0 0 0 0 rgba(0,0,0,1);
    background-position: right center; overflow: hidden; }
.cuadro3 { width: 620px; height: 500px; border: 15px solid #f8f5f0; background-repeat: no-repeat;background-color: transparent; 
    background-size: cover; -moz-box-shadow: 0 0 0 0 rgba(0,0,0,1); -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,1); box-shadow: 0 0 0 0 rgba(0,0,0,1);
    background-position: right center; overflow: hidden; }
.cuadro4 { width: 170px; height: 170px; border: 10px solid #f8f5f0; background-repeat: no-repeat;background-color: transparent; 
    background-size: cover; -moz-box-shadow: 0 0 0 0 rgba(0,0,0,1); -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,1); box-shadow: 0 0 0 0 rgba(0,0,0,1);
    background-position: center center; overflow: hidden; }


.c2fix { background-position: left center; }

.hab1 { background-image: url( ../images/hab1.jpg);}
.hab2 { background-image: url( ../images/hab2.jpg);}
.hab3 { background-image: url( ../images/hab3.jpg);}

.rest1 { background-image: url( ../images/rest01.jpg);}
.rest2 { background-image: url( ../images/rest02.jpg);}
.rest3 { background-image: url( ../images/rest03.jpg);}

.bar3 { background-image: url( ../images/bar1.jpg);}
.bar2 { background-image: url( ../images/bar2.jpg);}

.temContain { background-size: cover; background-repeat: no-repeat; background-position: center center; }
.tem1 { background-image: url( ../images/temaky01.jpg);}
.tem2 { background-image: url( ../images/temaky02.jpg);}
.tem3 { background-image: url( ../images/temaky03.jpg);}
.tem4 { background-image: url( ../images/temaky04.jpg);}
.tem5 { background-image: url( ../images/temaky05.jpg);}
.tem6 { background-image: url( ../images/temaky06.jpg);}


.habTitle { font-family: CENTUMA-REGULAR; font-weight: 400; color: #86754d; font-size: 30px; line-height: 30px; font-style: Normal; text-transform: none; text-decoration: none; text-align: center; }

.li_bullets { list-style: disc !important; }

a.txtMV{ transition: all .08s !important; text-decoration: none;}
a.txtMV:hover { color: #86754d !important; vertical-align: middle; text-decoration: underline;}

.bgMV3 { border-top: 1px solid #e6e6e6; background-repeat: no-repeat; background-color: transparent; background-image: url( ../images/bgMV.png); background-size: cover; background-position: center center; overflow: hidden; border-bottom-width: 0 !important; }
.bgMV4 { background-repeat: no-repeat; background-color: transparent; background-image: url( ../images/bgMVsecs.jpg); background-size: cover; background-position: center center; overflow: hidden; border-bottom-width: 0 !important; }
.bgBar { background-repeat: no-repeat; background-color: transparent; background-image: url( ../images/bgbar.jpg); background-size: cover; background-position: center center; overflow: hidden; border-bottom-width: 0 !important; }

.weight600 { font-weight: 600 !important;}


.zoom { overflow: hidden; width: 100%; display: block; height: 614px; }
.zoomin { -webkit-transition: opacity .6s,-webkit-transform .6s; transition: opacity .6s,transform .6s; -webkit-transform: scale(1.12);transform: scale(1.12); width:100%; display: block; }
.zhfix { width: auto!important; height: 100%!important; top: 0; }

.zoom:hover .zoomin { -webkit-transform: scale(1); transform: scale(1);}
.zoom:hover .zoomin.contacto2 { -webkit-transform: scale(1.12); transform: scale(1.12); }


.ev1 { background-image: url( ../images/ev1.jpg);}
.ev2 { background-image: url( ../images/ev2.jpg);}
.ev3 { background-image: url( ../images/ev3.jpg);}

.pak1 { background-image: url( ../images/spa_paq1.jpg);}
.pak2 { background-image: url( ../images/spa_paq2.jpg);}

.eve01 { background-image: url( ../images/eve01.jpg);}
.eve02 { background-image: url( ../images/eve02.jpg);}

.ico-dir 		{ content: ''; background: url(../images/ico-dir.png) no-repeat;background-size: contain; position: absolute;left:5px; display: block; width: 20px; height: 25px; top: 55px; }
.ico-telefono	{background: url(../images/ico-telefono.png) no-repeat;			background-size: contain; position: absolute;left:5px; display: block; width: 20px; height: 25px; top: 115px; }
.ico-correo 	{background: url(../images/ico-correo.png) no-repeat;			background-size: contain; position: absolute;left:5px; display: block; width: 20px; height: 25px; top: 162px; }

.social2 {position: relative; left:5px;}
.social2 img { width: 20px; }
.copyright-bar a { color: #fff !important; transition: all .8s; }
.copyright-bar a:hover { color: #b2ae8c !important;  }

.spa1 { background: url(../images/spa_principal.jpg) no-repeat center center; background-size: cover; min-height: 414px; }
.eve1 { background: url(../images/eventos_principal.jpg) no-repeat center center; background-size: cover; min-height: 414px; }
.acts1 { background: url(../images/actividades_principal.jpg) no-repeat bottom center; background-size: cover; min-height: 414px; }
.contacto1 { background: url(../images/contacto_principal.jpg) no-repeat center center; background-size: cover; min-height: 414px; }
.habitaciones1 { background: url(../images/habitaciones_principal.jpg) no-repeat center center; background-size: cover; min-height: 414px; }
.restaurant1 { background: url(../images/restaurant_principal.jpg) no-repeat center center; background-size: cover; min-height: 414px; }
.bar1 { background: url(../images/bar_principal.jpg) no-repeat center center; background-size: cover; min-height: 414px; }
.temaky1 { background: url(../images/temaky_principal.jpg) no-repeat center center; background-size: cover; min-height: 414px; }

.breloj::before { content: ''; background: url(../images/ico-reloj.png) no-repeat center center; display: block; width: 25px; height: 25px; position: absolute; left: 0px; background-size: contain; }
.breloj2::before { content: ''; background: url(../images/ico-reloj.png) no-repeat center center; display: block; width: 25px; height: 25px; position: absolute; left: -5px; background-size: contain; }

.fontCantarell { font-family: Cantarell, sans-serif;  }

.panelTxt { position: absolute; left: 80px; top: 235px; z-index: 99; width: 430px; }

.bgcontacto1 { background: url(../images/contacto1.jpg) no-repeat -125px center; background-size: cover; display: block; height: 885px; }

#contactform .form-control { border: none; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.467; padding: 8px 12px; height: 50px; 
-webkit-appearance: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
 transition: border .25s linear, color .25s linear, background-color .25s linear; }

.habs2 { display: block; width: 100%; height: 100%;  }

a.aleft1:focus { color: #86754d; outline: none;  }

#arrowsl{ display: block; position: absolute; cursor: pointer; overflow: hidden; top: 45%;  left: 20px; background: url(../images/arrow_left.png) center center no-repeat; }
#arrowsr { display: block; position: absolute; cursor: pointer; overflow: hidden; top: 45%; right: 20px; background: url(../images/arrow_right.png) center center no-repeat; }

.botSliderContainer a {  width: 300px; height: 300px; overflow: hidden; display: inline-block; margin-right: -3px;}
.botSliderContainer img { height: 100%;}

.swiper-container { top: -5px; width: 100%; height: 638px; }
.swiper-slide {
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

.MVmap { width: 100%; height: 600px; }

.nav>li>a:focus, .nav>li>a:hover { background-color: none; }
/* .navbar-collapse.collapse { display: none; } */

/* Demyus.com Custom CSS for Bootstrap style shortcuts 
-------------------------------------------------------*/
.lh70 { line-height: 70px; }
.lh50 { line-height: 50px; }
.lh45 { line-height: 45px; }
.lh35 { line-height: 35px; }
.lh30 { line-height: 30px; }
.lh22 { line-height: 22px; }

.fw300 { font-weight: 300 !important; }

.txt125 { font-size: 125px !important; }
.txt75 { font-size: 75px !important; }
.txt60 { font-size: 60px !important; }
.txt55 { font-size: 55px !important; }
.txt50 { font-size: 50px !important; }
.txt45 { font-size: 45px !important; }
.txt40 { font-size: 40px !important; }
.txt38 { font-size: 38px !important; }
.txt36 { font-size: 36px !important; }
.txt34 { font-size: 34px !important; }
.txt32 { font-size: 32px !important; }
.txt30 { font-size: 30px !important; }
.txt28 { font-size: 28px !important; }
.txt26 { font-size: 26px !important; }
.txt25 { font-size: 25px !important; }
.txt24 { font-size: 24px !important; }
.txt22 { font-size: 22px !important; }
.txt20 { font-size: 20px !important; }
.txt18 { font-size: 18px !important; }
.txt16 { font-size: 16px !important; }
.txt14 { font-size: 14px !important; }
.txt12 { font-size: 12px !important; }
.txt10 { font-size: 10px !important; }
.txt9 { font-size: 9px !important; }

.boldu { font-weight: bold !important; }

.txtBlack { color: #000 !important; }
.txtWhite { color: #FFF !important; }
.txtGrey  { color: #8e9090 !important; }
.txtGrey2 { color: #666 !important; }
.txtRed   { color: #f05d4d !important; }
.txtGreen { color: #00FF4C !important; }
.txtIx    { color: #cb273b !important; }
.txtBlue  { color: #b6b6b6 !important; }
.txtCafe  { color: #544019 !important; }

.bgBlue { background-color: #428bca; }
.bgWhite { background-color: #FFF !important; }

.no-pad { padding: 0 !important; }
.no-mar { margin: 0 !important; }
.no-border { border: 0 !important; }
.mar-15 { margin:15px !important; margin-right: 15px !important; }
.mar-10 { margin:10px !important; margin-right: 10px !important; }
.mar-5 { margin:5px !important; margin-right: 5px !important; }

.pad-100 { padding-left:100px !important; padding-right: 100px !important; }
.pad-65  { padding-left:65px  !important; padding-right:  65px !important; }
.pad-60  { padding-left:60px  !important; padding-right:  60px !important; }
.pad-55  { padding-left:55px  !important; padding-right:  55px !important; }
.pad-50  { padding-left:50px  !important; padding-right:  50px !important; }
.pad-45  { padding-left:45px  !important; padding-right:  45px !important; }
.pad-40  { padding-left:40px  !important; padding-right:  40px !important; }
.pad-35  { padding-left:35px  !important; padding-right:  35px !important; }
.pad-30  { padding-left:30px  !important; padding-right:  30px !important; }
.pad-25  { padding-left:25px  !important; padding-right:  25px !important; }
.pad-20  { padding-left:20px  !important; padding-right:  20px !important; }
.pad-15  { padding-left:15px  !important; padding-right:  15px !important; }
.pad-10  { padding-left:10px  !important; padding-right:  10px !important; }
.pad-5   { padding-left:5px   !important; padding-right:   5px !important; }

.pad-top-0  { padding-top: 0 !important; }
.pad-top-5 { padding-top: 5px !important; }
.pad-top-10 { padding-top: 10px !important; }
.pad-top-15 { padding-top: 15px !important; }
.pad-top-30 { padding-top: 30px !important; }

.mar-top-0  { margin-top: 0 !important; }
.mar-top-5  { margin-top: 5px !important; }
.mar-top-10 { margin-top: 10px !important; }
.mar-top-15 { margin-top: 15px !important; }
.mar-top-30 { margin-top: 30px !important; }
.mar-top-45 { margin-top: 45px !important; }

.pad-bot-0 { padding-bottom: 0 !important; }
.pad-bot-5 { padding-bottom: 5px !important; }
.pad-bot-10 { padding-bottom: 10px !important; }
.pad-bot-15 { padding-bottom: 15px !important; }
.pad-bot-30 { padding-bottom: 30px !important; }
.pad-bot-45 { padding-bottom: 45px !important; }

.mar-bot-0 { margin-bottom: 0 !important; }
.mar-bot-5 { margin-bottom: 5px !important; }
.mar-bot-10 { margin-bottom: 10px !important; }
.mar-bot-15 { margin-bottom: 15px !important; }
.mar-bot-30 { margin-bottom: 30px !important; }
.mar-bot-45 { margin-bottom: 45px !important; }

.pad-left-0  { padding-left:0 !important; }
.pad-left-5  { padding-left:5px !important; }
.pad-left-10 { padding-left:10px !important; }
.pad-left-15 { padding-left:15px !important; }
.pad-left-20 { padding-left:20px !important; }
.pad-left-25 { padding-left:25px !important; }
.pad-left-30 { padding-left:30px !important; }

.pad-right-0  { padding-right:  0   !important; }
.pad-right-5  { padding-right : 5px !important; }
.pad-right-10 { padding-right: 10px !important; }
.pad-right-15 { padding-right: 15px !important; }
.pad-right-20 { padding-right: 20px !important; }
.pad-right-25 { padding-right: 25px !important; }
.pad-right-30 { padding-right: 30px !important; }
.pad-right-35 { padding-right: 35px !important; }
.pad-right-40 { padding-right: 40px !important; }
.pad-right-45 { padding-right: 45px !important; }
.pad-right-50 { padding-right: 50px !important; }
.pad-right-55 { padding-right: 55px !important; }
.pad-right-60 { padding-right: 60px !important; }

.mar-left-0  { margin-left:  0  !important; }
.mar-left-5  { margin-left: 5px !important; }
.mar-left-10 { margin-left:10px !important; }
.mar-left-15 { margin-left:15px !important; }
.mar-left-20 { margin-left:20px !important; }
.mar-left-25 { margin-left:25px !important; }
.mar-left-30 { margin-left:30px !important; }
.mar-left-35 { margin-left:35px !important; }

.mar-right-0 { margin-right: 0 !important; }
.mar-right-5 { margin-right: 5px !important; }
.mar-right-10 { margin-right: 10px !important; }
.mar-right-15 { margin-right: 15px !important; }

.hat-30 { margin-top: 30px; }
.hat-60 { margin-top: 60px; }
.hat-90 { margin-top: 90px; }
.hat-120 { margin-top: 120px; }

.pillow-xs { padding-top: 50px; }
.pillow-sm { padding-top: 75px; }
.pillow-md { padding-top: 150px; }
.pillow-lg { padding-top: 250px; }

.cushion-xs { padding-bottom: 50px; }
.cushion-sm { padding-bottom: 75px; }
.cushion-md { padding-bottom: 150px; }
.cushion-lg { padding-bottom: 250px; }

.bgWhitetransparent { background-color: rgba(255,255,255,0.75) }
.bgBlacktransparent { background-color: rgba(0,0,0,0.75); padding-top: 30px; }
.visible-1024 { display: none !important; }
.hidden-1024 { display: block !important; }

#slider1_container { visibility: hidden; position: relative; margin: 0; top: -5px; left: 0px; width: 1920px; height: 638px; overflow: hidden;  }
#slidesPrincipal { position: absolute; left: 0px; top: -5px;  overflow: hidden; }



@media only screen and (max-width : 767px) {
#header-2 { min-height: 170px; }
.ico-hotel1 { display: none; }

.swiper-container { height: 300px; }
.swiper-slide {  }
.intro2 { top: 440px; }
.intro3 { top: -305px; margin-bottom: -40px; }
.content-1-5 img { margin-top: 0; }

.zoom { height: 465px; }
.zoomin { height: 100%; position: relative; width: auto; margin: 0 auto; left: -42%;}
.content-3-11 .content { margin-top: 0; }
.MVmap { height: 350px; }

.social2 { width: 125px; }
.social2 img { width: 50px; }

.xs-bgMV { background-color:#f8f5f0; }

.cuadro3 { width: 320px; height: 250px; }

.xs-center-block { display: block; margin-right: auto; margin-left: auto; }
.xs-text-center { text-align: center; }

.pull-right 	{ float:  none !important; }
.pull-left 		{ float: none!important; }
.xs-pull-right  { float: right!important; }
.xs-pull-left 	{ float: left!important; }

.pillow-xs { padding-top: 0; }
.pillow-sm { padding-top: 10px; }
.pillow-md { padding-top: 30px; }
.cushion-xs { padding-bottom: 0; }

.xs-pillow-xs { padding-top: 30px; }
.xs-pillow-md { padding-top: 150px; }


.xs-cushion-xs { padding-bottom: 30px; }

.ico-dir { display:none; }
.ico-telefono {display: none; }
.ico-correo  { display: none; }

.breloj::before, .breloj2::before { width: 14px; height: 28px; }

.actsXS0 { display: block;width: 100%; height: 415px; background: url(../images/acts0.jpg) no-repeat center center ; background-size: cover; }
.actsXS1 { display: block;width: 100%; height: 415px; background: url(../images/acts1.jpg) no-repeat center center ; background-size: cover; }
.actsXS2 { display: block;width: 100%; height: 415px; background: url(../images/acts2.jpg) no-repeat center center ; background-size: cover; }
.actsXS3 { display: block;width: 100%; height: 415px; background: url(../images/acts3.jpg) no-repeat center center ; background-size: cover; }
.actsXS4 { display: block;width: 100%; height: 415px; background: url(../images/acts4.jpg) no-repeat center center ; background-size: cover; }
.actsXS5 { display: block;width: 100%; height: 415px; background: url(../images/acts5.jpg) no-repeat center center ; background-size: cover; }
.actsXS6 { display: block;width: 100%; height: 415px; background: url(../images/acts6.jpg) no-repeat center center ; background-size: cover; }
.actsXS7 { display: block;width: 100%; height: 415px; background: url(../images/acts7.jpg) no-repeat center center ; background-size: cover; }
.actsXS8 { display: block;width: 100%; height: 415px; background: url(../images/acts8.jpg) no-repeat center center ; background-size: cover; }



.xs-mar-0 { margin:0 !important; }
.xs-mar-5 { margin:5px !important; }
.xs-mar-10 { margin:10px !important; }
.xs-mar-15 { margin:15px !important; }
.xs-mar-right-0 { margin-right: 0 !important; }
.xs-mar-right-5 { margin-right: 5px !important; }
.xs-mar-right-10 { margin-right: 10px !important; }
.xs-mar-right-15 { margin-right: 15px !important; }
.xs-mar-bottom-0 { margin-bottom: 0 !important; }
.xs-mar-bottom-5 { margin-bottom: 5px !important; }
.xs-mar-bottom-10 { margin-bottom: 10px !important; }
.xs-mar-bottom-15 { margin-bottom: 15px !important; }

.xs-pad-20 { padding:20px !important; padding-right: 20px !important; }
.xs-pad-15 { padding:15px !important; padding-right: 15px !important; }
.xs-pad-10 { padding:10px !important; padding-right: 10px !important; }
.xs-pad-5  { padding: 5px !important; padding-right:  5px !important; }
.xs-pad-0  { padding: 0px !important; padding-right:  0px !important; }

.hidden-1024 { display: none !important; }

.mar-15, .mar-10, .mar-5 { margin:15px !important; margin-right: 15px !important; }

.pad-5, .pad-10, .pad-15, .pad-20, .pad-25, .pad-30, .pad-35, .pad-40, .pad-45, .pad-50, .pad-55, .pad-60, .pad-65,.pad-50,.pad-100 { padding:15px !important; padding-right: 15px !important; }

.pad-left-0 { padding-right: 15px !important; }

.pad-right-0 { padding-right: 15px !important; }

.mar-left-5, .mar-left-10, .mar-left-15, .mar-left-20, .mar-left-25, .mar-left-30 { margin-left: 0 !important; }

}


@media only screen and (min-width: 768px) and (max-width: 1366px) {
.visible-1024 { display: block !important; }
.hidden-1024 { display: none !important; }

}

/*	PATTERN LIBRARY MEDIA QUERIES
/*----------------------------------------------------*/

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) and (max-width : 1199px) {
	.menu1 .nav-item { width: 129px }

}

@media only screen and (min-width : 768px) and (max-width : 992px) {
.habs7 .mar-left-20 { margin-left: 0 !important; }

.zoomin { height: 100%; position: relative; width: auto; margin: 0 auto; left: -130%;}
}



/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}