/*
Theme Name: Marina Isla Canela
Theme URI: http://www.elequipoe.com
Description: Marina Isla Canela - Grupo Pryconsa
Author: ElequipoE
Author URI: http://www.elequipoe.com
Version: 1.0.0
Template: bridge
*/
/* ********************************************************************************************************************* IMPORTS */
/* ********************************************************************************************************************* VARS */
/* ********************************************************************************************************************* GLOBALS */
h1, h2, h3, h4, h5, h6 { letter-spacing: 0; }

h1 { margin-bottom: 30px; }

p { margin-top: 20px; }

.white { color: #fff; }
.white p, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white span { color: #fff; }

.black { color: #000; }

.grey { color: #7f7f7e; }

.dark-grey { color: #2c2c2c; }

.colored { color: #25aba9; }

.align-left { text-align: left; }

.align-center { text-align: center; }

.align-right { text-align: right; }

.centered { margin: 0 auto; text-align: center; }

.vertical-centered { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.no-margin-top { margin: 0 !important; }

.with-margin-top { margin-top: 20px; }

.with-more-margin-top { margin-top: 60px; }

.with-margin-bottom { margin-bottom: 20px; }

.with-more-margin-bottom { margin-bottom: 60px; }

.with-negative-margin-top-50 { margin-top: -50px; }

.border-top { border-top: 1px solid #dcdcdc; }

.border-bottom { border-bottom: 1px solid #dcdcdc; }

.no-text-transform { text-transform: none !important; }

.no-letter-spacing { letter-spacing: 0 !important; }
.no-letter-spacing a { letter-spacing: 0 !important; }

.lato { font-family: 'Lato', sans-serif; }

.text-bigger { font-size: 18px !important; }

.text-smaller { font-size: 14px !important; line-height: 17px !important; }
.text-smaller p { margin-bottom: 20px; font-size: 14px !important; line-height: 17px !important; }

.title-big { font-size: 45px; line-height: 52px; font-weight: 300; }

.text-light { font-weight: 300 !important; }

.text-semibold { font-weight: 600 !important; }

.text-bold, strong { font-weight: 700 !important; }

.text-uppercase { text-transform: uppercase !important; }

.no-block { display: inline; }
.no-block + p { margin-top: -10px; }

.boxed { padding: 6px 10px; background-color: #25aba9; color: #fff; }

.boxed-white { border: 1px solid #fff; }
.boxed-white:hover { background-color: #fff; }

.hidden { display: none; }

.hide-on-desktop { display: none; }

a, a:before, a:after { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

a.colored-link { color: #25aba9; }
a.colored-link:hover { color: #25aba9 !important; text-decoration: underline; }

a.white-link { color: #fff; }
a.white-link:hover { color: #25aba9 !important; }

a.grey-link { color: #7f7f7e; }
a.grey-link:hover { color: #25aba9 !important; }

a.light-grey-link { color: #dcdcdc; }
a.light-grey-link:hover { color: #25aba9 !important; }

a.dark-grey-link { line-height: 24px; color: #2c2c2c; border-bottom: 1px solid #25aba9; }
a.dark-grey-link:hover { color: #25aba9 !important; }

a.squared-link { font-size: 18px; font-weight: 400; }
a.squared-link:before { display: inline-block; content: '\f0c8'; margin-right: 10px; font-family: FontAwesome; color: #25aba9; }
a.squared-link:hover:before { content: '\f152'; }

a.boxed-link { padding: 8px 30px; font-size: 16px; font-weight: 300; color: #2c2c2c; background-color: transparent; border: 1px solid #25aba9; }
a.boxed-link:hover { color: #fff; background-color: #25aba9; }
a.boxed-link.white { color: #fff; border-color: #fff; background-color: transparent; }
a.boxed-link.white:hover { background-color: #25aba9; border-color: #25aba9; }

a.iconed-link { margin-right: 40px; padding: 5px 6px; display: inline-block; font-size: 16px; line-height: 0; border-radius: 3px; }
a.iconed-link:before { margin-right: 10px; display: inline-block; }
a.iconed-link span { vertical-align: top; border-bottom: 1px solid #25aba9; line-height: 35px; }
a.iconed-link.map:before { content: url("https://www.marina-islacanela.com/media/global-icon-map.png"); }
a.iconed-link.pdf:before { content: url("https://www.marina-islacanela.com/media/global-icon-pdf.png"); }
a.iconed-link.circle { padding: 3px 6px; }
a.iconed-link.circle span { font-size: 18px; line-height: 24px; color: #fff; }
a.iconed-link.circle:hover { background-color: #1c8180; }
a.iconed-link.circle:before { content: '\f111 '; font-family: FontAwesome; font-size: 14px; line-height: 24px; color: #98d7d7; }
a.iconed-link.circle-white { padding: 3px 6px; }
a.iconed-link.circle-white span { font-size: 18px; line-height: 24px; color: #fff; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; }
a.iconed-link.circle-white:hover span, a.iconed-link.circle-white:hover:before { color: #063d3c; }
a.iconed-link.circle-white:before { content: '\f111 '; font-family: FontAwesome; font-size: 14px; line-height: 24px; color: #98d7d7; }
a.iconed-link.tf, a.iconed-link.mail, a.iconed-link.web { padding: 0; }
a.iconed-link.tf span, a.iconed-link.mail span, a.iconed-link.web span { font-size: 18px; line-height: 24px; border: 0; }
a.iconed-link.tf:hover, a.iconed-link.mail:hover, a.iconed-link.web:hover { background-color: transparent; }
a.iconed-link.tf:hover:before, a.iconed-link.mail:hover:before, a.iconed-link.web:hover:before { opacity: 0.5; filter: alpha(opacity=50); }
a.iconed-link.tf:before, a.iconed-link.mail:before, a.iconed-link.web:before { content: url("https://www.marina-islacanela.com/media/global-icon-tf.png"); }
a.iconed-link.mail span { line-height: 11px; }
a.iconed-link.mail:before { content: url("https://www.marina-islacanela.com/media/global-icon-mail.png"); }
a.iconed-link.web span { line-height: 14px; }
a.iconed-link.web:before { content: url("https://www.marina-islacanela.com/media/global-icon-web.png"); }
a.iconed-link.calendar { display: block; margin: 30px auto 0 auto; text-align: center; }
a.iconed-link.calendar span { font-size: 18px; line-height: 24px; color: #2c2c2c; }
a.iconed-link.calendar:hover { background-color: transparent; }
a.iconed-link.calendar:hover span { color: #25aba9; }
a.iconed-link.calendar:before { content: url("https://www.marina-islacanela.com/media/global-icon-calendar.png"); margin-bottom: 10px; display: block; }
a.iconed-link.smaller span { line-height: 27px; border-bottom: 0; }
a.iconed-link.smaller.pdf:before { content: url("https://www.marina-islacanela.com/media/global-icon-pdf-small.png"); }

.big-bullet-list { margin-top: 20px; padding-left: 0px; }
.big-bullet-list li { margin-bottom: 20px; list-style-type: disc; list-style-position: inside; text-indent: -1em; padding-left: 1em; }

.circled-image { padding: 5px; border: 1px solid #dcdcdc; border-radius: 100%; }

/* ********************************************************************************************************************* THEME & PLUGINS GLOBAL REPLACEMENTS */
.full_width, .content_inner .container { background: #fff url("https://www.marina-islacanela.com/media/page-bkg.gif") repeat; }

div.qode_video_box { margin: 0 auto; text-align: center !important; }

#back_to_top span { width: 35px; height: 35px; line-height: 35px; border-radius: 0; border: 1px solid #e8e8e8; }
#back_to_top span i { font-size: 16px !important; line-height: 35px; }

/* .gallery_with_space {

	img {
		vertical-align: top;
	}
} */
.wpcf7-form input.wpcf7-form-control.wpcf7-text, .wpcf7-form input.wpcf7-form-control.wpcf7-date, .wpcf7-form textarea.wpcf7-form-control.wpcf7-textarea, .wpcf7-form span.wpcf7-form-control.wpcf7-radio { font-family: 'Lato', sans-serif !important; font-size: 20px !important; font-weight: 300 !important; color: #7f7f7e !important; padding: 10px; }
.wpcf7-form input.wpcf7-form-control.wpcf7-submit { margin: 30px auto !important; padding: 0 25px; display: block; font-family: 'Lato', sans-serif !important; font-size: 16px; font-weight: 300; color: #fff; background-color: transparent; border: 1px solid #fff; border-radius: 0; }
.wpcf7-form input.wpcf7-form-control.wpcf7-submit:hover { color: #25aba9; background-color: #fff; }
.wpcf7-form .wpcf7-form-control.wpcf7-radio input[type="radio"] { display: none; }
.wpcf7-form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label { cursor: pointer; }
.wpcf7-form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label:before { content: ""; position: relative; width: 16px; height: 16px; top: 1px; margin-right: 8px; display: inline-block; box-sizing: border-box; background-color: #fff; border: 3px solid transparent; border-radius: 8px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.wpcf7-form .wpcf7-form-control.wpcf7-radio input[type=radio]:checked + .wpcf7-list-item-label:before { background-color: #7f7f7e; border-color: #fff; }

.wpcf7-not-valid-tip { font-size: 12px !important; color: #000 !important; }

.wpcf7-response-output { /* position: fixed !important;
top: 80px !important;
right: 20px !important;
margin: 0 !important;
z-index: 1000; */ width: 300px !important; margin: 60px auto 0 auto !important; background-color: #f6b824 !important; text-transform: none !important; line-height: 22px; }
.wpcf7-response-output.wpcf7-mail-sent-ok { background-color: #5ba745 !important; }

/* .q_image_with_text_over {

	h3 {
		font-family: 'Advent Pro', sans-serif;
		font-weight: 700;

		&:after {
			content: '_____';
			padding-top: 10px;
			display: block;
			font-size: 22px;
			line-height: 7px;
			letter-spacing: -1px;
			color: $accent;
		}
	}
} */
/* ********************************************************************************************************************* SHARED ELEMENTS */
/* .standard-heading {
	padding: 190px 0 50px 0 !important;
}

.diagonal-heading {
	padding: 250px 0 250px 0 !important;
} */
/* .social-network {
	width: 48px;
	height: 48px;
	margin-right: 3px;
	display: inline-block;
	text-align: center;
	color: #35363a;
	background-color: #fff;
	border-radius: 15px;

	i {
		padding-top: 12px;
		font-size: 24px;
	}

	&:hover {
		background-color: $accent;
		color: #fff;
	}

	&.grey {
		background-color: $light-grey;

		&:hover {
			background-color: $accent;
		}
	}

	&.small {
		width: 32px;
		height: 32px;
		border-radius: 10px;

		i {
			padding-top: 6px;
			font-size: 18px;
		}
	}

	&.big {
		width: 100px;
		height: 100px;
		margin-right: 6px;
		border-radius: 28px;

		i {
			padding-top: 30px;
			font-size: 40px;
		}
	}
} */
.social ul li { display: inline-block; width: 75px; height: 75px; margin-left: 5px; overflow: hidden; border-radius: 100%; background-color: #fff; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }
.social ul li:hover { background-color: #25aba9; }
.social ul li:hover a { top: -9px; }
.social ul li:hover a i:first-child { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; filter: alpha(opacity=0); }
.social ul li a { display: block; width: 100%; height: 200%; position: relative; top: 25px; color: #fff; text-align: center; }
.social ul li a i { font-size: 25px; color: #25aba9; }
.social ul li a i:last-child { display: block; margin-top: 10px; color: #fff; }

.content_bottom { line-height: 0; }
.content_bottom .widget { padding: 100px 0 40px 0; text-align: center; }
.content_bottom .widget h3 { padding: 16px 20px 0 0; display: inline-block; vertical-align: top; }
.content_bottom .widget .social { display: inline-block; }

.bkg-img-block { height: 440px; background-size: contain; }

.first-block { margin-top: -90px; }
.first-block .section_inner { padding: 60px 100px; box-sizing: border-box; background-color: #fff; }
.first-block .section_inner h4 + h4 { margin-top: 25px; }
.first-block .section_inner p + h4 { margin-top: 30px; }
.first-block .section_inner h4 + p { margin-top: 5px; }

.circle-links { margin-bottom: 100px; }
.circle-links a { width: 260px; height: 260px; margin: 0 10px; padding: 50px 35px 0 35px; display: inline-block; box-sizing: border-box; vertical-align: top; text-align: center; border: 1px solid #fff; border-radius: 100%; }
.circle-links a img { width: 100px; margin-bottom: 10px; }
.circle-links a h6 { -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; }
.circle-links a p { margin-top: 0; font-size: 14px; }
.circle-links a:hover { background-color: rgba(255, 255, 255, 0.6); border: 1px solid #25aba9; }
.circle-links a:hover h6 { color: #25aba9; }

/* .icon-block-link {
	padding: 0 30px;
	display: block;
	text-align: center;

	img, p {
		@include transition(all,.3s,ease);
	}

	&:hover {
		
		img {
			@include grayscale_element(100%);
			@include scale(1.1);
		}

		p {
			color: $accent;
		}
	}
} */
.circled-image-block-row { margin-top: 50px; }
.circled-image-block-row .vc_single_image-wrapper { width: 280px; height: 280px; overflow: hidden; border-radius: 100%; border: 4px solid #fff; }
.circled-image-block-row .wpb_text_column { min-height: 500px; margin: -240px 0 0 90px; padding: 280px 30px 50px 40px; box-sizing: border-box; background-color: #fff; }
.circled-image-block-row h2 { font-size: 36px; font-weight: 300; }
.circled-image-block-row .wpb_column:last-child .wpb_single_image { text-align: right; }
.circled-image-block-row .wpb_column:last-child .wpb_text_column { margin: -240px 90px 0 0; }

.circled-image-block-row-full { margin-top: 50px; }
.circled-image-block-row-full .vc_single_image-wrapper { width: 280px; height: 280px; overflow: hidden; border-radius: 100%; border: 4px solid #fff; }
.circled-image-block-row-full .wpb_text_column.first-block { margin: -240px 90px 0 90px; padding: 80px 80px 0 270px; box-sizing: border-box; background-color: #fff; }
.circled-image-block-row-full .wpb_text_column:not(.first-block) { margin: 0 90px; padding: 50px; box-sizing: border-box; background-color: #fff; }
.circled-image-block-row-full h2 { font-size: 36px; font-weight: 300; }
.circled-image-block-row-full p.text-bigger { font-size: 20px !important; line-height: 23px; }
.circled-image-block-row-full h4 { font-size: 20px; }
.circled-image-block-row-full p + h4 { margin-top: 30px; }
.circled-image-block-row-full h4 + p { margin-top: 5px; }

.icon-left-block { width: 100%; margin-top: 30px; display: inline-block; }
.icon-left-block img { float: left; margin: 0 20px 50px 0; }
.icon-left-block a.iconed-link { margin-top: 15px; }

.page-template-full_width .divided-bkg-image-block { margin: 100px 0; padding: 35px 0 35px 0; background-position: right center; background-repeat: no-repeat; background-size: 60% auto; }
.page-template-full_width .divided-bkg-image-block .box-block { width: 440px; padding: 110px 90px; background-color: #fff; border: 1px solid transparent; -webkit-transition: border 0.5s linear; -moz-transition: border 0.5s linear; -ms-transition: border 0.5s linear; -o-transition: border 0.5s linear; transition: border 0.5s linear; }
.page-template-full_width .divided-bkg-image-block .box-block h2 + h5 { margin-top: 20px; }
.page-template-full_width .divided-bkg-image-block .box-block h5 + p { margin-top: 0; }
.page-template-full_width .divided-bkg-image-block .box-block p { margin-bottom: 30px; }
.page-template-full_width .divided-bkg-image-block .box-block:hover { border-color: #25aba9; }
.page-template-full_width .divided-bkg-image-block.left-side { margin: 50px 0; background-position: left center; }
.page-template-full_width .divided-bkg-image-block.left-side .box-block { float: right; }
.page-template-full_width .divided-bkg-image-block.less-padding-top { padding: 70px 90px; }

a[href^="http://maps.google.com/maps"] { display: none !important; }

a[href^="https://maps.google.com/maps"] { display: none !important; }

.gmnoprint a, .gmnoprint span, .gm-style-cc { display: none; }

.form-container { width: 550px; margin: 20px auto 0 auto; }
.form-container > p { height: 6px; clear: both; }
.form-container p { margin: 0 !important; }
.form-container .tipo { padding-top: 13px; }
.form-container .tipo span { font-family: 'Lato', sans-serif; font-size: 20px; font-weight: 300; color: #fff; }
.form-container .text-smaller { padding-top: 10px; }
.form-container .text-smaller p { color: #fff; }
.form-container a.white-link { text-decoration: underline; }
.form-container a.white-link:hover { color: #fff !important; }

.form-column-left { float: left; width: 49%; }

.form-column-right { float: right; width: 49%; }

.form-column-full { display: block; }

#cookie-law-info-bar { padding: 100px 10px; font-size: 14px; background-color: #fff; }
#cookie-law-info-bar .cli-wrapper { font-size: 16px; font-weight: bold; }
#cookie-law-info-bar a#cookie_action_close_header { padding: 15px 30px !important; font-size: 16px; }

.cli-modal-content .cli-plugin-main-link { padding: 0; text-decoration: underline; color: #25aba9; background-color: #fff !important; }
.cli-modal-content .cookielawinfo-row-cat-table { margin-top: 20px; }

table.cookielawinfo-classic { margin-top: 20px; }

table.cookielawinfo-classic td, table.cookielawinfo-classic th { font-family: 'Lato'; font-size: 13px !important; line-height: 1.2 !important; text-align: left; }

.cli_cookie_category_single h5 { margin-top: 30px; font-size: 20px; line-height: 24px; text-transform: none; }

.cli_user_consent_state a { display: block; }

.cookielawinfo-cookie-delete { text-decoration: underline; }
.cookielawinfo-cookie-delete:hover { color: #25aba9; }

#cookie-notice { padding-bottom: 5px; background-color: rgba(30, 30, 30, 0.9) !important; }
#cookie-notice span { display: block; width: 60%; margin: 0 auto; padding-bottom: 10px; }
#cookie-notice a.boxed-link { padding: 5px 10px !important; font-size: 13px !important; background-color: #25aba9 !important; color: #fff !important; }

#politica_cookies { padding-top: 60px; visibility: hidden; }

/* ********************************************************************************************************************* HEADER - MENU */
header { padding-top: 20px; }
header .widget_polylang li { display: inline-block; list-style: none; }
header .widget_polylang li:first-child:after { content: '|'; padding-left: 4px; display: inline-block; }
header .widget_polylang li.current-lang a { color: #25aba9; text-decoration: underline; pointer-events: none; }
header .header_bottom { height: 136px; padding: 0 80px; }
header .header_bottom .header_inner_left { left: 80px; }
header .header_bottom .header_inner_left .logo_wrapper .q_logo { margin-top: 20px; }
header .header_bottom .header_inner_left .logo_wrapper .q_logo a { height: 61px !important; }
header .header_bottom .header_inner_right { position: absolute; right: 75px; margin-top: 4px; }
header .header_bottom .header_inner_right .side_menu_button { height: 20px !important; }
header .header_bottom .header_inner_right .header_bottom_right_widget_holder { height: 20px; }
header nav.main_menu { top: 80px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
header .main_menu > ul > li { margin-left: 1px; }
header .main_menu > ul > li a { padding: 0 10px; font-weight: 700; font-size: 15px; line-height: 20px !important; letter-spacing: 0; color: #2c2c2c; }
header .main_menu > ul > li a:hover { color: #25aba9; }
header .main_menu > ul > li.current_page_item > a, header .main_menu > ul > li.current-page-ancestor > a, header .main_menu > ul > li.active > a { color: #25aba9; }
header .main_menu > ul > li:after { content: '.'; display: inline-block; }
header .main_menu > ul > li:nth-child(5):after { display: none; }
header .main_menu > ul > li.lang-item { display: none; }
header .main_menu > ul .second { margin-left: -60px; padding-top: 7px; }
header .main_menu > ul .second:before { content: ''; width: 11px; height: 11px; margin: 0 auto 10px auto; display: block; border-radius: 100%; background-color: #25aba9; }
header .main_menu > ul .second .inner { text-align: center; border-top: 2px solid #25aba9; }
header .main_menu > ul .second .inner ul { padding: 15px 0; -webkit-box-shadow: 0px 6px 5px -3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 6px 5px -3px rgba(0, 0, 0, 0.25); box-shadow: 0px 6px 5px -3px rgba(0, 0, 0, 0.25); }
header .main_menu > ul .second .inner ul li.current_page_item > a { color: #25aba9 !important; }
header .main_menu > ul .second a { padding: 0; font-size: 14px !important; line-height: 15px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: #7f7f7e !important; }
header .main_menu > ul .second a:hover { color: #25aba9 !important; }
header.scrolled { padding-top: 0; }
header.scrolled .header_bottom { height: 55px; }
header.scrolled .header_bottom .header_inner_left .logo_wrapper .q_logo { margin-top: 0; }
header.scrolled .header_bottom .header_inner_left .logo_wrapper .q_logo a { height: 42px !important; }
header.scrolled .header_bottom .header_inner_right { display: none; }
header.scrolled nav.main_menu { top: 15px; }
header.scrolled .main_menu > ul .second { padding-top: 12px; }
header.scrolled .main_menu > ul .second:before { display: none; }

/* ********************************************************************************************************************* FOOTER */
footer .footer_inner { background-size: cover; background-position: center bottom; }
footer .footer_top { padding: 110px 0; }
footer .footer_top .column1, footer .footer_top .column2 { width: 40%; }
footer .footer_top .column3 { width: 20%; }
footer .footer_top .textwidget { color: #fff; }
footer .footer_top .textwidget p { margin-top: 0; }
footer .footer_top a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
footer .footer_top a.boxed-link { display: inline-block; }

/* ********************************************************************************************************************* HOME STUFF */
.home #qode-inicio .slider_content { top: 50% !important; left: 50% !important; }
.home #qode-inicio .slider_content .text { width: 100%; }
.home #qode-inicio .slider_content .text h2 { margin-bottom: 50px; padding: 0 11px; font-size: 32px; line-height: 50px; background-color: rgba(0, 0, 0, 0.7); display: inline; white-space: pre-wrap; }
.home #qode-inicio .slider_content .text a.boxed-link span { font-weight: 400; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; }
.home #qode-inicio .slider_content .text a.boxed-link:hover span { color: #25aba9; }
.home #qode-inicio .slider_content .text span.bt-divider { display: block; height: 40px; }
.home #qode-inicio .carousel-indicators { text-align: left; }
.home #qode-inicio .carousel-indicators li { width: 70px; height: 10px; border-radius: 0; opacity: 0.6; filter: alpha(opacity=60); }
.home #qode-inicio .carousel-indicators li.active { background-color: #2c2c2c; opacity: 1; filter: alpha(opacity=100); }
.home #intro .alert { position: absolute; display: block; box-sizing: border-box; width: 400px; left: 50%; margin: -210px 0 0 -200px; padding: 30px 50px; font-size: 30px; font-weight: 700; line-height: 1.3; color: #fff; background-color: #25aba9; }
.home #intro h5 { margin: 20px 0 50px 0; }
.home #intro .dots { font-size: 22px; font-weight: 700; color: #dcdcdc; }
.home #intro .circle-links { margin-bottom: 0; }
.home #intro .circle-links a { width: 27%; margin: 0 3%; padding: 50px 0 0 0; border: 0; border-radius: 0; }
.home #intro .circle-links a img { width: 130px; margin-bottom: 5px; }
.home #intro .circle-links a h6 { font-size: 18px; }
.home #intro .circle-links a p { margin-top: 8px; font-size: 16px; }
.home #intro .circle-links a:hover { border: 0; }
.home #amarre .section_inner { padding: 60px 100px 120px 100px; box-sizing: border-box; background: #25aba9 url("https://www.marina-islacanela.com/media/home-amarre-bkg.gif") 0 0 no-repeat; }
.home #banner_noche { padding-top: 40px; }
.home #banner_noche img.mobile { display: none; }
.home #video { margin: 100px 0; padding: 280px 0 35px 0; }
.home #video .box-block { width: 360px; padding: 50px; background-color: #fff; }
.home #video .play-bt { width: 600px; margin-right: -400px; padding: 4px 0 4px 20px; float: right; font-size: 23px; font-weight: 300; background-color: #25aba9; color: #fff; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.home #video .play-bt:hover { padding: 4px 0 4px 26px; background-color: #fff; color: #25aba9; }
.home #video .play-bt i { padding-left: 8px; }
.home #instalaciones, .home #hotel { margin: 100px 0; padding: 35px 0 35px 0; background-position: right center; background-repeat: no-repeat; background-size: 60% auto; }
.home #instalaciones .box-block, .home #hotel .box-block { width: 440px; padding: 110px 90px; background-color: #fff; border: 3px solid transparent; -webkit-transition: border 0.5s linear; -moz-transition: border 0.5s linear; -ms-transition: border 0.5s linear; -o-transition: border 0.5s linear; transition: border 0.5s linear; }
.home #instalaciones .box-block p, .home #hotel .box-block p { margin-bottom: 30px; }
.home #instalaciones .box-block:hover, .home #hotel .box-block:hover { border-color: #25aba9; }
.home #hotel { margin: 50px 0; background-position: left center; }
.home #hotel .box-block { float: right; }

/* ********************************************************************************************************************* PUERTO */
.page-amarres #amarre_form .section_inner { padding: 60px 100px 120px 100px; box-sizing: border-box; background: #25aba9 url("https://www.marina-islacanela.com/media/amarre-form-bkg.gif") 0 0 no-repeat; }
.page-amarres #amarres, .page-amarres #varadero, .page-amarres #estancia { margin: 80px 0; }
.page-amarres #amarres .box-block, .page-amarres #varadero .box-block, .page-amarres #estancia .box-block { width: 440px; margin-top: -250px; padding: 60px; background-color: #fff; border: 3px solid transparent; -webkit-transition: border 0.5s linear; -moz-transition: border 0.5s linear; -ms-transition: border 0.5s linear; -o-transition: border 0.5s linear; transition: border 0.5s linear; }
.page-amarres #amarres .box-block p, .page-amarres #varadero .box-block p, .page-amarres #estancia .box-block p { margin-bottom: 30px; }
.page-amarres #amarres .box-block:hover, .page-amarres #varadero .box-block:hover, .page-amarres #estancia .box-block:hover { border-color: #25aba9; }
.page-amarres #varadero .box-block { float: right; }
.page-amarres .circle-links a { margin: 0 20px; }
.page-amarres .circle-links a:first-child { display: none; }

.page-capitania .wpb_single_image { margin-top: 90px; }
.page-capitania .more_facts_holder { padding: 0 15px; background-color: transparent; }
.page-capitania .more_facts_holder .more_facts_button { padding: 25px 0 15px 0; border-bottom: 2px solid #fff; }
.page-capitania .more_facts_holder .more_facts_button_text { padding-bottom: 10px; font-size: 36px; font-weight: 300; text-transform: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.page-capitania .more_facts_holder .more_facts_button_arrow { font-size: 26px; }
.page-capitania .more_facts_holder .more_facts_outer { margin-top: 6px; background-color: #fff; }
.page-capitania .more_facts_holder .more_facts_outer .wpb_column { padding: 20px 90px 90px 90px; box-sizing: border-box; }
.page-capitania .more_facts_holder .iconed-link { display: block; float: left; clear: both; }
.page-capitania .more_facts_holder.more_fact_opened .more_facts_button_text, .page-capitania .more_facts_holder.more_fact_opened .more_facts_button_arrow { color: #25aba9; }

.page-reserva #reserva_form .section_inner { padding: 60px 100px 120px 100px; box-sizing: border-box; background: #25aba9 url("https://www.marina-islacanela.com/media/amarre-form-bkg.gif") 0 0 no-repeat; }

.page-webcam .circle-links a { margin: 0 20px; }
.page-webcam .circle-links a:last-child { display: none; }

.page-bandera .gallery_inner { text-align: center; }
.page-bandera .gallery_inner li { padding: 0 20px !important; display: inline-block; float: none; }
.page-bandera .gallery_inner li .gallery_hover { display: none; }

/* ********************************************************************************************************************* ENTORNO */
#situacion_map { height: 700px; }
#situacion_map .container { width: 100%; max-width: none; padding: 0 !important; margin: 0 !important; }
#situacion_map .container .content { vertical-align: top !important; }
#situacion_map #map-container { position: absolute; width: 100%; height: 700px; opacity: 0; filter: alpha(opacity=0); }
#situacion_map #map { position: absolute; width: 100%; height: 100%; max-width: none !important; }
#situacion_map #map img { max-width: none !important; }
#situacion_map .map-label { color: #444; font-size: 11px; line-height: 16px; }
#situacion_map #markers { display: none; }

#mareas { margin-top: -720px; }
#mareas .section_inner { padding: 0 200px 100px 200px; box-sizing: border-box; background-color: #fff; -webkit-box-shadow: 0px 6px 15px -8px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 6px 15px -8px rgba(0, 0, 0, 0.25); box-shadow: 0px 6px 15px -8px rgba(0, 0, 0, 0.25); }
#mareas .section_inner h4 + p { margin-top: 5px; }

.page-medioambiente #publicaciones .section_inner { padding: 60px 200px 120px 200px; box-sizing: border-box; background-color: #25aba9; }

table * { vertical-align: top; text-align: left; }
table .txt_pequenoAzul { font-family: 'Lato', sans-serif; color: #7f7f7e; font-size: 13px; }
table .txt_normal { font-family: 'Lato', sans-serif; color: #7f7f7e; }
table .txt_normal:first-child { font-weight: 600; }

.page-meteo h1 { margin-bottom: 60px !important; }
.page-meteo table * { vertical-align: top; text-align: left; }
.page-meteo table .txt_pequenoAzul { font-size: 13px; }
.page-meteo table .txt_normal:first-child { font-weight: 600; }
.page-meteo #enlaces-widget .section_inner { padding: 60px 0 100px 0; box-sizing: border-box; background-color: #dcdcdc; }
.page-meteo #enlaces-widget .circle-links { margin-bottom: 0; text-align: center; }
.page-meteo #enlaces-widget .circle-links a { width: 180px; height: 180px; padding: 25px 20px 0 20px; border: 1px solid #fff; }
.page-meteo #enlaces-widget .circle-links a img { width: 120px; margin-bottom: 0; }
.page-meteo #enlaces-widget .circle-links a h6 { font-size: 14px; font-weight: 400; }
.page-meteo #enlaces-widget .circle-links a:hover { border: 1px solid #fff; }
.page-meteo #enlaces-widget .circle-links a:hover h6 { color: #25aba9; }
.page-meteo .textwidget .circle-links a { margin: 0 20px; }
.page-meteo .textwidget .circle-links a:nth-child(2) { display: none; }

/* ********************************************************************************************************************* SERVICIOS */
.page-escuela h1 { display: none; }
.page-escuela #actividades .section_inner { padding: 60px 100px 120px 100px; box-sizing: border-box; background-color: #25aba9; }
.page-escuela #actividades .wpb_text_column p, .page-escuela #actividades .wpb_text_column li { font-size: 18px; line-height: 26px; color: #fff; }
.page-escuela #clasificacion { margin-top: 100px; }

.empresas .wpb_column:first-child .vc_column-inner { padding-right: 0; }
.empresas .wpb_column:last-child .vc_column-inner { padding-left: 0; }
.empresas .wpb_text_column { padding: 70px 40px 70px 60px; }
.empresas .wpb_text_column p:last-of-type { margin-top: 5px; }

/* ********************************************************************************************************************* CONTACTO */
.page-contacto .wpcf7-form { padding-bottom: 40px; }
.page-contacto .wpcf7-form input.wpcf7-form-control.wpcf7-text, .page-contacto .wpcf7-form textarea.wpcf7-form-control.wpcf7-textarea { border: 1px solid #dcdcdc !important; }
.page-contacto .wpcf7-form input.wpcf7-form-control.wpcf7-submit { color: #25aba9; border-color: #25aba9; }
.page-contacto .wpcf7-form input.wpcf7-form-control.wpcf7-submit:hover { color: #fff; background-color: #25aba9; }
.page-contacto .wpcf7-form .text-smaller p { color: #7f7f7e; }
.page-contacto #situacion_map { padding-top: 180px; }
.page-contacto #oficinas { margin-top: -900px; }
.page-contacto #oficinas .section_inner { -webkit-box-shadow: 0px 6px 15px -8px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 6px 15px -8px rgba(0, 0, 0, 0.25); box-shadow: 0px 6px 15px -8px rgba(0, 0, 0, 0.25); }

/* ********************************************************************************************************************* LEGAL */
.legal p { font-size: 14px; line-height: 18px; }
.legal h1 { margin-bottom: 40px; }
.legal h5 { margin-top: 40px; }

/* ********************************************************************************************************************* FIREFOX POSITION FIXES */
@-moz-document url-prefix() {}
/* ********************************************************************************************************************* RESPONSIVE MEDIA QUERIES */
/* ********************************************************************************************************************* FOR RETINA */
/* ********************************************************************************************************************* BREAK POINT 1600 */
/* ********************************************************************************************************************* BREAK POINT 1100 */
/* ********************************************************************************************************************* BREAK POINT 1300 */
/* ********************************************************************************************************************* BREAK POINT 1200 */
@media screen and (max-width: 1200px) { #cookie-notice span { width: 90%; } }
/* ********************************************************************************************************************* PORTRAIT TABLET TO LANDSCAPE AND DESKTOP  - 500 TO 1000 */
/* ********************************************************************************************************************* LANDSCAPE MOBILES AND DOWN  < 1000 */
@media screen and (max-width: 1000px) { .grid_section .section_inner, .container_inner, .slider_content_outer { width: 100%; max-width: 100%; }
  #back_to_top { display: none; }
  .full_width_inner > .vc_row:first-of-type { padding-top: 70px !important; }
  .grid-photo-block .section_inner, .grid-photo-block-no-top-padding .section_inner { width: 100% !important; }
  .vc-table-plugin-theme-classic { width: auto; }
  #hotel_columns .section_inner { width: 94%; }
  .form-container { width: 88%; }
  header { padding-top: 0; }
  header .header_top { height: 30px; }
  header .header_top .left { display: none; }
  header .header_bottom { margin-top: 0; padding: 0; background-color: transparent !important; }
  header .header_bottom .header_inner_right { padding-right: 20px; display: block; }
  header .header_bottom .header_inner_right .side_menu_button_link { font-size: 20px; }
  header .header_bottom .header_inner_left { margin-top: 10px; }
  header .mobile_menu_button i { font-size: 18px; }
  header nav.mobile_menu ul li a, header nav.mobile_menu ul li h3 { font-size: 14px; }
  	/* .side_menu { 		padding-top: 30px;  		ul {  			li:nth-child(1), 			li:nth-child(2), 			li:nth-child(4) {  				a { 					pointer-events: none;  					&:after { 						content: '\f0d7'; 						margin-left: 6px; 						font-family: FontAwesome; 						font-size: 11px; 					} 				}  				li a { 					pointer-events: auto;  					&:after { 						content: ''; 					} 				} 			}  			> li { 				margin: 20px 0 0 0;  				a { 					font-weight: 600 !important; 				}  				li { 					margin-bottom: 0; 					line-height: 19px;  					a { 						font-size: 14px; 						font-weight: 400 !important; 					} 				}			 			}  			li.current-menu-item a { 				color: $accent !important; 			}  			li.current_page_parent>a { 				color: $accent !important; 			} 		}  		a { 			color: #fff !important;  			&:hover { 				color: $accent !important; 			} 		} 	} */
  footer .footer_bottom_holder { padding: 20px; }
  footer .footer_bottom_holder .textwidget { line-height: 15px; }
  .content_bottom .widget.wunderground:first-of-type { width: 20% !important; }
  .content_bottom .widget.wunderground:first-of-type .wu-forecast-body { padding-right: 50px; }
  .content_bottom .widget.wunderground:last-of-type { width: 30% !important; }
  .content_bottom .widget.wunderground .wu-cond-text { display: none; }
  .home #qode-inicio .slider_content { width: 100% !important; top: 60px !important; left: 0 !important; }
  .home #qode-inicio .slider_content .text h2 { line-height: 50px !important; }
  .home #intro .alert { margin: -150px 0 0 -200px; font-size: 23px; } }
/* ********************************************************************************************************************* VERTICAL MOBILES AND DOWN  < 768 */
@media screen and (max-width: 768px) { #back_to_top { display: none; }
  .hide-on-mobile { display: none; }
  .hide-on-desktop { display: block; }
  .mobile-align-center { text-align: center; }
  .grid_section .section_inner { width: 80% !important; max-width: 100%; }
  .container_inner, .slider_content_outer { width: 100%; max-width: 100%; }
  #cookie-law-info-bar { padding: 70px 0; }
  #cookie-law-info-bar .cli-wrapper { padding: 0 30px; }
  #cookie-notice { font-size: 12px; line-height: 16px; }
  #cookie-notice span { width: 100%; }
  .first-block { margin-top: -200px; }
  .first-block .section_inner { padding: 30px 30px; }
  .circle-links { margin-bottom: 30px; }
  .circle-links a { margin: 10px 0; }
  .bkg-img-block { min-height: 200px !important; background-attachment: scroll !important; background-position: 0 0 !important; background-size: cover; }
  .page-template-full_width .divided-bkg-image-block { margin: 100px 0; padding: 35px 0 35px 0; background-position: center center !important; background-repeat: no-repeat; background-size: cover; }
  .page-template-full_width .divided-bkg-image-block .box-block { box-sizing: border-box; width: 100%; padding: 30px; }
  .page-template-full_width .divided-bkg-image-block .box-block .boxed-link { display: block; text-align: center; }
  .page-template-full_width .divided-bkg-image-block.left-side .box-block { float: none; }
  .page-template-full_width .divided-bkg-image-block.less-padding-top { padding: 30px 0; }
  .circled-image-block-row-full { margin-top: 50px; }
  .circled-image-block-row-full .vc_single_image-wrapper { position: relative; width: 120px; height: 120px; left: 50%; margin: 0 0 0 -60px; }
  .circled-image-block-row-full .wpb_text_column.first-block { margin: -20px 0 0 0; padding: 30px; }
  .circled-image-block-row-full .wpb_text_column:not(.first-block) { margin: 0; padding: 30px; box-sizing: border-box; background-color: #fff; }
  .circled-image-block-row-full h2 { font-size: 25px; }
  .circled-image-block-row-full p.text-bigger { font-size: 20px !important; line-height: 23px; }
  .circled-image-block-row-full h4 { font-size: 20px; }
  .circled-image-block-row-full p + h4 { margin-top: 30px; }
  .circled-image-block-row-full h4 + p { margin-top: 5px; }
  .social ul li { width: 65px; height: 65px; }
  .social ul li:hover { background-color: #25aba9; }
  .social ul li:hover a { top: -15px; }
  .social ul li a { top: 20px; }
  .title-big { font-size: 30px; line-height: 1.2; }
  h1 { font-size: 32px; }
  .content_bottom { line-height: 0; }
  .content_bottom .widget { padding: 50px 0; }
  .content_bottom .widget h3 { padding: 15px; }
  .form-container { width: 100%; }
  .form-container .form-column-left, .form-container .form-column-right { width: 100%; }
  .form-container .tipo span { font-size: 15px; }
  .wpcf7-form input.wpcf7-form-control.wpcf7-text, .wpcf7-form input.wpcf7-form-control.wpcf7-date, .wpcf7-form textarea.wpcf7-form-control.wpcf7-textarea, .wpcf7-form span.wpcf7-form-control.wpcf7-radio { font-size: 15px !important; }
  header { padding-top: 0; }
  header .header_bottom { height: 100px; padding: 0 15px; }
  header .q_logo a { -moz-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); -webkit-transform: scale(0.7); transform: scale(0.7); }
  footer .footer_top { padding: 40px 0 20px 0; }
  footer .footer_top .column1, footer .footer_top .column2, footer .footer_top .column3 { width: 100%; text-align: center; }
  .home #qode-inicio { height: 300px !important; }
  .home #intro .alert { width: 260px; margin: -160px 0 0 -130px; font-size: 20px; }
  .home #intro .circle-links a { width: 100%; height: auto; margin: 0; padding: 40px 0 0 0; }
  .home #amarre .section_inner { padding: 40px 20px 80px 20px; background: #25aba9 url("") 0 0 no-repeat; }
  .home #video { margin: 50px 0; padding: 30px 0; }
  .home #video .box-block { width: 100%; padding: 60px 30px 30px; box-sizing: border-box; }
  .home #video .play-bt { width: 100%; margin-right: 0; box-sizing: border-box; }
  .home #instalaciones, .home #hotel { margin: 50px 0; padding: 30px 0; }
  .home #instalaciones .box-block, .home #hotel .box-block { width: 100%; padding: 60px 30px 30px; box-sizing: border-box; }
  .home #hotel { margin: 50px 0; background-position: left center; }
  .home #hotel .box-block { float: right; }
  .page-amarres #amarre_form .section_inner { padding: 60px 20px; background-image: url(""); }
  .page-amarres .box-block { box-sizing: border-box !important; width: 100% !important; padding: 30px !important; }
  .page-reserva #reserva_form .section_inner { padding: 60px 20px; background-image: url(""); }
  .page-reserva .box-block { box-sizing: border-box !important; width: 100% !important; padding: 30px !important; }
  #mareas .section_inner { padding: 0 0 100px 0; }
  .page-medioambiente #publicaciones .section_inner { padding: 30px; }
  .page-medioambiente #publicaciones .section_inner a.iconed-link { margin-right: 0; }
  .page-meteo h1 { margin-bottom: 30px !important; }
  .page-meteo iframe { transform-origin: 0 0; -moz-transform: scale(0.35); -o-transform: scale(0.35); -ms-transform: scale(0.35); -webkit-transform: scale(0.35); transform: scale(0.35); }
  .page-escuela #actividades .section_inner { padding: 30px; }
  .page-capitania .more_facts_holder .more_facts_outer .wpb_column { padding: 30px; }
  .page-capitania .more_facts_holder .more_facts_inner { padding-top: 20px; }
  .empresas .wpb_column .vc_column-inner { padding: 0 15px !important; }
  .empresas .wpb_text_column { padding: 30px; }
  .empresas .wpb_text_column h3 { padding-bottom: 10px; font-weight: 600 !important; font-size: 21px; line-height: 1.2; color: #25aba9; }
  .empresas .wpb_text_column h5, .empresas .wpb_text_column a.iconed-link span { font-size: 16px !important; } }
