@font-face {
	font-family: 'Open Sans';
	src: url('fonts/opensans-light-webfont.woff2') format('woff2'),
	url('fonts/opensans-light-webfont.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
	url('fonts/opensans-lightitalic-webfont.woff') format('woff');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/opensans-regular-webfont.woff2') format('woff2'),
	url('fonts/opensans-regular-webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/opensans-italic-webfont.woff2') format('woff2'),
	url('fonts/opensans-italic-webfont.woff') format('woff');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
	url('fonts/opensans-semibold-webfont.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
	url('fonts/opensans-semibolditalic-webfont.woff') format('woff');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/opensans-bold-webfont.woff2') format('woff2'),
	url('fonts/opensans-bold-webfont.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
	url('fonts/opensans-bolditalic-webfont.woff') format('woff');
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/opensans-extrabold-webfont.woff2') format('woff2'),
	url('fonts/opensans-extrabold-webfont.woff') format('woff');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'),
	url('fonts/opensans-extrabolditalic-webfont.woff') format('woff');
	font-weight: 800;
	font-style: italic;
}




@font-face {
	font-family: 'Calibri';
	src: url('fonts/Calibri-Light.woff2') format('woff2'),
	url('fonts/Calibri-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Calibri';
	src: url('fonts/Calibri-LightItalic.woff2') format('woff2'),
	url('fonts/Calibri-LightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Calibri';
	src: url('fonts/Calibri.woff2') format('woff2'),
	url('fonts/Calibri.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Calibri';
	src: url('fonts/Calibri-Italic.woff2') format('woff2'),
	url('fonts/Calibri-Italic.woff') format('woff');
	font-weight: 400;
	font-style: italic;
}

/*@font-face {
	font-family: 'Calibri';
	src: url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
	url('fonts/opensans-semibold-webfont.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}*/

/*@font-face {
	font-family: 'Calibri';
	src: url('fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
	url('fonts/opensans-semibolditalic-webfont.woff') format('woff');
	font-weight: 600;
	font-style: italic;
}*/

@font-face {
	font-family: 'Calibri';
	src: url('fonts/Calibri-Bold.woff2') format('woff2'),
	url('fonts/Calibri-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Calibri';
	src: url('fonts/Calibri-BoldItalic.woff2') format('woff2'),
	url('fonts/Calibri-BoldItalic.woff') format('woff');
	font-weight: 700;
	font-style: italic;
}
/*

@font-face {
	font-family: 'Calibri';
	src: url('fonts/opensans-extrabold-webfont.woff2') format('woff2'),
	url('fonts/opensans-extrabold-webfont.woff') format('woff');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Calibri';
	src: url('fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'),
	url('fonts/opensans-extrabolditalic-webfont.woff') format('woff');
	font-weight: 800;
	font-style: italic;
}
*/

/*
---------------------------------------------------------------------------------------------
Variables
---------------------------------------------------------------------------------------------
*/
:root{
	--color-blue: #002F6C;
	--color-yellow: #FFD100;
	--color-red: #E2251D;
	--color-grey: #535353;
}


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

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1.6;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

*:focus {
	outline: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

b {
	font-weight: bold;
}

u {
	text-decoration: none;
}

/*
---------------------------------------------------------------------------------------------
GENERALES
---------------------------------------------------------------------------------------------
*/
html {
	width: 100%;
}

body {
	-webkit-font-smoothing: antialiased;
	font-family: "Open Sans", Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 1.5em;
	width: 100%;
	color: var(--color-grey);
	position: relative;
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
}

.lock_scroll {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #5D5D5D;
}

.no_padding {
	padding: 0;
}

.clear {
	clear: both !important;
	float: none !important;
	height: 0;
}

.d-flex {
	display: flex !important;
}

.d-flex-column {
	flex-direction: column !important;
}

.justify-content-center {
	justify-content: center !important;
}

.align-items-center {
	align-items: center !important;
}

.pl-3 {
	padding-left: 3px !important;
}

.pr-3 {
	padding-right: 3px !important;
}

.pb-1 {
	padding-bottom: 1px !important;
}

.gap10 {
	height: 10px;
}

.gap20 {
	height: 20px;
}

.gap30 {
	height: 30px;
}

.gap40 {
	height: 40px;
}

a,
a:hover {
	color: inherit;
}
a:active,
a:focus {
	outline: none ;
}

a.link {
	text-decoration: underline;
	color: var(--color-blue);
}

.block {
	display: block;
}

.inline {
	display: inline-block;
}

/*.row{
	margin-left: -5px;
	margin-right: -5px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	padding-left: 5px;
	padding-right: 5px;
}*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

.col-xs-15 {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-15 {
		width: 20%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-15 {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-15 {
		width: 20%;
		float: left;
	}
}

.row-height {
	display: table;
}

.col-height {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	float: none;
}

.fa-facebook {
	color: #3b5998;
}

.fa-twitter {
	color: #00aced;
}

.fa-google-plus {
	color: #dd4b39;
}

.fa-pinterest {
	color: #cb2027;
}

.fa-linkedin {
	color: #0077B5;
}

.slick-slide img {
	max-width: 100%;
}

.fa-whatsapp {
	color: #25d366;
}

.form_group {
	position: relative;
	margin-bottom: 10px;
}

.form_group .input_container {
	position: relative;
}

.form_group .input_container input[type="text"] {
	padding: 3px 8px;
	line-height: 30px;
	border: 1px solid #ccc;
	background-color: #fff;
	border-radius: 0;
	font-size: 12px;
	height: 36px;
	width: 100%;
	-webkit-transition: border 300ms ease;
	transition: border 300ms ease;
}

.form_group.middle .input_container:first-child {
	width: calc(50% - 5px);
	float: left;
}

.form_group.middle .input_container:last-child {
	width: calc(50% - 5px);
	margin-left: 10px;
	float: left;
}

.form_group .input_container input:focus {
	border: 1px solid #878787;
}

.form_group .input_container .fa {
	width: 36px;
	height: 100%;
	font-size: 18px;
	color: #878787;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 38px;
}

.form_group .input_container.icon_left .fa {
	left: 0;
	top: 0;
}

.form_group .input_container.icon_right input[type="text"] {
	padding-right: 30px;
}

.form_group .input_container.icon_left input[type="text"] {
	padding-left: 30px;
}

.form_group .input_container input[type="submit"] {
	padding: 3px 15px;
	line-height: 30px;
	background-color: var(--color-blue);
	color: #fff;
	border-radius: 0;
	font-size: 12px;
	width: 100%;
	border: 0;
	text-transform: uppercase;
	-webkit-transition: border 300ms ease;
	transition: border 300ms ease;
}

.bg_white {
	background-color: #fff;
}

.bg_grey {
	background-color: #fff;
}

.bg_blue {
	background-color: #e5eff6;
}
.bg_blue_opactity{
	background-color: rgba(154,182,209,0.1);

}

.boton-principal {
	padding: 3px 15px;
	line-height: 30px;
	background-color: var(--color-blue);
	color: #fff;
	border-radius: 0;
	font-size: 12px;
	width: auto;
	display: inline-block;
	text-decoration: none;
	border: 0;
	text-transform: uppercase;
	-webkit-transition: border 300ms ease;
	transition: border 300ms ease;
}

.contenido .certificado-descargar{
	display:block;
	border:1px solid #E4E4E4;
	padding: 35px 90px;
	text-align:center;
	margin:0 auto;
	max-width: 315px;
}
.contenido .certificado-descargar img{
	display:block;
	margin-bottom: 23px;
}
.contenido .certificado-descargar span{
	display:inline-block;
	background: var(--color-blue);
	color: #fff;
	padding: 10px 25px;
	text-transform: uppercase;
}

.contenido .abrazo-descargar{
	display:block;
	border:1px solid #E4E4E4;
	padding: 35px 35px;
	text-align:center;
	margin:0 auto;
	max-width: 400px;
}
.contenido .abrazo-descargar img{
	display:block;
	margin-bottom: 23px;
}
.contenido .abrazo-descargar a{
	display:inline-block;
	background: var(--color-blue);
	color: #fff;
	padding: 10px 25px;
	text-transform: uppercase;
	font-weight: 400;
}
.contenido .abrazo-descargar a .fa{
	color: #fff;
	font-size: 16px;
	margin-right: 5px;
}
.contenido .abrazo-descargar a.whatsapp{
	background: #25d366;
	margin-left: 10px;
}

.contenido .abrazo-volver{
	margin: 60px 0 20px 0;
	text-align: center;
}
.contenido .abrazo-volver h3{
	color: var(--color-grey);
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
	text-transform: none;
}
.contenido .abrazo-volver a{
	display:inline-block;
	background: var(--color-blue);
	color: #fff;
	padding: 10px 25px;
	text-transform: uppercase;
	font-weight: 400;
}

/*
---------------------------------------------------------------------------------------------
HEADER
---------------------------------------------------------------------------------------------
*/
#header {
	position: relative;
	z-index: 10;
}

.menu_mobile_trigger {
	position: absolute;
	width: 40px;
	height: 40px;
	left: 0;
	margin: 15px;
	line-height: 40px;
	text-align: center;
	color: #fff !important;
	text-decoration: none;
	font-size: 22px;
	z-index: 1000;
}

/*
---------------------------------------------------------------------------------------------
MMMENU
---------------------------------------------------------------------------------------------
*/
.mm-menu.mm-theme-dark {
	background-color: var(--color-blue);
}

.mm-panels>.mm-panel {
	background-color: #fff;
}

.mm-panels>.mm-panel:first-child {
	background-color: var(--color-blue);
}

.mm-panel.mm-hasnavbar .mm-navbar {
	background-color: var(--color-blue);
}

.mm-panel.mm-hasnavbar:first-child .mm-navbar {
	background-color: var(--color-blue);
}

.mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next) {
	color: var(--color-grey);
	font-size: 14px;
	text-transform: uppercase;
}

.mm-panels>.mm-panel:first-child span,
.mm-menu.mm-theme-dark .mm-navbar a,
.mm-menu.mm-theme-dark .mm-navbar>*,
.mm-menu.mm-theme-dark em.mm-counter {
	padding: 10px 20px;
	display: block;
	line-height: 25px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
}

.mm-panels>.mm-panel:first-child span img {
	vertical-align: middle;
	margin-right: 10px;
	width: 25px;
	height: 25px;
}

html.mm-pagedim-black.mm-opening #mm-blocker,
html.mm-pagedim-white.mm-opening #mm-blocker,
html.mm-pagedim.mm-opening #mm-blocker {
	opacity: .95;
	-webkit-transition: opacity .3s ease 0.4s;
	transition: opacity .3s ease 0.4s;
}

html.mm-pagedim-black #mm-blocker {
	background: #003558;
}

.mm-menu .lang {
	text-align: center;
}

.mm-menu .lang a.active {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	opacity: 1;
	filter: alpha(opacity=100);
}

.mm-menu .lang a {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	opacity: 0.4;
	filter: alpha(opacity=40);
	display: inline-block;
	padding: 10px 5px;
}

.mm-menu .lang a img {
	vertical-align: middle;
}

/*
------------------------------
HEADER - .top_bar
------------------------------
*/
#header .top_bar {
	background-color: var(--color-blue);
	color: #fff;
	line-height: 30px;
}
#header.black .top_bar {
	background-color: #000;
}

#header .top_bar a {
	color: #fff;
}

#header .top_bar .marginTopHeader{
	margin-bottom: 10px;
	margin-top: 10px;
}

#header .top_bar .contact {

	font-size:14px;
	text-align: left;
	letter-spacing: -0.42px;
	color: #FFFFFF;
}

#header .top_bar .contact a {
	font-weight: bold;
}

#header .top_bar .contact {
	float: left;
}

#header .top_bar .lang,
#header .top_bar .professional,
#header .top_bar .account {
	float: right;
	margin-left: 20px;
	font-size:14px;
	text-align: left;
	letter-spacing: -0.42px;
	color: #FFFFFF;
}

#header .top_bar .contact a {
	font-weight: bold;
}

#header .top_bar .contact {
	float: left;
}

#header .top_bar .lang{
	display: flex;
	gap: 8px;
	position: relative;
	top: 5px;
}

#header .top_bar .lang,
#header .top_bar .professional,
#header .top_bar .account {
	float: right;
	margin-left: 20px;
}

#header .top_bar .logo {
	padding: 0;
	position: absolute;
	left: 50%;
	/*width: 141px;
	height: 70px;*/
	text-align: center;
	margin-left: -70px;
	top: 22px;
}

#header .top_bar .logo img {
	height: 100%;
}

#header .top_bar .logo span {
	text-indent: -9999px;
	display: none;
}

#header .top_bar .search,
#header .top_bar_mobile .search {
	float: right;
	margin-left: 20px;
	position: relative;
}

#header .top_bar .search>button,
#header .top_bar_mobile .search>button {
	background: transparent;
	border: 0;
	padding: 0 5px;
}

#header .top_bar .search-input input::placeholder,
#header .top_bar_mobile .search-input input::placeholder{
	font-style: normal;
}

#header .top_bar .search-input,
#header .top_bar_mobile .search-input {
	position: absolute;
	top: 1px;
	right: 23px;
	width: 300px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3ms ease;
}

#header .top_bar .search-input.active,
#header .top_bar_mobile .search-input.active {
	visibility: visible;
	opacity: 1;
	z-index: 1;
	padding-left: 10px;
}

#header .top_bar .search-input input,
#header .top_bar_mobile .search-input input {
	display: block;
	width: 100%;
	line-height: 26px;
	height: 26px;
	border: 0;
	padding: 0 20px 0 5px;
}

#header .top_bar .search-input button,
#header .top_bar_mobile .search-input button {
	position: absolute;
	top: 0;
	right: 0;
	background: transparent;
	border: 0;
	padding: 0 5px;
	color: #7F9DB7;
	opacity: 0.8;
	line-height: 26px;
}

#header .top_bar .search-input button:hover,
#header .top_bar_mobile .search-input button:hover {
	opacity: 1;
}

#header .top_bar_mobile .search {
	position: absolute;
	top: 0;
	right: 0;
	margin: 15px;
}

#header .top_bar_mobile .search>button {
	font-size: 20px;
	padding: 10px 5px;
}

#header .top_bar_mobile .search-input {
	top: 1px;
	right: 30px;
	width: calc(100vw - 100px);
	max-width: 640px;
}

#header .top_bar_mobile .search-input input {
	line-height: 38px;
	height: 38px;
}

#header .top_bar_mobile .search-input button {
	line-height: 38px;
}

#header .top_bar_mobile {
	background-color: var(--color-blue);
	color: #fff;
	text-align: center;
	display: none;
}
#header.black .top_bar_mobile {
	background-color: #000;
}

#header .top_bar_mobile .logo {
	display: inline-block;
	float: none;
	width: 120px;
	height: auto;
	padding: 0;
}

#header .top_bar_mobile .logo img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

#header .main_menu {
	background-color: var(--color-blue);
	color: #fff;
}
#header.black .main_menu {
	background-color: #000;
}

#header .main_menu .level-1>ul {
	margin: 0;
	padding: 0;
}

#header .main_menu .level-1>ul>li {    float: left;
	/*height: 75px;*/
	width: calc(25% - 47px);
	text-align: center;
	margin-bottom: 10px;
	padding-top: 10px;
}

#header .main_menu .level-1>ul>li.nav0 {
	width: calc(23% - 65px);
	text-align: left;
}

#header .main_menu .level-1>ul>li.nav1 {
	width: calc(27% - 65px);
	text-align: right;
}

#header .main_menu .level-1>ul>li.nav2 {
	margin-left: 260px;
	width: calc(27% - 65px);
	text-align: left;
}

#header .main_menu .level-1>ul>li.nav3 {
	width: calc(23% - 65px);
	text-align: right;
}

#header .main_menu .level-1 > ul > li.nav0,
#header .main_menu .level-1 > ul > li.nav1,
#header .main_menu .level-1 > ul > li.nav2,
#header .main_menu .level-1 > ul > li.nav3 {
border-top:	1px solid rgba(255, 255, 255, 0.2);
}

#header .main_menu .level-1>ul>li.empty {
	width: 200px;
	opacity: 0;
}

#header .main_menu .level-1>ul>li>a {
	padding: 0;
	display: inline-block;
	line-height: 37px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	/*border-top: 6px solid var(--color-blue);
	border-bottom: 6px solid var(--color-blue);*/
}
#header.black .main_menu .level-1>ul>li>a {
	border-color: #000;
}

#header .main_menu .level-1>ul>li>a.activo {
	border-bottom-color: #fff;
}

#header .main_menu .level-1>ul:hover>li>a {
	opacity: 0.4;
}

#header .main_menu .level-1>ul:hover>li:hover>a {
	opacity: 1;
}

#header .main_menu .level-1>ul>li>a img {
	vertical-align: middle;
	line-height: 55px;
	margin-right: 8px;
	margin-bottom: 3px;
}

#header .main_menu .level-1>ul>li>a .icon {
	background-color: red;
	width: 55px;
	height: 55px;
	display: inline-block;
	vertical-align: middle;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
}

#header .main_menu .level-1>ul>li>a .fa {
	opacity: 0.4;
	line-height: 37px;
	margin-left: 20px;
}

#header .main_menu .level-2 {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #fff;
	text-align: left;
	color: #333;
	height: 0;
	overflow: hidden;
	opacity: 0;
	box-shadow: 0 10px 10px -10px var(--color-grey);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

#header .main_menu .level-2>.container>.row {
	padding: 40px 20px 55px;

}

#header .main_menu .level-1>ul>li:hover>.level-2 {
	opacity: 1;
	z-index: 10;
	min-height: 240px;
	height: auto;
}

#header .main_menu .level-2 #menuMisReservas .nav_title,
#header .main_menu .level-2 #menuLogin .nav_title{
	color: var(--color-grey);
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 20px;
}

#header .main_menu .level-2 .nav_title {
	color: var(--color-blue);
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	font-family: "Open Sans", sans-serif;
	margin-top: 20px;
}
#header .main_menu .level-2 .nav_title.blue {
	color: var(--color-blue);
}

#header .main_menu .level-2 #menuMisReservas ul li a,
#header .main_menu .level-2 #menuLogin ul li a{
	display: block;
	font-size: 13px;
	margin-bottom: 8px;
	color: #333;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}
#header .main_menu .level-2 .form-localizarreserva input:placeholder-shown {
	font-style: normal;
}

/*
------------------------------
HEADER - .top_bar
------------------------------
*/
.vsfMenu {
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	overflow: hidden;
	transition: all 0.35s ease-in-out;
	min-height: 100vh;
	z-index: 9001;
	background-color: #fff;
	color: #111111;
}
.vsfMenu.show {
	left: 0;
}
.vsfMenu.show .cuenta {
	left: 0;
}
.vsfMenu a:hover {
	text-decoration: none;
}
.vsfMenuOverlay {
	z-index: 9000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	transition: all 0.35s ease-in-out;
	visibility: hidden;
	opacity: 0;
}
.vsfMenuOverlay.show {
	visibility: visible;
	opacity: 1;
}

/*Menus principal*/
#header .main_menu .level-2 .principal ul li a .item {
	position: relative;
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	padding: 20px;
}

.offers .destacadosextra .slider_container .slide .offer .img_container {
	/*background: rgba(255, 255, 255, 0.5);
	border-radius: 30px;
	position: relative;
	width: 60%;
	margin-left: 20%;*/
}
#header .main_menu .level-2 .principal ul li a .img_container {
	background: #F7F7F7;
	border-radius: 50%;
	position: relative;
	width: 80px;
	margin: 0 auto;
}
#header .main_menu .level-2 .principal ul li a .item .img_container img {
	padding: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	transition: all 200ms ease;
	width: 80px;
}
#header .main_menu .level-2 .principal ul li a  .item .text_container {
	text-align: center;
	background-color: #fff;
	height: 30%;
}

#header .main_menu .level-2 .principal ul li a hr {
	border-bottom: 3px solid var(--color-yellow);
	width: 15%;
	position: relative;
	margin: auto;
	border-top: 0;
	margin-top: 16px;
	margin-bottom: 16px;
}
#header .main_menu .level-2 .principal ul li a .item .text_container .title,
#menuMovil .info_group .submenus ul li a .item .text_container .title{
	line-height: 20px;
	font-size: 16px;
	font-weight: 600;
	color: var(--color-grey);
	text-align: center;
	margin: 0;
	position: relative;
	font-family: "Open Sans", sans-serif;
}
#menuMovil .info_group .submenus ul li a .item .text_container .title {
    text-align: left;
}
#header .main_menu .level-2 .principal ul li a .fa {
	font-size: 27px;
	text-align: center;
	color: var(--color-blue);
	margin: 0;
	width: 0;
	padding: 30px;
	margin-right: 25px;
}

#header .main_menu .level-2 .principal:after{
	content: '';
	height: 80%;
	width: 1px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: #E4E4E4;
}

#header .main_menu .level-2 .principal:first-of-type:after{
	content: normal;
}
#header .main_menu .level-2 a > .nav-right-img {
	display: flex;
	align-items: center;
	margin-top: 20px;
}

#header .main_menu .level-2 .info_attcliente_menu{
	display: flex;
	flex-flow: column wrap;
	margin-top: 20px;
	align-content: flex-end;
}

#header .main_menu .level-2 .contact_box{
	text-align: left;
}

#header span.newDetail,
.description .newDetail{
	color: #002F6C;
	background-color: #ffd100;
	padding: 10px;
	font-size: 12px;
	text-transform: capitalize;
	font-weight: bold;
	margin-left: 10px;
	border: 1px solid #FFD100;
	border-radius: 10px;
	line-height: 0;
}

.phoneNewDetail{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

/*Menús secundarios y accesos rapidos*/

#header .main_menu .level-2 .secundario,
#header .main_menu .level-2 .accesorapido{
	padding-left: 0;
}

#header .main_menu .level-2 .secundario ul li a,
#header .main_menu .level-2 .accesorapido ul li a
{
	color: var(--color-grey);
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	display: flex;
	align-items: center;
}

#header .main_menu .level-2 .secundario img,
#header .main_menu .level-2 .accesorapido img{
	width: 20px;
	max-width: 100%;
	height: auto;
	margin-right: 15px;
}

#header .main_menu .level-2 hr
{
	border-bottom: 3px solid var(--color-yellow);
	width: 60%;
	position: relative;
	margin-top: 10px;
	margin-bottom: 15px;
	border-top: 0;
}

#header .main_menu .level-2 ul li a .fa {
	font-size: 18px;
	margin-right: 5px;
	width: 20px;
	text-align: center;
	color: var(--color-blue);
}

#header .main_menu .level-2 .principal ul li a .item:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}

#header .main_menu .level-2 ul li a:hover {
	opacity: 1;
	transform: translateY(0px) translateX(5px);
	-webkit-transform: translateY(0px) translateX(5px);
	text-decoration: none;
}

#header .main_menu .level-2 ul li a,
#header .main_menu .level-2 ul li a .item{
	transition: all 200ms ease;
}

#header .main_menu .level-2 .secundario ul li a span,
#header .main_menu .level-2 .accesorapido ul li a span{
	margin-right: 15px;
}

#header .main_menu .level-2 .secundario ul li a .span-container,
#header .main_menu .level-2 .accesorapido ul li a .span-container{
	height: 29px;
}

#header .main_menu .level-2 .secuendario img {
	height: auto;
}

#header .main_menu .level-2 .floatleft {
	width: 50%;
	float: left;
}

#header .main_menu .level-2 input[type="text"],
#header .main_menu .level-2 input[type="password"],
#header .main_menu .level-2 select,
#header .main_menu .level-2 .select2-container--default .select2-selection--single {
	border: 1px solid #ccc;
	background-color: #F2F2F2;
	transition: all 300ms ease;
}

#header .main_menu .level-2 input[type="text"]:focus,
#header .main_menu .level-2 input[type="password"]:focus,
#header .main_menu .level-2 select:focus,
#header .main_menu .level-2 .select2-container--default.select2-container--focus .select2-selection--single {
	border-color: var(--color-blue);
}

#header .main_menu .level-2 .form_group.error .input_container input[type="text"],
#header .main_menu .level-2 .form_group.error .input_container input[type="password"],
#header .main_menu .level-2 .form_group.error .input_container select,
#header .main_menu .level-2 .form_group.error .input_container textarea,
#header .main_menu .level-2 .form_group.error .select2-container--default .select2-selection--single {
	background-color: #f2dede;
	border: 1px solid #ca0000;
}

#header .main_menu .level-2 .form_group.error .input_container input[type="text"]:focus,
#header .main_menu .level-2 .form_group.error .input_container input[type="password"]:focus,
#header .main_menu .level-2 .form_group.error .input_container select:focus,
#header .main_menu .level-2 .form_group.error .input_container textarea:focus,
#header .main_menu .level-2 .form_group.error .select2-container--default.select2-container--focus .select2-selection--single {
	border-color: #ca0000;
}

#menuLogin input[type="checkbox"] {
	margin-right: 5px;
}

#menuLogin input[type="submit"],
#menuLogin button[type="submit"] {
	width: auto;
	display: inline-block;
	float: right;
	height: auto;

	padding: 3px 15px;
	line-height: 30px;
	background-color: var(--color-blue);
	color: #fff;
	border-radius: 0;
	font-size: 12px;
	border: 0;
	text-transform: uppercase;
	-webkit-transition: border 300ms ease;
	transition: border 300ms ease;
}

#header .main_menu .destinos {
	padding-left: 80px;
	padding-top: 40px;
	color: #666;
}

#header .main_menu .level-2 .contact_box p {
	color: var(--color-grey);
	font-size: 14px;
	line-height: 30px;
	font-weight: 600;
}
#header .main_menu .level-2 .contact_box .phone {
	font-size: 28px;
	font-weight: bold;
	text-decoration: none;
	/*padding: 0;*/
	color: var(--color-blue);
	line-height: 38px;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}
#header .main_menu .level-2 .contact_box .phone .fa {
	font-size: 24px;
	margin-right: 10px;
}
#header .main_menu .level-2 .contact_box .email .fa {
	font-size: 22px;
	line-height: 26px;
	margin-right: 10px;
	vertical-align: middle;
}
#header .main_menu .level-2 .contact_box .email {
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	text-decoration: none;
	color: var(--color-blue);
}

.listactive {
	padding-right: 50px;
}

.listactive a {
	background-color: var(--color-blue);
	padding: 5px 30px;
	color: #fff !important;
	position: relative;
	margin-left: -30px;
}

.listactive a:before {
	content: "";
	position: absolute;
	right: -14px;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 0 14px 14px;
	border-color: transparent transparent transparent var(--color-blue);
}

.borderleft:before {
	content: "";
	height: 100%;
	width: 1px;
	background-color: #E4E4E4;
	position: absolute;
	margin-left: -50px;
}

/*
---------------------------------------------------------------------------------------------
Menú mobile
---------------------------------------------------------------------------------------------
*/
#menuMovil .cabecera{
	background-color: var(--color-blue);
	display: flex;
	min-height: 75px;
	align-items: center;
	justify-content: start;
}

#menuMovil .cabecera img{
	max-height: 50px;
	margin: 10px auto;
}
#menuMovil .language {
	background-color: #F7F7F7;
	padding: 18px 27px;
}
#menuMovil .lang {
	background-color: #fff;
	border-radius: 22px;
	padding: 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#menuMovil .lang i{
	color: var(--color-blue);
    margin-left: auto;
}

#menuMovil .lang span.title {
	color: var(--color-blue);
	font-size: 14px;
	line-height: 19px;
    font-family: "Open Sans", sans-serif;
}

#menuMovil .lang a img{
	width:auto;
	height: auto;
}

#menuMovil .cabecera a.close {
	padding: 8px 14px;
	font-size: 22px;
	text-shadow: none;
	opacity: 1;
	position: absolute;
	left: 16px;
}
#menuMovil .cabecera a.close .fa {
	position: relative;
	top: auto;
	left: auto;
	color: #FFF;
}
#menuMovil .info_group.line {
	border-top: solid 1px #e3e3e3;
}
#menuMovil .info_group .menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#menuMovil .info_group .submenus {
	padding:0px 30px;
}
#menuMovil .info_group .menu .title
{
	color:var(--color-grey);
	font-size: 14px;
	line-height: 19px;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	display: flex;
	align-items: center;
}
#menuMovil .submenus a
{
	color:var(--color-grey);
	font-size: 14px;
	line-height: 19px;
	text-align: left;
	text-transform: none;
	font-weight: 500;
}
#menuMovil .info_group .menu .title img {
	width: 22px;
	margin-right: 15px;
}
#menuMovil .info_group {
}
#menuMovil .info_group .group_menu {
	padding: 22px 30px;
	border-bottom: solid 1px #e3e3e3;
}
#menuMovil .info_group i{
	color: var(--color-blue);
}
#menuMovil hr {
	border-bottom: 3px solid var(--color-yellow);
	width: 10%;
}
#menuMovil .info_group .item {
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 20px;
	padding-left: 25px;
	/*border-bottom: solid 1px #e3e3e3;*/
	/*padding: 20px 0px;*/
}
#menuMovil .submenus li:not(:last-child) .item .text_container  {
	border-bottom: none;
}
#menuMovil .info_group li .item .text_container {
	color: var(--color-grey);
	font-size: 15px;
	line-height: 20px;
	text-align: left;
	font-weight: 500;
}
#menuMovil .info_group .item .img_container span {
	color: var(--color-blue);
	font-size: 18px;
}
#menuMovil .info_group .item .img_container,
#menuMovil .info_group .item .img_container img {
	width: 22px;
}

#menuMovil .submenus .nav_title {
	color: var(--color-blue);
	font-size: 18px;
	line-height: 51px;
	padding-left:30px;
}
#menuMovil .submenus .accesorapido {
	padding-left:30px;
}
#menuMovil .submenus li{
	padding-top: 16px;
	padding-bottom: 16px;
	border-bottom: solid 1px #e3e3e3;
}
#menuMovil .submenus li.borderbottom{
	border-bottom: none;
}
#menuMovil .submenus li:not(:last-child){
	/*border-bottom: solid 1px #e3e3e3;*/
}
#menuMovil .language .lang a{
    display: flex;
    width: 100%;
    align-items: center;
    gap: 15px;
}
#menuMovil .language .lang a img{
    width: 22px;
    height: 22px;
    border-radius: 50%;
}
/*
---------------------------------------------------------------------------------------------
Compartir con
---------------------------------------------------------------------------------------------
*/

#share {
	position: fixed;
	z-index: 10;
	top: calc(50% - 52px);
	left: 0;
}

#share li a {
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	transition: all 100ms ease-in-out;
}

#share li a:hover {
	box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
	width: 40px;
	padding-left: 5px;
}

#share li:first-child a {
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#share li:last-child a {
	border-bottom-right-radius: 5px;
}

#share li a .fa {
	font-size: 21px;
	line-height: 34px;
	color: #fff;
}

#share li.suggestions a .fa {
	color: var(--color-blue);
	font-size: 19px;
}
#share li.suggestions a{
	background: #FFFFFF;
	box-shadow: 0 0 7.84px .16px rgba(0,0,0,.1);
}

#share li.suggestions{
	display: none;

}
#share li.facebook a,
#intro .share a.facebook {
	background: #3c599f;
}

#share li.twitter a,
#intro .share a.twitter {
	background: #32ccfe;
}

#share li.google a {
	background: #cf3d2e;
}

#share li.whatsapp a,
#intro .share a.whatsapp {
	background: #25d366;
}

#share li.linkedin a,
#intro .share a.linkedin {
	background: #0077B5;
}

#print-logo {
	display: none;
}

#intro .share>a {
	display: none;
}

/*
---------------------------------------------------------------------------------------------
MAIN
---------------------------------------------------------------------------------------------
*/
#main {
	background: #fff;
	padding: 0;
	position: relative;
}

/*
------------------------------
HOME - MOBILE/DESKTOP
------------------------------
*/
#home-mobile{
	display: none;
}

#home-desktop{
	display: block;
}


/*
------------------------------
HOME - SLIDER
------------------------------
*/
#slider {
	/*height: calc(100vh - 105px);*/
	height: 595px;
	position: relative;
	overflow: visible;
	margin-bottom: 50px;
}

#slider .slider_container,
#slider .slider_container .slick-track,
#slider .slider_container .slick-list,
#slider .slider_container .slide {
	width: 100%;
	height: 100%;
	position: relative;
	min-height: 360px;
}

#slider .slider_container .slide a {
	width: 100%;
	height: 100%;
	display: block;
}

#slider .slider_container .slide {
	z-index: 10;
	position: relative;
	display: block;
	padding: 15px 24px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 22px;
	text-align: center;
	/*height: 100%;*/
	/*background-position: center bottom;*/
	/*background-size: cover;*/
	background-repeat: no-repeat;
	height: 509.5px;
	background-position: center;
}

#slider .text_container{
	display: block;
	position: absolute;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 110px;
	z-index: 2;
}

#slider .text_container-title{
	top: 65px;
}

#slider .text_container .title {
	text-align: center;
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase;
	/*margin: 58px 0 26px 0;*/
	background: none;
	color: #fff;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.6);
}

/*Botón compra mobile*/
#slider .text_container .link-compra {
	display: none;
	text-align: center;
	position: relative;
	top: -13px;
}
#slider .text_container .link-compra a {
	padding: 18px 12px;
	display: inline-block;
	background-color: var(--color-yellow);
	color: var(--color-blue);
	border-radius: 8px;
	font-size: 16px;
	font-weight: 700;
	/*border: 1px solid var(--color-blue);*/
	max-width: 260px;
	width: 260px;
	text-align: center;
	position: relative;
	text-transform: uppercase;
	-webkit-transition: border 300ms ease;
	-moz-transition: border 300ms ease;
	-ms-transition: border 300ms ease;
	-o-transition: border 300ms ease;
	transition: border 300ms ease;
}
#slider .text_container .link-compra a .fa {
	color: var(--color-blue);
	position: relative;
	font-size: 16px;
	margin-bottom: 0;
	top: 0;
	left: -4px;
}

#slider .text_destacado {
	display: block;
	position: absolute;
	width: 70%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 312px;
	margin-top:2%;
	left: 15%;
}

#slider .text_destacado .title {
	text-align: center;
	font-size: 26px;
	font-weight: 700;
	text-transform: uppercase;
	background: none;
	color: #FFFFFF;
	line-height: 32px;
	opacity: 1;
}

#slider .text_destacado .description {
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
	text-transform: initial;
}

#slider .text_destacado .description p{
	line-height: 22px;
	margin-top: 10px;
}

#slider .slider_container .slide {
	padding: 0;
}

#slider .slider_container .slide-video {
	overflow: hidden;
	position: relative;
}

#slider .slider_container .slide-video:not(.home) video {
	position: relative;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	background-size: cover;
	top: 50%;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	/*object-fit: fill;*/
	/*top: 0;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);*/
}

#slider .slider_container .slide-video.home video{
	object-fit: cover;
	object-position: center;
	height: 509.5px;
	min-width: 100%;
	width: auto;
}

.slide-video .iconSlider {
	bottom: 83px;
}

#slider .slider_container .slick-dots {
	text-align: center;
	position: absolute;
	margin: auto;
	width: 100%;
	transform: translateY(-100%);
	/*height: 120px;*/
	line-height: 12px;
	padding: 14px 0;
	bottom: 90px;
}

#slider .slider_container .slick-dots li {
	display: inline-block;
	margin: 5px;
}

#slider .slider_container .slick-dots li button {
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	padding: 0;
	width: 5px;
	height: 4.35px;
	border-radius: 6px;
	text-indent: -9999px;
	background-color: #ccc;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	border: 0;
	box-shadow: 0 0 1px 0px #ccc inset, 0 0 1px 0px #ccc;
	opacity: 0.7;
}

#slider .slider_container .slick-dots li.slick-active button {
	background-color: #FFFFFF;
	opacity: 1;
}

/* Contador */

#slider .slider_container .slide .countdownContainer{
	max-width: 1600px;
	margin: 0 auto;
}
#slider .slider_container .slide #countdown{
	padding-top: 383px;
	max-width: 400px;
	margin: 0 auto;
}
#slider .slider_container .slide .ClassyCountdown-wrapper > div {
    width: calc(25% - 10px);
    margin: 5px 5px;
}
#slider .slider_container .slide .ClassyCountdown-value{
    color: #fff;
}
#slider .slider_container .slide .ClassyCountdown-value div{
    font-size: 30px;
    font-weight: 600;
}

/*
---------------------------------------------------------------------------------------------
HOME - Acceso r�pido en el slider
---------------------------------------------------------------------------------------------
*/
.mobileQuickAccess{
	padding-bottom: 20px;
}

.mobileQuickAccess .item-container{
	width: 95%;
	display: flex;
	margin: 15px auto;
	justify-content: space-between;
	background: #FFFFFF;
	padding: 10px 20px;
	border: 1px solid #D0D8E8;
	border-radius: 8px;
	cursor: pointer;
	color: var(--color-blue);
}

.mobileQuickAccess .item-container .icon-title{
	display: flex;
	column-gap: 15px;
}

.mobileQuickAccess .item-container .icon-title .icon{
	width: 25px;
}

.mobileQuickAccess .item-container .icon-title .icon span{
	font-size: 24px;
	line-height: 27px;
}

.mobileQuickAccess .item-container .icon-title .icon img{
	width: 24px;
	position: relative;
	top: 3px;
}

.mobileQuickAccess .item-container .text_container .title,
.mobileQuickAccess .item-container .arrow span{
	font-size: 16px;
	line-height: 30px;
}

.mobileQuickAccess .item-container .text_container .title{
	font-weight: 600;
}


.quickAccess {
	position: relative;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	margin: 0 12% -3% 12%;
	height: 113px;
	z-index: 1;
	margin-top: -79px;
}


.quickAccess .slider_container,
.quickAccess .slider_container .slick-track,
.quickAccess .slider_container .slick-list,
.quickAccess .slider_container .slide {
	width: 100%;
	height: 100%;
	position: relative;
}

.quickAccess .slider_container .slick-track {
	margin: 0 auto;
}

.quickAccess .slider_container {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000019;
	border-radius: 10px;
	opacity: 1;
}

.quickAccess .slider_container .slide {
	position: relative;
	display: block;
	text-decoration: none;
	color: inherit;
	text-align: center;
	padding: 0 20px;
	float: left;
	width: 30%;
}

.quickAccess .slider_container .slide:hover {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}

.quickAccess .slider_container .slide hr {
	border-bottom: 3px solid var(--color-yellow);
	width: 15%;
	position: relative;
	margin:auto;
	border-top:0;
}

.quickAccess .slider_container .slick-track .slide {
	width: 100%;
}


.quickAccess .slider_container .slide a {
	text-decoration: none;
	color: inherit;
}

.quickAccess .slider_container .slide .item {
	position: relative;
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	padding: 20px;
}

.quickAccess .slider_container .slide .item .img_container {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	height: 70%;
}

.quickAccess .slider_container .slide .item .img_container img {
	height: 70%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	transition: all 200ms ease;
}

.quickAccess .slider_container .slide .item .img_container .fa {
	font-size: 39px;
	color:var(--color-blue);
}

.quickAccess .slider_container .slide .item .text_container {
	text-align: center;
	background-color: #fff;
	height: 30%;
}

.quickAccess .slider_container .slide .item .text_container .title {
	line-height: 26px;
	font-size: 16px;
	font-weight: 600;
	color: var(--color-blue);
	text-align: center;
	margin: 0;
	position:relative;
}

.quickAccess  .slick-dots{
	text-align: center;
	position: relative;
	margin: auto;
	width: 100%;
	height: 50px;
	line-height: 12px;
	padding: 14px 0;
	bottom: 0;
	left:0;
}

.iconSlider{
	position: absolute;
	bottom: 0;
	left: 4%;
}

.iconSlider .fa{
	color: #ffffff;
	font-size: 23px;
	margin: 0 0 -5px 15.5px;
}

.iconSlider img{
	margin-bottom: -5px;
	max-width: 27px;
	margin-left:14.5px;
	position: relative;
	z-index: 10;
}

.iconSlider .verticalLine
{
	border-left: 3px solid var(--color-yellow) !important;
	height: 165px;
	position: relative;
	margin-left: 27px;
}
a:visited .iconSlider .verticalLine{
	border-color: var(--color-yellow);
}

/*
---------------------------------------------------------------------------------------------
HOME - DESTINATIONS
---------------------------------------------------------------------------------------------
*/

#destinations {
	padding: 10px 78px;
	max-width: 1600px;
	margin: 0 auto 50px;
}


@media (min-width: 1600px) {
	#destinations {
		padding: 10px 5px;
	}
}

#destinations .section_title{
	color: var(--color-blue);
	font-size: 30px;
	font-weight: bold;
	line-height: 1.6em;
	text-align: center;
	text-transform: uppercase;
	/*padding: 40px 0 20px 0;*/
}

#destinations .section_subtitle{
	font-size: 18px;
	color: var(--color-grey);
	padding: 0 0 20px 0;
	margin: auto;
	/*margin-bottom: 20px;*/
	font-weight: 300;
	line-height: 1.5em;
	text-align: center;
}

#destinations .col {
	float: left;
	width: 12.5%;
	padding-left: 5px;
	padding-right: 5px;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
#destinations .col:hover {
	/*box-shadow: 4px 8px 16px 0 rgba(186, 186, 186, 0.6);*/
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	filter: saturate(160%)
}

#destinations .col .destination:hover {
	box-shadow: 4px 8px 10px 0 rgba(186, 186, 186, 0.6);
}

#destinations .destination .overlay {
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 1;
	visibility: visible;
	cursor: pointer;
}

#destinations .active .destination .overlay {
	opacity: 0;
	visibility: hidden;
}

#destinations .only_active .col {
	width: 7.71%;
}

#destinations .only_active .col.active {
	width: 46%;
}

#destinations .destination{
	height: 320px;
	background-color: var(--color-grey);
	width: 100%;
	color: #fff;
	position: relative;
}

#destinations .destination .img_container{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0.8;
}

#destinations .destination .content_container{
	position: relative;
	opacity: 1;
	visibility: visible;
	width: 100%;
	height: 100%;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#destinations .active .destination .content_container{
	opacity: 0;
	visibility: hidden;
}

#destinations .destination .content_container .icons{
	position: relative;
	font-size: 18px;
	font-weight: bold;
	left:8%;
	color: #FFFFFF;
	height: 5%;
	top:6%;
}

#destinations .destination .content_container .icon_container {
	position: relative;
	height: 70%;
}

#destinations .destination .content_container .icon_container .icon{
	position: relative;
	filter: drop-shadow(3px 3px 0px var(--color-yellow));
	background-repeat: no-repeat;
	height: 100%;
	background-position: center;
	background-size: 60%;
}

#destinations .destination.palma .content_container .icon_container .icon,
.dce-Evento .icon_container.palma .icon{
	background-image: url('../img/silueta-la-palma.svg');
	background-size:40%;
}

#destinations .destination.gomera .content_container .icon_container .icon,
.dce-Evento .icon_container.gomera .icon{
	background-image: url('../img/silueta-la-gomera.svg');
	background-size:50%;
}

#destinations .destination.tenerife .content_container .icon_container .icon,
.dce-Evento .icon_container.tenerife .icon{
	background-image: url('../img/silueta-tenerife.svg');
}

#destinations .destination.grancanaria .content_container .icon_container .icon,
.dce-Evento .icon_container.grancanaria .icon{
	background-image: url('../img/silueta-gran-canaria.svg');
	background-size:50%;
}

#destinations .destination.fuerteventura .content_container .icon_container .icon,
.dce-Evento .icon_container.fuerteventura .icon{
	background-image: url('../img/silueta-fuerteventura.svg');
	background-size:50%;
}

#destinations .destination.lanzarote .content_container .icon_container .icon,
.dce-Evento .icon_container.lanzarote .icon{
	background-image: url('../img/silueta-lanzarote.svg');
}

#destinations .destination.huelva .content_container .icon_container .icon,
.dce-Evento .icon_container.huelva .icon{
	background-image: url('../img/silueta-huelva.svg');
}

#destinations .destination.hierro .content_container .icon_container .icon,
.dce-Evento .icon_container.hierro .icon{
	background-image: url('../img/silueta-el-hierro.svg');
}

#destinations .destination .content_container .text_container{
	text-align: center;
	position: relative;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	height: 25%;
}

#destinations .destination .content_container .buttons_container{
	display: none;
	width: 100%;
	padding: 20px;
	height: auto;
	position: absolute;
	bottom: 0;
	left: 0;
}

#destinations .destination .content_container .buttons_container .button{
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.6);
	position: relative;
	margin-bottom: 10px;
	cursor: pointer;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	display: block;
}

#destinations .destination .content_container .buttons_container .button:hover,
#destinations .destination .content_container .buttons_container .button.active{
	background-color: rgba(255,255,255,0.85);
	text-decoration: inherit;
}

#destinations .destination .content_container .buttons_container .button:hover *,
#destinations .destination .content_container .buttons_container .button.active *{
	color: var(--color-blue);
}

#destinations .destination .content_container .buttons_container .button .from{
	text-transform: capitalize;
	text-align: left;
	font-weight: 600;
	margin-bottom: 0;
	font-size: 14px;
}

#destinations .destination .content_container .buttons_container .button .from2{
	margin: -8px 0;
	font-size: 12px;
	display: block;
}

#destinations .destination .content_container .buttons_container .button .port{
	font-size: 12px;
}

#destinations .destination .content_container .buttons_container .button .port .fa{
	margin-right: 5px;
}

#destinations .destination .content_container .buttons_container .button:last-child{
	margin-bottom: 0;
}

#destinations .destination .content_container .buttons_container .button .arrow{
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 100%;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 100%;
}

#destinations .destination .content_container .buttons_container .button .arrow .fa{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#destinations .only_active .destination .text_container{
	opacity: 0;
}

#destinations .only_active .active .destination .text_container{
	opacity: 1;
}

#destinations .destination .text_container .title{
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	opacity: 1;
	margin: 0;
	padding: 0;
	color: #fff;
}

#destinations .destination .text_container .price{
	font-size: 11px;
	font-weight: bold;
	color:var(--color-blue);
	text-align: center;
	text-transform: uppercase;
	opacity: 1;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 4px;
	opacity: 1;
	margin: 10px 30px;
}



/* Cuando has clickado se muestran todas estas piezas */
#destinations .destination .active_container {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#destinations .active .destination .active_container {
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms;
}

#destinations .destination .active_container .icons {
	position: absolute;
	font-size: 18px;
	font-weight: bold;
	top:5%;
	left:3%;
	color: var(--color-yellow);
	height: 8%;
}

#destinations .destination .active_container .icon_container {
	position: absolute;
	width: calc(100% - 250px);
	top:8%;
	height: 30%;
}

#destinations .destination .active_container .icon_container .icon {
	height: 100px;
	position: relative;
	filter: drop-shadow(3px 3px 0px var(--color-yellow));
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18%;
}

#destinations .destination.palma .active_container .icon_container .icon {
	background-image: url('../img/silueta-la-palma.svg');
	background-size: 13%;
}

#destinations .destination.gomera .active_container .icon_container{
	top:0%;
}

#destinations .destination.gomera .active_container .icon_container .icon {
	background-image: url('../img/silueta-la-gomera.svg');
}

#destinations .destination.tenerife .active_container .icon_container .icon {
	background-image: url('../img/silueta-tenerife.svg');
}

#destinations .destination.grancanaria .active_container .icon_container,
#destinations .destination.tenerife .active_container .icon_container{
	top:3%;
}

#destinations .destination.grancanaria .active_container .icon_container .icon{
	background-image: url('../img/silueta-gran-canaria.svg');
	background-size: 16%;
}

#destinations .destination.fuerteventura .active_container .icon_container .icon {
	background-image: url('../img/silueta-fuerteventura.svg');
}

#destinations .destination.lanzarote .active_container .icon_container .icon {
	background-image: url('../img/silueta-lanzarote.svg');
}

#destinations .destination.huelva .active_container .icon_container .icon {
	background-image: url('../img/silueta-huelva.svg');
}

#destinations .destination.hierro .active_container .icon_container .icon {
	background-image: url('../img/silueta-el-hierro.svg');
}

#destinations .destination .active_container .buttons_container {
	display: block;
	width: calc(100% - 250px);
	padding: 20px;
	height: auto;
	position: absolute;
	bottom: 0;
	left: 0;
}

#destinations .destination .active_container .buttons_container .button {
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.6);
	position: relative;
	margin-bottom: 10px;
	cursor: pointer;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#destinations .destination .active_container .buttons_container .button:hover,
#destinations .destination .active_container .buttons_container .button.active {
	background-color: rgba(255,255,255,0.85);
}

#destinations .destination .active_container .buttons_container .button:hover *,
#destinations .destination .active_container .buttons_container .button.active *{
	color: var(--color-blue);
}

#destinations .destination .active_container .buttons_container .button .from {
	text-transform: capitalize;
	text-align: left;
	font-weight: 600;
	margin-bottom: 0;
	font-size: 14px;
}

#destinations .destination .active_container .buttons_container .button .from2 {
	margin: -8px 0;
	font-size: 12px;
}

#destinations .destination .active_container .buttons_container .button .port {
	font-size: 12px;
}

#destinations .destination .active_container .buttons_container .button .port .fa {
	margin-right: 5px;
}

#destinations .destination .active_container .buttons_container .button:last-child {
	margin-bottom: 0;
}

#destinations .destination .active_container .buttons_container .button .arrow {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 100%;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 100%;
}

#destinations .destination .active_container .buttons_container .button .arrow .fa {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#destinations .destination .active_container .route_container {
	display: block;
	width: 250px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	padding: 20px;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.8);
}

#destinations .destination .active_container .route_container .port {
	position: absolute;
	top: 20px;
	left: 20px;
}

#destinations .destination .active_container .route_container .duration {
	position: absolute;
	top: 20px;
	right: 20px;
	text-align: right;
}

#destinations .destination .active_container .route_container .port .fa,
#destinations .destination .active_container .route_container .duration .fa {
	display: block;
	margin-bottom: 5px;
}

#destinations .destination .active_container .route_container .map {
	position: relative;
	height: calc(100% - 40px - 56px);
	width: 100%;
	margin-top: 40px;
	margin-bottom: 20px;
	text-align: center;
}

#destinations .destination .active_container .route_container .map img {
	width: 90%;
	height: auto;
	margin: auto;
	text-align: center;
}

#destinations .destination .active_container .route_container .button {
	height: auto;
	width: 100%;
	display: block;
	text-decoration: none;
	background-color: var(--color-blue);
	padding: 10px 10px;
	line-height: 16px;
	font-size: 13px;
	text-transform: uppercase;
	text-align: center;
	box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	font-weight: 600;
	color: #fff;
}

#destinations .destination .active_container .route_container .button:hover {
	box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
}

#destinations .nota-precio{
	font-size: 12px;
	font-weight: 300;
	line-height: 1.6em;
	color: var(--color-grey);
	padding: 5px 0 0 0;
	text-align: center;
	margin: 0 0 -30px 0;
}

/*
---------------------------------------------------------------------------------------------
HOME - FEATURED OFFERS
---------------------------------------------------------------------------------------------
*/
.offers {
	padding-bottom: 40px;
}

.offers .section_title {
	color: var(--color-blue);
	font-size: 22px;
	font-weight: bold;
	line-height: 1.6em;
	text-align: center;
	padding: 40px 0 20px 0;
}

.offers .section_subtitle {
	font-size: 18px;
	color: var(--color-grey);
	padding: 0 0 20px 0;
	margin: auto;
	margin-bottom: 20px;
	font-weight: 300;
	line-height: 1.5em;
	text-align: center;
}

.offers .slider_container,
.offers .slider_container .slick-track,
.offers .slider_container .slick-list,
.offers .slider_container .slide {
	width: 100%;
	height: 100%;
	position: relative;
	/*min-height: 360px;*/
}

.offers .slider_container .slick-track {
	margin: 0 auto;
}

.offers .slider_container {
	padding-bottom: 50px;
}

.offers .slider_container .slide {
	position: relative;
	display: block;
	text-decoration: none;
	color: inherit;
	text-align: center;
	padding: 0 20px;
	/*-webkit-filter: url("/#blur");
    filter: url("/#blur"); */

	float: left;
	width: 30%;
}

.offers .slider_container .slick-track .slide {
	width: 100%;
}

.offers .slider_container .slide a {
	text-decoration: none;
	color: inherit;
}

.offers .slider_container .slide .offer {
	position: relative;
	display: block;
	text-align: center;
	padding: 0;
	margin: 5px;
	margin-bottom: 20px;
	box-shadow: 1px 2px 4px 0 #BBBBBB;
	text-decoration: none;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

.offers .slider_container .slide .offer:hover {
	box-shadow: 4px 8px 16px 0 rgba(186, 186, 186, 0.6);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

.offers .slider_container .slide .offer .img_container {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
	position: relative;
	background-color: var(--color-blue);
}

.offers .slider_container .slide .offer .img_container .fa {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -20px;
	margin-top: -20px;
	height: 40px;
	width: 40px;
	font-size: 34px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	display: block;
	z-index: 1;
	opacity: 0;
	-webkit-transform: translateY(-40px);
	transform: translateY(-40px);
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.offers .slider_container .slide .offer:hover .img_container .fa {
	opacity: 1;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

.offers .slider_container .slide .offer .img_container img {
	width: 100%;
	height: auto;
	vertical-align: middle;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}

.offers .slider_container .slide .offer:hover .img_container img {
	opacity: 0.2;
}

.offers .slider_container .slide .offer .text_container {
	text-align: center;
	padding: 20px;
	background-color: #fff;
	min-height: 135px;
}

.offers .slider_container .slide .offer .text_container .title {
	line-height: 26px;
	font-size: 16px;
	color: var(--color-blue);
	font-weight: 600;
	margin-bottom: 5px;
}

.offers .slider_container .slide .offer .text_container .description {
	font-size: 14px;
	font-weight: 300;
	color: #666;
	line-height: 1.4em;
}

.offers.extra {
	/*padding: 40px 0;*/
	background-position: bottom;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	background-image: url('../img/informacion-importante-azul.jpg');
	padding-bottom: inherit;
}

.offers.extra .section_title {
	text-align: center;
	letter-spacing: 0px;
	color: #FFFFFF;
	text-transform: capitalize;
	opacity: 1;
}

.offers.extra .section_subtitle {
	text-align: center;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
}


.offers .destacadosextra .slider_container {
	padding-bottom: inherit;
}

.offers .destacadosextra .slider_container .slide {
	width: 20%;
	padding-bottom: 30px;
}
.offers .destacadosextra.destacadosextra .slider_container .slide .offer{
	box-shadow: unset;
}
.offers .destacadosextra .slider_container .slide .offer .img_container {
	background: rgba(255, 255, 255, 0.5);
	border-radius: 30px;
	position: relative;
	width:60%;
	margin-left:20%;

}

.offers .destacadosextra .slider_container .slide .offer .img_container img {
	padding: 30px;
	opacity: inherit;
}

.offers .destacadosextra hr {
	border-bottom: 3px solid var(--color-yellow);
	width: 10%;
	position: relative;
	margin-left: 45%;
	border-top:0;
}

.offers .destacadosextra .slider_container .slide .offer .text_container{
	min-height: unset;
	background: inherit;
	padding: inherit;
}

.offers .destacadosextra .slider_container .slide .offer .text_container .title{
	color: #fff;
	text-align: center;
	margin: 0;
	padding-right: 0px;
	position:relative;
	font-size: 16px;
}
.offers .destacadosextra  .slider_container .slide .offer:hover .img_container img {
	opacity: inherit;
}


#service_59 .slick-slider,
.slickStyleFO {
	padding-bottom: 50px;
}

#service_59 .slick-arrow,
#banners .slick-arrow,
.offers .slick-arrow,
.slickStyleFO .slick-arrow,
.quickAccess .slick-arrow,
#improveYourTrip .slick-arrow,
#linesHome .slick-arrow,
.contenido.dce-block:not(.dce-Reviews) .slick-arrow{
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background-color: var(--color-blue);
	z-index: 1;
	font-size: 30px;
	line-height: 30px;
	padding: 0;
	text-align: center;
	border: 0;
	color: #fff;
	bottom: 0;
	opacity: 1;
	margin: 0;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#service_59 .prev,
#banners .prev,
.offers .prev,
.slickStyleFO .prev,
.quickAccess .prev,
#improveYourTrip .prev,
#linesHome .prev,
.contenido.dce-block:not(.dce-Reviews) .prev{
	left: 20px;
	float: left;
	padding-right: 4px;
}

#service_59 .next,
#banners .next,
.offers .next,
.slickStyleFO .next,
.quickAccess .next,
#improveYourTrip .next,
#linesHome .next,
.contenido.dce-block:not(.dce-Reviews) .next{
	right: 20px;
	float: right;
	padding-left: 4px;
}

#service_59 .slick-disabled,
#banners .slick-disabled,
.offers .slick-disabled,
.slickStyleFO .slick-disabled ,
.quickAccess .slick-disabled,
#improveYourTrip .slick-disabled,
#linesHome .slick-disabled,
.contenido.dce-block .slick-disabled{
	background-color: #ccc;
	cursor: default;
	box-shadow: none !important;
}

#service_59 .prev:hover,
#service_59 .next:hover,
#banners .prev:hover,
#banners .next:hover,
.offers .prev:hover,
.offers .next:hover,
.slickStyleFO .prev:hover,
.slickStyleFO .next:hover,
.quickAccess .prev:hover,
.quickAccess .next:hover,
#improveYourTrip .prev:hover,
#improveYourTrip .next:hover,
.contenido.dce-block .prev:hover,
.contenido.dce-block .next:hover,
#linesHome .prev:hover,
#linesHome .next:hover{
	box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
}

#service_59 .slick-dots,
#banners .slick-dots,
.offers .slick-dots,
.slickStyleFO .slick-dots,
.quickAccess .slick-dots,
#improveYourTrip .slick-dots,
#linesHome .slick-dots,
.contenido.dce-block .slick-dots
{
	text-align: center;
	position: absolute;
	margin: auto;
	width: 100%;
	height: 50px;
	line-height: 12px;
	padding: 14px 0;
	bottom: 0;
}

#service_59 .slick-dots li,
#banners .slick-dots li,
.offers .slick-dots li,
.slickStyleFO .slick-dots li,
.quickAccess  .slick-dots li,
#improveYourTrip .slick-dots li,
#linesHome .slick-dots li,
.contenido.dce-block .slick-dots li{
	display: inline-block;
	margin: 5px;
}

#service_59 .slick-dots li button,
#banners .slick-dots li button,
.offers .slick-dots li button,
.slickStyleFO .slick-dots li button,
.quickAccess  .slick-dots li button,
#improveYourTrip .slick-dots li button,
#linesHome .slick-dots li button,
.contenido.dce-block .slick-dots li button{
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	padding: 0;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	text-indent: -9999px;
	background-color: #ccc;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#service_59 .slick-dots li.slick-active button,
#banners .slick-dots li.slick-active button,
.offers .slick-dots li.slick-active button,
.slickStyleFO .slick-dots li.slick-active button,
.quickAccess .slick-dots li.slick-active button,
#improveYourTrip .slick-dots li.slick-active button.activo,
#improveYourTrip .slick-dots li.slick-active button,
.contenido.dce-block .slick-dots li.slick-active button.activo,
.contenido.dce-block .slick-dots li.slick-active button,
#linesHome .slick-dots li.slick-active button{
	background-color: var(--color-blue);
}

/*
---------------------------------------------------------------------------------------------
HOME - CHOOSE
---------------------------------------------------------------------------------------------
*/
#choose {
	padding: 40px 0;
	background-position: bottom;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	background-image: url('../img/choose-back.jpg');
	min-height: 500px;
}

#choose:before {
	content: "";
	width: 100%;
	height: 55%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.8;
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1);
	/* IE6-9 */
}

#choose .section_title {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.6em;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	margin-bottom: 40px;
}

#choose .item {
	padding: 0 20px;
	margin-bottom: 30px;
}

#choose .item .icon {
	height: 50px;
	margin: auto;
	text-align: center;
	margin-bottom: 10px;
}

#choose .item .icon img {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#choose .item .text {
	text-align: center;
	color: #fff;
	font-size: 15px;
}

/*
---------------------------------------------------------------------------------------------
ESTILOS PARA APP
---------------------------------------------------------------------------------------------
*/
#main.appIframe
{
	background-color: #f4f7ff;
	font-family: Calibri !important;
}


/*
---------------------------------------------------------------------------------------------
HOME - BANNERS
---------------------------------------------------------------------------------------------
*/
#banners {
	padding: 40px 0;
}

#banners .col-big {
	padding-left: 15px;
	padding-right: 15px;
}

#banners .section_title {
	color: var(--color-blue);
	font-size: 22px;
	font-weight: bold;
	line-height: 1.6em;
	text-align: center;
	padding: 40px 0 40px 0;
}

#banners .section_subtitle {
	font-size: 18px;
	color: var(--color-grey);
	padding: 0 0 20px 0;
	margin: auto;
	margin-bottom: 20px;
	font-weight: 300;
	line-height: 1.5em;
	text-align: center;
}

#banners .banner {
	box-shadow: 1px 2px 4px 0 #BBBBBB;
	overflow: hidden;
	position: relative;
	display: block;
	color: inherit;
	box-shadow: 1px 2px 4px 0 #BBBBBB;
	text-decoration: none;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);

	margin: 10px 0 20px 0;
}

#banners .banner:hover {
	box-shadow: 4px 8px 16px 0 rgba(186, 186, 186, 0.6);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

#banners .banner .img_container {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
	position: relative;
	background-color: var(--color-blue);

	max-height: 265px;
}

#banners .banner .img_container img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

#banners .banner:hover .img_container img {
	opacity: 0.2;
}

#banners .banner .img_container .fa {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -20px;
	margin-top: -20px;
	height: 40px;
	width: 40px;
	font-size: 34px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	display: block;
	z-index: 1;
	opacity: 0;
	-webkit-transform: translateY(-40px);
	transform: translateY(-40px);
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#banners .banner .img_container:hover .fa {
	opacity: 1;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

#banners .banner .text_container {
	text-align: center;
	padding: 20px;
	background-color: #fff;
	min-height: 60px;
}

#banners .banner .text_container .title {
	line-height: 26px;
	font-size: 16px;
	color: var(--color-blue);
	font-weight: 600;
	padding: 0;
	margin-bottom: 5px;
}

#banners .banner .text_container .description {
	font-size: 14px;
	font-weight: 300;
	color: #666;
	line-height: 1.4em;
	min-height: 45px;
}

#banners .slider_container,
#banners .slider_container .slick-track,
#banners .slider_container .slick-list,
#banners .slider_container .slide {
	width: 100%;
	height: 100%;
	position: relative;
	/*min-height: 360px;*/
}

#banners .slider_container .slick-track {
	margin: 0 auto;
}

#banners .slider_container {
	padding-bottom: 50px;
	margin-bottom: 30px;
}

#banners .slider_container .slide {
	position: relative;
	display: block;
	text-decoration: none;
	color: inherit;
	text-align: center;
	padding: 0 20px;
}

/*
---------------------------------------------------------------------------------------------
HOME - LINES
---------------------------------------------------------------------------------------------
*/

#linesHome
{
	margin: 50px 0px;
}


#linesHome .section_title {
	color: var(--color-blue);
	font-size: 30px;
	font-weight: bold;
	line-height: 1.6em;
	text-align: center;
	text-transform: uppercase;
	/*padding: 40px 0 20px 0;*/
}

#linesHome .section_subtitle {
	font-size: 18px;
	color: var(--color-grey);
	padding: 0 0 20px 0;
	margin: auto;
	/*margin-bottom: 20px;*/
	font-weight: 300;
	line-height: 1.5em;
	text-align: center;
}

#linesHome .section_subtitle a:active,
#linesHome .section_subtitle a:focus,
#linesHome .section_subtitle a.active{
	color: var(--color-blue);
}

#linesHome .container .slider_container
{
	padding-bottom: 50px;
}

#linesHome .container .slider_container .slide {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #E4E4E4;
	width: 50%;
	position: relative;
	margin:10px;
}
#linesHome .container .slider_container .slide:hover {
	box-shadow: 4px 8px 10px 0 rgba(186, 186, 186, 0.6);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	filter: saturate(120%);
	transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
}

#linesHome .container .slider_container .slide .img_container
{
	height: 220px;
	width: 100%;
}
#linesHome .container .slider_container .slick-track{
	margin-left: auto;
	margin-right: auto;
}

#linesHome .slider_container,
#linesHome .slider_container .slick-track,
#linesHome .slider_container .slick-list,
#linesHome .slider_container .slide {
	min-height: unset;
}

#linesHome .container .slider_container .slide .img_container .icon_container
{
	width: 49.7%;
	height: 100%;
}
#linesHome .container .slider_container .slide .img_container .icon_container.origin
{
	float: left;
}
#linesHome .container .slider_container .slide .img_container .icon_container.destination
{
	float: right;
}

#linesHome .container .slider_container .slide .img_container.linea
{
	position: relative;
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right top;
	background-size: 49%;
	/*height: 100%;*/
}

#linesHome .container .slider_container .slide .img_container.linea img
{
	height: 100%;
	width: 100%;
	border: 0;
}
#linesHome .container .slider_container .slide .img_container.linea img[src=""]
{
	display: none;
}


#linesHome .container .slider_container .text_container
{
	width: 100%;
	margin: 20px 0px;
}

#linesHome .container .slider_container a:hover{
	text-decoration: none;
}

#linesHome .container .slider_container .text_container .title
{
	color:var(--color-blue);
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	text-align: center;
}

#linesHome .container .slider_container .text_container hr {
	border-bottom: 3px solid var(--color-yellow);
	border-top:0;
	width: 5%;
	position: relative;
	margin-left: 47.5%;
}

#linesHome .container .slider_container .text_container .duration
{
	color:var(--color-blue);
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}



/*
---------------------------------------------------------------------------------------------
HOME - DESTINATIONS
---------------------------------------------------------------------------------------------
*/

#improveYourTrip .slider_container,
#improveYourTrip .slider_container .slick-track,
#improveYourTrip .slider_container .slick-list,
#improveYourTrip .slider_container .slide {
	width: 100%;
	height: 100%;
	position: relative;
	min-height: 360px;
}

#improveYourTrip {
	margin: 0 auto;
}

#improveYourTrip .section_title {
	color: var(--color-blue);
	font-size: 30px;
	font-weight: bold;
	line-height: 1.6em;
	text-align: center;
	text-transform: uppercase;
	padding-top: 62px;
	/*padding: 40px 0 20px 0;*/
}

#improveYourTrip .section_subtitle {
	font-size: 18px;
	color: var(--color-grey);
	padding: 0 0 20px 0;
	margin: auto;
	/*margin-bottom: 20px;*/
	font-weight: 300;
	line-height: 1.5em;
	text-align: center;
}

#improveYourTrip .container .slider_container
{
	padding-bottom: 50px;
}

#improveYourTrip .container .slider_container .slide {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #E4E4E4;
	border-radius: 10px;
	width: 25%;
	position: relative;
	margin:10px;
	transition: all 200ms ease-in-out;
}
#improveYourTrip .container .slider_container .slide:hover {
	box-shadow: 4px 8px 10px 0 rgba(186, 186, 186, 0.6);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

#improveYourTrip .container .slider_container .slide a{
	display: block;
	text-decoration: none;
}

#improveYourTrip .container .slider_container .slide hr {
	border-bottom: 3px solid var(--color-yellow);
	border-top:0;
	width: 15%;
	position: relative;
}

#improveYourTrip .container .slider_container .slide .text_container {

	padding: 0px 15px 20px 15px;
}

#improveYourTrip .container .slider_container .slide .text_container .icon {
	width: 26px;
	height: 26px;
	margin-top: 20px;
}

#improveYourTrip .container .slider_container .slide .text_container .icon img {
	width: 100%;
	height: auto;
}

#improveYourTrip .container .slider_container .slide .text_container .icon .fa {
	font-size: 26px;
	color:var(--color-blue);
}

#improveYourTrip .container .slider_container .slide .text_container .title {
	text-align: left;
	font-size: 15px;
	color: var(--color-blue);
	font-weight: bold;
	text-transform: capitalize;
}
#improveYourTrip .container .slider_container .slide .text_container .description {
	text-align: left;
	font-size: 14px;
	color: var(--color-grey);
	font-weight: 300;
	padding-top:18px;
	/*margin-bottom: 20px;*/
}


/*
---------------------------------------------------------------------------------------------
HOME - PLUS
---------------------------------------------------------------------------------------------
*/
#plus {
	padding: 150px 0;
	background-position: top;
	background-size: cover;
}

#plus .icon {
	margin-bottom: 20px;
}

#plus .description {
	margin-bottom: 20px;
}

#plus .button {
	padding: 3px 15px;
	line-height: 30px;
	background-color: var(--color-blue);
	color: #fff;
	border-radius: 0;
	font-size: 12px;
	width: auto;
	display: inline-block;
	text-decoration: none;
	border: 0;
	text-transform: uppercase;
	-webkit-transition: border 300ms ease;
	transition: border 300ms ease;
}

#plus .button.two {
	background-color: #fff;
	color: #333;
}

/*
---------------------------------------------------------------------------------------------
FOOTER
---------------------------------------------------------------------------------------------
*/
#footer {
	background: var(--color-blue);
	color: #fff;
	font-weight: 100;
}

#footer p,
#footer ul {
	font-weight: inherit;
}

#footer a {
	color: #fff;
	font-size: 14px;
}

#footer .footer_group p {
	font-size: 12px;
	line-height: 1.5em;
}

#footer .footer_group p br {
	margin-bottom: 8px;
}

#footer .main_footer {
	padding: 40px 0 35px;
}

#footer .title {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 27px;
}

#footer ul {
	margin: 0;
}

#footer ul li {
	margin-bottom: 9px;
}

#footer .col-height {
	vertical-align: top;
}

#footer .footer_certificates{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}

#footer .img_container,
#footer .intermediador{
	padding-right: 10px;
}

#footer .img_container:last-child{
	padding-right: 0px;
}

#footer .aenor {
    /*margin-left: 10px;*/
    /*margin-bottom: 10px;*/
    max-width: 40px;
    max-height: 80px;
}

#footer .intermediador {
    /*margin-left: 10px;*/
    /*margin-bottom: 2px;*/
    max-width: 65px;
}

#footer .aenor.small {
    /*margin-left: 10px;*/
    /*margin-bottom: 10px;*/
    max-width: 70px;
    max-height:70px;
}
#footer .main_footer hr{
    border: 2px solid #FFFFFF;
    opacity: 0.2;
}


#footer .bottom_bar {
	background-color: var(--color-blue);
	padding: 10px 0 7px 0;
	font-size: 12px;
	line-height: 20px;
}

#footer .bottom_bar .copyright {
	display: flex;
	justify-content: center;
	margin: 0;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: -0.24px;
}

#footer .bottom_bar ul {
	float: right;
	max-width: calc(100% - 235px);
	text-align: right;
	margin: 0;
}

#footer .bottom_bar ul li {
	display: inline-block;
	margin-bottom: 0;
}

#footer .bottom_bar ul li:before {
	content: "|";
	margin-left: 7px;
	margin-right: 7px;
}

#footer .bottom_bar ul li:first-child:before {
	content: none;
}



/*
------------------------------
FOOTER - Transparencia
------------------------------
*/

#footer .transparency_bar {
	background-color: #FFFFFF;
	padding: 40px 0px;
	font-size: 12px;
	line-height: 20px;
	margin:0 auto;

}
#footer .transparency_bar .content .element {
	/*margin-bottom: 4px;*/
}

#footer .transparency_bar .content {
	margin:0 auto;
	padding: 0px;

}
#footer .transparency_bar .title {
	color: var(--color-blue);
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom:17px;
}

#footer .transparency_bar .subtitle a {
	color: var(--color-grey);
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	/*text-transform: capitalize;*/
	line-height: 22px;
	/*margin-bottom: 5px;*/
}


/*
------------------------------
FOOTER - Apps y RRSS
------------------------------
*/
#footer .apps-rrss {
	border-top: 5px solid var(--color-blue);
	background: #fff;
}

#footer .apps-rrss .title {
	color: var(--color-blue);
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

#footer .apps-rrss p {
	color: var(--color-grey);
	margin-bottom: 5px;
}

#footer .apps {
	min-height: 150px;
	background: url('../img/app-example.png') no-repeat bottom left;
	text-align: center;
	padding: 0 105px;
}

#footer .apps .inner {
	padding: 25px 0;
}

#footer .apps .app-store img {
	height: 40px;
	margin: 10px;
}

#footer .apps .google-play img {
	height: 60px;
}

#footer .rrss {
	min-height: 150px;
	background: url('../img/rrss-border.png') no-repeat center left;
	text-align: center;
}

#footer .rrss .inner {
	padding: 25px 0;
}

#footer .rrss .icons {
	padding: 10px 0;
}

#footer .rrss .icons a {
	display: inline-block;
	min-width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 5px;
	margin-right: 3px;
	padding: 0 10px;
	line-height: 40px;
}

#footer .rrss .icons a:hover {
	text-decoration: none;
	box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
}

#footer .rrss .icons a .fa {
	font-size: 22px;
	color: #fff;
	vertical-align: middle;
}

#footer .rrss .icons .newsletter {
	background: var(--color-blue);
}

#footer .rrss .icons .newsletter .fa {
	margin-right: 5px;
}

#footer .rrss .icons .facebook {
	background: #4460A0;
}

#footer .rrss .icons .linkedin {
	background: #0073b0;
}
#footer .rrss .icons .tiktok {
	background: black;
}

#footer .rrss .icons .tiktok img{
	width: 20px;
	top: 5px;
	position: relative;
}

#footer .rrss .icons .tiktok:hover{
	background: #4a4a4a;
}

#footer .rrss .icons .youtube {
	background: #CE1312;
}

#footer .rrss .icons .twitter {
	background: black;
}
#footer .rrss .icons .twitter img {
	width: 20px;
	top: 5px;
	position: relative;
}
#footer .rrss .icons .twitter:hover{
	background: #4a4a4a;
}
#footer .rrss .icons .flickr {
	background: #275A85;
}

#footer .rrss .icons .googleplus {
	background: #DF4A33;
}

#footer .rrss .icons .rss {
	background: #F86811;
}

#footer .rrss .icons .instagram {
	background: #4c68d7;
}

/*
------------------------------
FEATURED IMAGE
------------------------------
*/
#featured_image {
	height: calc(50vh - 105px);
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: var(--color-grey);
	min-height: 360px;
}

#featured_image.large {
	height: calc(100vh - 105px);
}

#featured_image .text_container {
	display: block;
	position: absolute;
	left: 50%;
	width: 100%;
	max-width: 812px;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	top: 50%;
	text-align: center;
}

#featured_image.large .text_container {
	top: 40%;
}

#featured_image .text_container .icon {
	height: 140px;
	margin: auto;
	position: relative;
	margin-bottom: 20px;
	background-image: url('../img/mapa-canarias.svg');
	background-size: 1000px auto;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}

#featured_image .text_container .icon.palma {
	background-position: -70px -130px;
	width: 90px;
	height: 110px;
}

#featured_image .text_container .icon.gomera {
	width: 65px;
	height: 65px;
	background-position: -204px -270px;
}

#featured_image .text_container .icon.tenerife {
	width: 190px;
	height: 150px;
	background-position: -275px -195px;
}

#featured_image .text_container .icon.grancanaria {
	width: 130px;
	height: 130px;
	background-position: -480px -270px;
}

#featured_image .text_container .icon.fuerteventura {
	width: 160px;
	height: 170px;
	background-position: -740px -155px;
}

#featured_image .text_container .icon.lanzarote {
	width: 120px;
	height: 120px;
	background-position: -850px -35px;
}

#featured_image .text_container .title {
	font-size: 46px;
	line-height: 54px;
	color: #fff;
	text-shadow: 0 2px 2px var(--color-grey);
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;
	background: none;
}

#featured_image .text_container .widget_tarifas {
	font-size: 17px;
	line-height: 84px;
	color: #fff;
	text-shadow: 0 2px 2px var(--color-grey);
	font-weight: bold;
	margin-bottom: 20px;
	background: none;
}

#featured_image .text_container .title .desde {
	font-weight: normal;
	background: none;
	display: inline;
	text-transform: lowercase;
	font-size: 20px;
}

#featured_image .text_container .title .precio {
	font-weight: normal;
	background: none;
	display: inline;
	text-transform: lowercase;
	font-size: 36px;
}

#featured_image .text_container .title .nota-precio {
	font-weight: normal;
	background: none;
	display: block;
	text-transform: lowercase;
	font-size: 13px;
	line-height: 1.1em;
}

#featured_image .text_container .breadcrumbs {
	text-align: center;
	padding: 0;
	text-shadow: 0 2px 2px var(--color-grey);
	margin-bottom: 10px;
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
}

#featured_image .text_container .breadcrumbs a {
	font-size: inherit;
	color: inherit;
	text-transform: uppercase;
	margin: 0 10px;
}

#featured_image .text_container .breadcrumbs span {
	font-size: 14px;
	text-transform: uppercase;
	margin: 0 10px;
}

#featured_image.dark .text_container .title {
	color: #003059;
	text-shadow: 0 1px 2px #fff;
}

#featured_image.dark .text_container .breadcrumbs {
	color: #003059;
	text-shadow: 0 1px 2px #fff;
	font-size: 14px;
}

#featured_image .text_container .button {
	padding: 5px 25px;
	line-height: 30px;
	background-color: var(--color-blue);
	color: #fff;
	border-radius: 0;
	font-size: 12px;
	width: auto;
	display: inline-block;
	text-decoration: none;
	border: 0;
	text-transform: uppercase;
	font-weight: 600;
	cursor: pointer;
	box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0), 0 2px 2px var(--color-grey);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	font-weight: 600;
}

#featured_image .text_container .button:hover {
	padding: 5px 30px;
	box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2), 0 2px 2px var(--color-grey);
}

#featured_image .text_container #suscribe_widget {
	width: 300px;
	max-width: 100%;
	padding: 10px;
	margin: auto;
	padding: 10px;
	background-color: rgba(223, 236, 247, 0.6);
	;
}

#featured_image .text_container #suscribe_widget .form_group {
	margin-bottom: 0;
}

#featured_image .text_container #suscribe_widget .form_group .button {
	width: 100%;
}

#featured_image .text_container .share {
	color: #fff;
	text-align: center;
	padding: 10px 0;
	text-shadow: 0 2px 2px var(--color-grey);
}

#featured_image .text_container .share a {
	color: #fff;
	margin-left: 10px;
	line-height: 30px;
}

#featured_image .text_container .share a .fa {
	font-size: 18px;
	color: #fff;
}

#featured_image .text_container .info {
	text-align: center;
	padding: 10px 0;
	color: #fff;
}

#featured_image .text_container .info a {
	color: #fff;
	margin: 0 10px;
	text-shadow: 0 2px 2px var(--color-grey);
}

#featured_image .text_container .info a .fa {
	color: #fff;
	font-size: 18px;
}

#featured_image .text_container .info.bold a {
	font-weight: bold;
}

#featured_image .text_container #search_widget {
	width: 600px;
	max-width: 100%;
	padding: 10px;
	margin: auto;
	padding: 10px;
	background-color: rgba(223, 236, 247, 0.6);
	;
}

#featured_image .text_container #search_widget .form_group {
	margin-bottom: 0;
}

#featured_image .text_container #search_widget .arrow {
	position: absolute;
	right: 0;
	width: 40px;
	height: 38px;
	top: 0;
}

#featured_image .text_container #search_widget .arrow .fa-long-arrow-right {
	position: absolute;
	top: 5px;
	font-size: 20px;
	color: var(--color-blue);
	text-align: center;
	width: 100%;
}

#featured_image .text_container #search_widget .arrow .fa-long-arrow-left {
	position: absolute;
	bottom: 5px;
	font-size: 20px;
	color: var(--color-blue);
	text-align: center;
	width: 100%;
}

#featured_image .text_container #search_widget .form_group.pad_right {
	padding-right: 10px;
}

#featured_image .text_container #search_widget .form_group.pad_left {
	padding-left: 10px;
}

#featured_image .scroll_down {
	position: absolute;
	display: block;
	bottom: 40px;
	left: 50%;
	-webkit-transform: translate(-50%, 0px);
	transform: translate(-50%, 0px);
}

#featured_image.att_cliente .text_container {
	max-width: 90%;
}

#featured_image .icon_box {
	position: relative;
	display: inline-block;
	text-align: center;
	padding: 50px 20px 20px 20px;
	margin: 40px 5px 20px 5px;
	min-height: 197px;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.8);
	transition: all 200ms ease;
	backface-visibility: hidden;
	max-width: 350px;
}

#featured_image .icon_box .circle_icon {
	position: absolute;
	top: -30px;
	left: calc(50% - 30px);
	width: 60px;
	height: 60px;
	border-radius: 60px;
	background-color: var(--color-blue);
	line-height: 60px;
	text-align: center;
	font-size: 24px;
	color: #fff;
}

#featured_image .icon_box .circle_icon-left {
	left: 30px
}

#featured_image .icon_box .circle_icon-right {
	left: unset;
	right: 30px
}

#featured_image .icon_box .circle_icon.circle_icon2 {
	background: #E5EFF6;
	color: var(--color-blue);
}

#featured_image .icon_box .circle_icon.circle_icon2 .fa {
	color: var(--color-blue);
}

#featured_image .icon_box .icon_box_title {
	position: relative;
	font-size: 16px;
	font-weight: 600;
	color: var(--color-blue);
	margin-bottom: 10px;
}

#featured_image .icon_box .description {
	font-size: 13px;
	font-weight: 400;
}

#featured_image .icon_box strong,
#featured_image .icon_box strong a {
	font-size: 16px;
	display: block;
	color: #666;
	text-decoration: none;
	font-weight: 400;
}

#featured_image .icon_box strong a.phone {
	font-size: 24px;
}

#featured_image .icon_box .azul {
	color: var(--color-blue);
	text-decoration: underline;
}

@-webkit-keyframes bounceball {
	0% {
		-webkit-transform: translate(0px, -6px);
	}

	50% {
		-webkit-transform: translate(0px, 2px);
	}

	100% {
		-webkit-transform: translate(0px, -6px);
	}
}

@keyframes bounceball {
	0% {
		-webkit-transform: translate(0px, -6px);
		transform: translate(0px, -6px);
	}

	50% {
		-webkit-transform: translate(0px, 2px);
		transform: translate(0px, 2px);
	}

	100% {
		-webkit-transform: translate(0px, -6px);
		transform: translate(0px, -6px);
	}
}

#featured_image .scroll_down circle {
	-webkit-animation: bounceball 0.9s linear infinite;
	animation: bounceball 0.9s linear infinite;
}

#featured_image .anchors {
	text-align: center;
	padding: 10px 0 0 0;
}

#featured_image .anchors a {
	color: #fff;
	display: inline-block;
	text-align: left;
	font-size: 17px;
	border: 1px solid #fff;
	padding: 10px;
	margin: 0 0 10px 0;
	min-width: 280px;
	background: var(--color-blue);
}

#featured_image .anchors a .fa {
	font-size: 24px;
	display: inline-block;
	float: left;
	margin: -4px 5px 0 0;
}

#featured_image .anchors a span {
	display: inline-block;
}

#featured_image .anchors a:hover {
	text-transform: none;
	background: var(--color-blue);
}

#featured_image .anchors a:hover .fa {
	animation: bounceball 0.9s linear infinite;
}


#featured_image.att_cliente {
	min-height: 660px;
}

#featured_image.att_cliente .text_container {
	top: 0;
	transform: translateX(-50%);
}

/*
------------------------------
FEATURED Video
------------------------------
*/
#featured_video {
	height: calc(50vh - 105px);
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: var(--color-grey);
	min-height: 360px;
	width: 100%;
	object-fit: cover;
}

/*
---------------------------------------------------------------------------------------------
BREADCRUMS
---------------------------------------------------------------------------------------------
*/
#intro {
	padding: 40px 0 25px 0;
}

#intro .breadcrumbs {
	text-align: center;
	font-size: 14px;
	color: var(--color-grey);
	text-transform: uppercase;
	margin-bottom: 20px;
}

#intro .breadcrumbs a {
	font-size: 14px;
	color: var(--color-grey);
	text-transform: uppercase;
	margin: 0 10px;
}

#intro .breadcrumbs span {
	font-size: 14px;
	color: var(--color-grey);
	text-transform: uppercase;
	margin: 0 10px;
}

#intro .title {
	font-size: 38px;
	line-height: 46px;
	color: var(--color-blue);
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;
	background: none;
}

#intro .subtitle {
	font-size: 22px;
	color: var(--color-blue);
	font-weight: bold;
	background: none;
	margin-bottom: 20px;
}

#intro .claim {
	color: var(--color-grey);
	font-size: 18px;
	font-weight: 300;
	line-height: 1.6em;
	margin: auto auto 40px;
	padding: 0;
}

#intro .date {
	font-size: 14px;
	color: #bbb;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

#intro .iframe_container {
	max-width: 100%;
	margin: auto;
	margin-top: 0;
	width: 500px;
}

#intro .embed-responsive {
	margin-bottom: 40px;
	width: 500px;
	max-width: 100%;
}

#intro iframe {
	width: 100%;
	height: 100%;
}

#intro .intro-bottom {
	margin-bottom: 15px;
}

/* 3 bloques horizontales con icono */
#intro .info_group_3cols {
	margin-bottom: 40px;
}

#intro .info_group_3cols .info_group {
	position: relative;
	margin-top: 20px;
	padding-left: 80px;
	margin-bottom: 20px;
}

#intro .info_group_3cols .info_group .title4 {
	margin-bottom: 5px;
	padding-top: 10px;
	font-weight: bold;
	color: #000;
	font-size: 14px;
}

#intro .info_group_3cols .info_group .image {
	border-radius: 20px;
	text-align: center;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 70px;
	height: 60px;
	padding: 5px 10px;
}

#intro .info_group_3cols .info_group .icon {
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	border-radius: 20px;
	background-color: var(--color-blue);
	margin: 10px 20px;
}

#intro .info_group_3cols .info_group .subtitle {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.4em;
	color: #666;
	text-transform: lowercase;
}

@media (max-width: 992px) {
	#intro .info_group_3cols .info_group .image {
		position: absolute;
	}
}

@media (max-width: 768px) {
	#intro .info_group_3cols .info_group {
		margin: auto;
		max-width: 260px;
		margin-bottom: 20px;
		padding-right: 0px;
	}
}

/* Lineas */


#lines {
	margin-bottom: 20px;
}

#lines .title2 {
	margin-bottom: 30px;
}

#lines .line {
	position: relative;
	display: block;
	padding: 0;
	overflow: hidden;
	margin: 5px;
	margin-bottom: 20px;
	box-shadow: 1px 1px 6px 0 #BBBBBB;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

#lines .line .info {
	padding: 20px;
	box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.2);
	position: relative;
	overflow-x: hidden;
}

#lines .line .info .title {
	font-size: 16px;
	color: var(--color-blue);
	font-weight: 600;
	margin-bottom: 20px;
}

#lines .line .info .title span:not(.fa) {
	font-size: 12px;
	line-height: 19px;
	color: #888;
	display: inline-block;
	font-weight: 400;
}

#lines .line .info .port {
	position: absolute;
	top: 20px;
	right: 20px;
	line-height: 20px;
	font-size: 14px;
	color: var(--color-grey);
}

#lines .line .info .port a {
	color: var(--color-blue);
}

#lines .line .info .port .fa {
	color: var(--color-blue);
	padding-right: 5px;
	padding-left: 5px;
}

#lines .line .info .port .plus {
	color: var(--color-blue);
	font-weight: 700;
}

#lines .line .info .duration,
#lines .line .info .distance,
#lines .line .info .stops,
#lines .line .info .ferrybus,
#lines .line .info .rutaSuspendida{
	display: inline-block;
	margin-right: 20px;
	color: #888;
	line-height: 20px;
}

#lines .line .info .rutaSuspendida{
	float: right;
	margin-right: 0px;
}

#lines .line .info .duration .fa,
#lines .line .info .distance .fa,
#lines .line .info .stops .fa,
#lines .line .info .ferrybus .fa {
	font-size: 16px;
	line-height: 20px;
	margin-right: 5px;
	width: 20px;
	text-align: center;
}

#lines .line .info .button {
	padding: 5px 25px;
	line-height: 25px;
	background-color: var(--color-blue);
	color: #fff;
	border-radius: 0;
	font-size: 12px;
	width: auto;
	display: inline-block;
	text-decoration: none;
	border: 0;
	text-transform: uppercase;
	box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	font-weight: 600;

	position: absolute;
	bottom: 20px;
	right: 20px;
}

#lines .line .info .button:hover {
	padding: 5px 30px;
	box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
}

#lines .line .boats {
	display: none;
	padding: 0 20px;
	background-color: #eee;
}

#lines .line .boats .boat {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	font-size: 13px;
	color: #888;
}

#lines .line .boats .boat:last-child {
	border-bottom: 0;
}

#lines .line .boats .boat .title {
	color: var(--color-grey);
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px;
}

#lines .line .boats .boat span {
	margin-right: 20px;
}

/*
---------------------------------------------------------------------------------------------
FULL SLIDER
---------------------------------------------------------------------------------------------
*/
#full_slider {
	width: 100%;
	height: 50vw;
	min-height: 300px;
	max-height: 500px;
	position: relative;
	overflow: hidden;
}

#full_slider.slider_landing {
	height: 100%;
}

#full_slider .slider_container,
#full_slider .slider_container .slick-track,
#full_slider .slider_container .slick-list,
#full_slider .slider_container .slide {
	width: 100%;
	height: 100%;
	position: relative;
}

#full_slider .slider_container .slide {
	z-index: 10;
	position: relative;
	display: block;
	padding: 15px 24px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 22px;
	text-align: center;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

#full_slider .slick-arrow {
	position: absolute;
	top: 50%;
	margin-top: -40px;
	width: 50px;
	height: 80px;
	z-index: 1;
	font-size: 60px;
	line-height: 80px;
	padding: 0;
	text-align: center;
	border: 0;
	color: #fff;
	cursor: pointer;
	text-shadow: 0 2px 2px var(--color-grey);
	background-color: transparent;
	opacity: 0.6;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#full_slider .prev {
	left: 20px;
}

#full_slider .next {
	right: 20px;
}

#full_slider .prev:hover {
	left: 10px;
}

#full_slider .next:hover {
	right: 10px;
}

#full_slider .slick-disabled {
	opacity: 0.2;
	cursor: default;
	box-shadow: none !important;
}

#full_slider .prev:hover,
#full_slider .next:hover {
	opacity: 1;
}

#full_slider .slick-dots {
	text-align: center;
	position: absolute;
	margin: auto;
	width: 100%;
	bottom: 0;
	height: 50px;
	line-height: 12px;
	padding: 14px 0;
}

#full_slider .slick-dots li {
	display: inline-block;
	margin: 5px;
}

#full_slider .slick-dots li button {
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	padding: 0;
	width: 12px;
	height: 12px;
	background-color: #fff;
	opacity: 0.6;
	border-radius: 6px;
	box-shadow: 0 1px 2px var(--color-grey);
	text-indent: -9999px;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#full_slider .slick-dots li.slick-active button {
	opacity: 1;
}

/*
---------------------------------------------------------------------------------------------
CONTENIDO LISTADO
---------------------------------------------------------------------------------------------
*/
.contenido {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.6em;
	color: var(--color-grey);
}

.contenido .super_title {
	font-size: 24px;
	color: var(--color-blue);
	line-height: 40px;
	font-weight: bold;
	margin-bottom: 40px;
	text-align: center;
	background: none;
}

.contenido h1,
.contenido h2,
.contenido h3 {
	background: none;
	font-weight: bold;
	font-size: 34px;
	color: var(--color-blue);
	margin-bottom: 10px;
	line-height: 34px;
	text-transform: uppercase;
}

.contenido h2 {
	font-size: 30px;
	line-height: 30px;

}

.contenido h3 {
	font-size: 26px;
	line-height: 26px;
}

.contenido h4,
.contenido h5,
.contenido h6 {
	background: none;
	font-weight: bold;
	font-size: 30px;
	color: var(--color-blue);
	margin-bottom: 10px;
	line-height: 30px;
}

.contenido h5 {
	font-size: 26px;
	line-height: 26px;

}

.contenido h6 {
	font-size: 22px;
	line-height: 22px;
}

.contenido p {
	margin-bottom: 10px;
}

.contenido .linkanchor {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5em;
	text-decoration: underline;
}

.contenido .linkanchor .fa {
	margin-right: 8px;
}

.contenido.special p {
	font-size: 14px;
	font-weight: 300;
	color: #888;
	margin-bottom: 10px;
	line-height: 22px;
	margin-bottom: 20px;
}

.contenido ul {
	padding-left: 20px;
}

.contenido li {
	margin: 0 0 6px 20px;
	text-align: left;
}

.contenido ol li {
	list-style: decimal;
}

.contenido ul li {
	list-style: disc;
}

.contenido ul li ul {
	margin-top: 20px;
}

.contenido ul li ul li {
	margin-top: 20px;
	list-style: circle;
}

.contenido strong {
	font-weight: bold;
	/*display: inline-block;*/
}

.contenido em {
	font-style: italic;
}

.contenido blockquote {
	margin-left: 40px;
	padding: 20px;
	border-left: 3px solid var(--color-blue);
	background-color: #eee;
}

.contenido a {
	color: var(--color-blue);
	text-decoration: none;
}

.contenido a:hover {
	text-decoration: underline;
}

.contenido img {
	text-align: center;
	margin: auto;
	max-width: 100%;
}

.contenido .title1 {
	color: var(--color-blue);
	font-size: 22px;
	font-weight: bold;
	line-height: 1.6em;
	margin-bottom: 20px;
}

.contenido .title2 {
	color: var(--color-grey);
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.contenido .title3 {
	font-size: 16px;
	color: var(--color-blue);
	font-weight: 600;
	margin-bottom: 5px;
}

.contenido .title4,
.contenido .title4_normal {
	color: var(--color-grey);
	font-size: 15px;
	font-weight: bold;
}

.contenido .title4_normal {
	text-transform: none;
}

.contenido .item {
	text-align: center;
	padding-bottom: 40px;
}

.contenido .form_container .form_title {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 20px;
}

.contenido .form_container .form_group {
	margin-bottom: 20px;
}

.contenido .form label {
	display: block;
	font-size: 13px;
	margin-bottom: 5px;
}

.contenido .form input[type='text'],
.contenido .form select {
	border-radius: 0;
	height: 35px;
	line-height: 35px;
	background-color: #eee;
	border: 1px solid #ccc;
	padding-left: 10px;
	width: 100%;
}

.contenido .form input[type='text']:focus,
.contenido .form select:focus,
.contenido .form textarea:focus {
	border: 1px solid var(--color-blue);
}

.contenido .form textarea {
	border-radius: 0;
	height: 120px;
	max-width: 100%;
	line-height: 19px;
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 8px 10px;
	width: 100%;
}

.contenido .form_container a {
	font-weight: bold;
}

.contenido .form_container a {
	font-weight: bold;
}

.contenido .form .legal {
	font-size: 13px;
	display: inline-block;
	color: #888;
	font-style: italic;
}

.contenido .form input[type="checkbox"] {
	display: inline-block;
	width: auto;
	height: auto;
	margin-right: 5px;
}

.contenido .form input[type="submit"],
.contenido .form .button {
	padding: 3px 25px;
	line-height: 30px;
	background-color: var(--color-blue);
	color: #fff;
	border-radius: 0;
	font-size: 12px;
	width: auto;
	float: right;
	border: 0;
	text-transform: uppercase;
	-webkit-transition: border 300ms ease;
	transition: border 300ms ease;
}

.gold_container p {
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 40px;
}

.gold_group {
	width: 100%;
	padding: 15px;
	margin-bottom: 20px;
}

.gold_group .image {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	border-radius: 100%;
	border: 6px solid #AF8E02;
	margin-bottom: 10px;
}

.gold_group .image img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.gold_group .title {
	font-size: 15px;
	text-align: center;
	font-weight: 600;
	margin-bottom: 20px;
	color: #666;
	text-transform: none;
	line-height: 1.6em;
}

.gold_icon {
	width: 100%;
	height: auto;
}

.gold_icon img {
	width: 100%;
	height: auto;
}

/* Salidas: Canarias - Peninsula */
.contenido .salidas-3col {
	margin-bottom: 22px;
}

.contenido .salidas-3col>div {
	float: left;
	width: 33.33%;
	text-align: center;
	padding: 23px 20px;
	background: #fff;
	box-shadow: 1px 2px 4px 0 #BBBBBB;
	color: var(--color-grey);
	font-size: 16px;
	line-height: 18px;
}

.contenido .salidas-3col>div div {
	font-weight: 600;
	color: #000;
	padding-bottom: 18px;
}

.contenido .salidas-3col>div:nth-child(1) {
	background: var(--color-blue);
	font-weight: 600;
	padding-top: 41px;
	padding-bottom: 41px;
	color: #fff;
}

/* Noticas: resumen */
.contenido.resumen {
	font-size: 15px;
	margin-bottom: 30px;
}

/*
---------------------------------------------------------------------------------------------
TARIFAS LISTADO
---------------------------------------------------------------------------------------------
*/
#featured_image.tarifas {
	height: auto;
	overflow-x: hidden;
}

#featured_image.tarifas .text_container {
	max-width: 100%;
	position: relative;
	transform: none;
	left: 0;
	top: 0;
	margin: auto;
	padding-top: 26px;
	padding-bottom: 5px;
}

#featured_image #rate-ls .share {
	display: none;
	padding-left: 10px;
	padding-right: 10px;
}

#rate-ls {
	padding: 50px 0 40px 0;
}

#rate-ls .rate {
	position: relative;
	display: block;
	text-align: center;
	padding: 0 0 20px 0;
	text-decoration: none;
	transition: all 400ms ease;
	backface-visibility: hidden;
	transform: translateY(0px);
	float: left;
	width: 25%;
	margin-left: -6.25%;
}

#rate-ls .rate:first-child {
	margin-left: 0;
}

#rate-ls .rate .rate_inner {
	background-color: #fff;
	padding: 30px 25px 20px 25px;
	position: relative;
	top: 0;
	left: 0;
	text-align: left;
	transition: all 400ms ease;
	box-shadow: 1px 2px 4px 0 var(--color-grey);
}

#rate-ls .rate:hover,
#rate-ls .rate.hover {
	transform: translateY(-20px);
	z-index: 10;
}

#rate-ls .rate:hover .rate_inner,
#rate-ls .rate.hover .rate_inner {
	box-shadow: 4px 8px 16px 0 rgba(69, 69, 69, 0.7);
	transform: scale(1.2);
}

#rate-ls .rate .rate_inner .circle_icon {
	position: absolute;
	top: -30px;
	left: calc(50% - 30px);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #fff;
	line-height: 60px;
	text-align: center;
	font-size: 25px;
	color: var(--color-blue);
	transition: all 400ms ease;
}

#rate-ls .rate .rate_inner .circle_icon .extra {
	position: absolute;
	top: 17px;
	right: 18px;
	font-size: 10px;
	line-height: 1em;
}

#rate-ls .rate .rate_inner .title {
	font-size: 14px;
	text-align: center;
	color: var(--color-blue);
	margin: 0 0 20px 0;
	line-height: 1.2em;
	text-shadow: none;
	text-transform: uppercase;
}

#rate-ls .rate .rate_inner .content {
	color: #333333;
	min-height: 20px;
}

#rate-ls .rate .rate_inner .content ul {
	margin: 0;
}

#rate-ls .rate .rate_inner .content ul li {
	display: block;
	width: 100%;
	margin-bottom: 5px;
	font-size: 13px;
	color: var(--color-grey);
	font-weight: 300;
}

#rate-ls .rate .rate_inner .content ul li span {
	font-size: 12px;
}

#rate-ls .rate .rate_inner .content ul li .fa {
	color: var(--color-blue);
	margin-right: 5px;
}

#rate-ls .rate.flexible .circle_icon .fa,
#rate-ls .rate.flexible .rate_inner .title,
#rate-ls .rate.flexible .rate_inner .content ul li .fa {
	color: #013857;
}

#rate-ls .rate.priority .circle_icon .fa,
#rate-ls .rate.priority .rate_inner .title,
#rate-ls .rate.priority .rate_inner .content ul li .fa {
	color: #013857;
}

#rate-ls .rate.priority .circle_icon .fa {
	border: 2px solid #013857;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	line-height: 37px;
	text-align: center;
	color: #013857;
	box-shadow: 0 0px 0 3px transparent, 0 0 0 5px #013857;
}

#rate-ls .rate.gold .circle_icon .fa {
	border: 2px solid #d9a300;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	line-height: 37px;
	text-align: center;
	color: #d9a300;
	box-shadow: 0 0px 0 3px transparent, 0 0 0 5px #d9a300;
}

#rate-ls .rate.gold .rate_inner .title,
#rate-ls .rate.gold .rate_inner .content ul li .fa {
	color: #d9a300;
}

#rate-ls .rate .rate_inner .content ul li.disabled {
	opacity: 0.4;
}

#rate-ls .rate .rate_inner .content ul li.disabled .fa {
	color: #888;
}

.asterisk_text {
	color: #FFF;
	font-size: 13px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
	text-shadow: 0 1px 2px #000;
}

/* Tarifas 2 (landing Canarias - Peninsula)*/

#rate2-ls {
	padding: 50px 0 0 0;
}

#rate2-ls .rate {
	position: relative;
	display: block;
	text-align: center;
	padding: 0 0 20px 0;
	text-decoration: none;
	transition: all 400ms ease;
	backface-visibility: hidden;
	transform: translateY(0px);
	float: left;
	width: 31%;
	margin-left: 3.5%;
}

#rate2-ls .rate:first-child {
	margin-left: 0;
}

#rate2-ls .rate .rate_inner {
	background-color: #fff;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
	text-align: left;
	transition: all 400ms ease;
	box-shadow: 1px 2px 4px 0 var(--color-grey);
}

#rate2-ls .rate:hover,
#rate2-ls .rate.hover {
	transform: translateY(-20px);
	z-index: 10;
}

#rate2-ls .rate:hover .rate_inner,
#rate2-ls .rate.hover .rate_inner {
	box-shadow: 4px 8px 16px 0 rgba(69, 69, 69, 0.7);
	transform: scale(1.1);
}

#rate2-ls .rate .rate_inner .circle_icon {
	position: absolute;
	top: -40px;
	left: calc(50% - 40px);
	width: 80px;
	height: 40px;
	border-radius: 40px 40px 0 0;
	background-color: var(--color-blue);
	line-height: 60px;
	text-align: center;
	font-size: 25px;
	color: #fff;
	transition: all 400ms ease;
}

#rate2-ls .rate .rate_inner .circle_icon img {
	padding-top: 5px;
}

#rate2-ls .rate .rate_inner .circle_icon .extra {
	position: absolute;
	top: 17px;
	right: 18px;
	font-size: 10px;
	line-height: 1em;
}

#rate2-ls .rate .rate_inner .title {
	font-size: 16px;
	text-align: center;
	color: #fff;
	background: var(--color-blue);
	margin: 0 0 20px 0;
	line-height: 1.2em;
	font-weight: 700;
	text-shadow: none;
	text-transform: uppercase;
	padding: 24px 20px;
}

#rate2-ls .rate .rate_inner .content {
	color: #333333;
	min-height: 251px;
	padding: 0 20px 15px 20px;
}

#rate2-ls .rate .rate_inner .content ul {
	margin: 0;
	padding: 0;
}

#rate2-ls .rate .rate_inner .content ul li {
	display: block;
	width: 100%;
	margin: 0 0 15px 0;
	font-size: 13px;
	color: var(--color-grey);
	font-weight: 300;
}

#rate2-ls .rate .rate_inner .content ul li>div:first-child {
	float: left;
	width: 20px;
	margin-right: 3px;
	text-align: center;
}

#rate2-ls .rate .rate_inner .content ul li>div:last-child {
	float: left;
	width: calc(100% - 23px);
}

#rate2-ls .rate .rate_inner .content ul li .fa {
	color: var(--color-blue);
	font-size: 14px;
}

#rate2-ls .rate .rate_inner .content ul li img {
	width: 100%;
}

/*
---------------------------------------------------------------------------------------------
FLOTAS LISTADO
---------------------------------------------------------------------------------------------
*/
#fleet-ls {
	padding: 0 0px 40px 0;
}

#fleet-ls .fleet {
	position: relative;
	display: block;
	text-align: center;
	padding: 0;
	margin: 5px;
	margin-bottom: 20px;
	text-decoration: none;
}

#fleet-ls .fleet .fa {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -20px;
	margin-top: -20px;
	height: 40px;
	width: 40px;
	font-size: 34px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	display: block;
	z-index: 1;
	opacity: 0;
	-webkit-transform: translateY(-40px);
	transform: translateY(-40px);
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#fleet-ls .fleet:hover .fa {
	opacity: 1;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

#fleet-ls .fleet .img_container {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
	position: relative;
	background-color: var(--color-blue);
	border-radius:10px ;
	min-height: 100px;
}

#fleet-ls .fleet .img_container img {
	width: 100%;
	height: auto;
	vertical-align: middle;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
	min-width: 300px;
	transform: translate(-50%, 0%);
	top: 50%;
	left: 50%;
	position: relative;
}

#fleet-ls .fleet:hover .img_container img {
	opacity: 0.2;
}

#fleet-ls .fleet .text_container {
	text-align: left;
	color: var(--color-blue);
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0;
}


@media (max-width: 415px){
	#fleet-ls .fleet .text_container{
		font-size: 13px;
	}
}

/*
---------------------------------------------------------------------------------------------
OFERTAS LISTADO
---------------------------------------------------------------------------------------------
*/
.offers-ls {
	padding: 40px 0;
}

.offers-ls .item{
	background-color: #F4F7FF;
	margin-bottom: 30px;
	padding: 21px 17px;
}

.offers-ls .item .header_container{
	position: relative;
}

.offers-ls .item .header_container .icon{
	position: absolute;
	height: 22px;
	width: 22px;
	top:3px;
}

.offers-ls .item .header_container .title{
	font-size: 18px;
	color: var(--color-grey);
	text-transform: none;
	text-align: left;
	padding-left: 30px;
	font-weight: 600;
	text-transform: capitalize;
}

.offers-ls .offer .header_container .precio_container-title{
	display: none;
}

.offers-ls .offer .header_container .title .iconChevron{
	display: none;
}

.offers-ls .item .text_container{
    color: var(--color-grey);
}

.offers-ls .item .description hr{
	width: 70px;
	border-bottom: 2px solid var(--color-yellow);
	border-top:0;
	margin: 0px 0px 16.5px 0px;
}

.offers-ls .extra {
	margin-bottom: 40px;
	text-align: center;
	margin-top: 30px;
	font-style: italic;
	font-size: 14px;
	color: #888;
}

.offers-ls .offer {
	display: block;
	text-align: center;
	padding: 0;
	text-decoration: none;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	margin: 0 auto;
}

/*.offers-ls .offer:hover{
    box-shadow: 4px 8px 16px 0 rgba(186, 186, 186, 0.6);
	transform: translateY(-5px);
}*/
.offers-ls .offer .img_container {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
	position: relative;
	background-color: var(--color-blue);
}

.offers-ls .offer .img_container img {
	width: 100%;
	height: auto;
	vertical-align: middle;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}

/*.offers-ls .offer:hover .img_container img{
	opacity: 0.2;
}*/

.offers-ls .offer .precio_container {
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: right;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.6);
	padding: 0px 11px;
}

.offers-ls .offer .precio_container .desde {
	font-size: 9px;
	text-shadow: 0 1px 1px #333;
}

.offers-ls .offer .precio_container .precio {
	font-size: 28px;
	font-weight: 600;
	text-shadow: 0 2px 2px #333;
	/*margin: 4px 0;*/
}

.offers-ls .offer .precio_container .nota-precio {
	font-size: 9px;
	text-shadow: 0 1px 1px #333;
}

.offers-ls .offer .precio_container .asterisco {
	font-size: 9px;
	vertical-align: top;
	line-height: 1em;
}

.offers-ls .offer .text_container {
	text-align: center;
	padding: 20px 10px 10px 10px;
	background-color: #fff;
}

.offers-ls .offer .offer-extra{
	display: none;
	font-size: 12px;
	text-align: left;
}

.offers-ls .offer .text_container .date {
	color: #929292;
	margin-bottom: 20px;
}

/*.offers-ls .offer .text_container .description {*/
	/*height: 45px;*/
/*}*/

.offers-ls .offer .text_container .description p {
	line-height: 1.4em;
}

@media (max-width: 700px){
	.offers-ls .item{
		max-width: 100%;
		padding: 14px 18px 10px 18px;
		margin-bottom: 19px;
	}

	.offers-ls .offer{
		width: 100%;
	}

	.offers-ls .item .header_container .title{
		font-size: 16px;
	}

	.offers-ls .offer .header_container .precio_container-title{
		display: block;
		position: absolute;
		right: 27px;
		top: -5px;
		color: var(--color-blue);
		line-height: normal;
		text-align: right;
	}

	.offers-ls .offer .header_container .precio_container-title .desde{
		font-size: 12px;
		text-transform: lowercase;
	}

	.offers-ls .offer .header_container .precio_container-title .precio{
	font-size: 16px;
	}

	.offers-ls .offer .header_container .title .iconChevron{
		display: block;
		position: absolute;
		right: 0;
		top: 5px;
	}

	.offers-ls .offer .description{
		display: none;
	}

	.offers-ls .offer .description .text_container{
		margin-bottom: 18px;
	}

	.offers-ls .offer .description .offer-extra{
		line-height: normal;
	}

	.offers-ls .offer .offer-extra{
		display: block;
	}
}

/*
---------------------------------------------------------------------------------------------
OFERTAS LISTADO 2
---------------------------------------------------------------------------------------------
*/
.offers2-ls {
	padding: 0 0 0 0;
}

.offers2-ls .super_title {
	font-size: 24px;
	color: var(--color-blue);
	line-height: 40px;
	font-weight: bold;
	margin-bottom: 40px;
	text-align: center;
	background: none;
	text-transform: uppercase;
}

.offers2-ls .extra {
	margin-bottom: 40px;
	text-align: center;
	margin-top: 30px;
	font-style: italic;
	font-size: 14px;
	color: #888;
}

.offers2-ls .offer {
	position: relative;
	display: block;
	text-align: left;
	padding: 0;
	margin: 5px;
	padding-left: 50px;
	margin-bottom: 20px;
	min-height: 142px;
}

.offers2-ls .offer .text_container .icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	background-color: var(--color-blue);
	color: #fff;
}

.offers2-ls .offer .text_container .title {
	font-size: 15px;
	color: var(--color-blue);
	padding: 10px 0;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.offers2-ls .offer.special .text_container .title {
	color: #C92121;
}

.offers2-ls .offer.special .text_container .title span {
	color: var(--color-blue);
}

.offers2-ls .offer .text_container .date {
	color: #929292;
	margin-bottom: 20px;
}

.offers2-ls .offer .text_container .description {
	min-height: 60px;
}

.offers2-ls .offer .text_container .description,
.offers2-ls .offer .text_container .description p {
	color: #666;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.6em;
}

.offers2-ls .offer .text_container .description a,
.offers2-ls .offer .text_container .description p a {
	color: var(--color-blue);
}

/*
---------------------------------------------------------------------------------------------
RUTAS MAP
---------------------------------------------------------------------------------------------
*/
#featured_image.rutas_map {
	height: 500px;
}

#featured_image.rutas_map .text_container {
	display: block;
	position: relative;
	left: 0;
	width: 100%;
	max-width: 100%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: none;
	top: 0;
	text-align: center;
}

#featured_image .text_container .breadcrumbs,
#featured_image .text_container .title {
	margin-top: 20px;
	position: relative;
	z-index: 1;
}

.routes_map {
	width: 100%;
	height: 100%;
	margin-top: -136px;
}

.routes_map .ratio {
	opacity: 0;
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.routes_map .routes_map_container {
	width: 980px;
	max-width: 100%;
	height: auto;
	margin: auto;
	position: relative;
}

.routes_map .routes_map_container .layer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.routes_map .routes_map_container .layer_base {
	background-image: url("../img/mapa/v4/map_base_fosa_v2.png");
}

.routes_map .routes_map_container .layer_text {
	background-image: url("../img/mapa/v4/mapa_text_fosa_es_v2.png");
}

.routes_map.lang_en .routes_map_container .layer_text {
	background-image: url("../img/mapa/v4/mapa_text_fosa_en_v2.png");
}

.routes_map .routes_map_container .layer_base {
	background-image: url("../img/mapa/v4/map_base_fosa_v2.png");
}

.routes_map .routes_map_container .layer_route {
	opacity: 0;
	transition: 1200ms;
}

.routes_map .routes_map_container .layer_route.visible_important,
.routes_map .routes_map_container .layer_route.visible {
	opacity: 1;
	transition: 300ms;
}

.routes_map .routes_map_container .layer_links>div {
	position: absolute;
	background-color: transparent;
	cursor: pointer;
	z-index: 5;
	opacity: 1;
}

.routes_map .routes_map_container .layer_links>div.active {
	z-index: 10;
}

.routes_map .routes_map_container .layer_links .spcgmr {
	left: 11%;
	top: 44%;
	width: 12%;
	height: 22%;
	border-radius: 0 100%;
}

.routes_map .routes_map_container .layer_links .spcgmr .route_block {
	top: -10%;
	left: 120%;
}

.routes_map .routes_map_container .layer_links .spcgmr .route_block:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 15px 15px 0;
	border-color: transparent #fff transparent transparent;
	top: 16%;
	left: -15px;
	margin-left: 0;
}

.routes_map .routes_map_container .layer_links .spccrt {
	left: 11%;
	top: 44%;
	width: 16%;
	height: 28%;
	border-radius: 0 100%;
}

.routes_map .routes_map_container .layer_links .spccrt .route_block {
	top: -32%;
	left: 113%;
}

.routes_map .routes_map_container .layer_links .spccrt .route_block:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 15px 15px 0;
	border-color: transparent #fff transparent transparent;
	top: 16%;
	left: -15px;
	margin-left: 0;
}

.routes_map .routes_map_container .layer_links .qlyqfu {
	left: 84%;
	top: 38%;
	width: 3%;
	height: 5%;
	border-radius: 50% 0%;
}

.routes_map .routes_map_container .layer_links .qlyqfu .route_block {
	top: 220%;
	left: -470%;
}

.routes_map .routes_map_container .layer_links .qlyqfu .route_block:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #fff transparent;
	top: -14px;
	left: 48%;
	margin-left: -15px;
}

.routes_map .routes_map_container .layer_links .crtgmr {
	left: 20.5%;
	top: 74%;
	width: 7.5%;
	height: 6%;
	border-radius: 0 80%;
}

.routes_map .routes_map_container .layer_links .crtgmr .route_block {
	top: 220%;
	left: -160%;
}

.routes_map .routes_map_container .layer_links .crtgmr .route_block:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #fff transparent;
	top: -14px;
	left: 48%;
	margin-left: -15px;
}

.routes_map .routes_map_container .layer_links .gmrpsa {
	left: 17.5%;
	top: 76%;
	width: 3.5%;
	height: 6.5%;
	border-radius: 80% 0;
}

.routes_map .routes_map_container .layer_links .gmrpsa .route_block {
	top: 200%;
	left: -400%;
}

.routes_map .routes_map_container .layer_links .gmrpsa .route_block:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #fff transparent;
	top: -14px;
	left: 48%;
	margin-left: -15px;
}

.routes_map .routes_map_container .layer_links .psavgr {
	left: 14%;
	top: 73%;
	width: 3%;
	height: 5%;
}

.routes_map .routes_map_container .layer_links .psavgr .route_block {
	top: 250%;
	left: -470%;
}

.routes_map .routes_map_container .layer_links .psavgr .route_block:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #fff transparent;
	top: -14px;
	left: 48%;
	margin-left: -15px;
}

.routes_map .routes_map_container .layer_links .lpamjb {
	left: 55.5%;
	top: 75%;
	width: 19%;
	height: 6%;
	border-radius: 0 0px 50% 50%;
}

.routes_map .routes_map_container .layer_links .lpamjb .route_block {
	top: 230%;
	left: -20%;
}

.routes_map .routes_map_container .layer_links .lpamjb .route_block:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #fff transparent;
	top: -14px;
	left: 21%;
	margin-left: -15px;
}

.routes_map .routes_map_container .layer_links .tciaga {
	left: 38%;
	top: 57%;
	width: 11%;
	height: 22%;
	border-radius: 0 100%;
}

.routes_map .routes_map_container .layer_links .tciaga .route_block {
	top: 110%;
	left: -130%;
}

.routes_map .routes_map_container .layer_links .tciaga .route_block:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #fff transparent;
	top: -14px;
	left: 50%;
}

.routes_map .routes_map_container .layer_links .lpaace {
	left: 56%;
	top: 42%;
	width: 27%;
	height: 33%;
	border-radius: 100% 0;
}

.routes_map .routes_map_container .layer_links .lpaace .route_block {
	top: 100%;
	left: 0%;
}

.routes_map .routes_map_container .layer_links .lpaace .route_block:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #fff transparent;
	top: -14px;
	left: 20%;
}

.routes_map .routes_map_container .layer_links .lpaace2 {
	left: 87.5%;
	top: 37%;
	width: 7%;
	height: 7%;
	border-radius: 100% 0;
}

.routes_map .routes_map_container .layer_links .lpaace2 .route_block {
	top: 450%;
	left: -420%;
}

.routes_map .routes_map_container .layer_links .lpaace2 .route_block:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #fff transparent;
	top: -14px;
	left: 20%;
}

.routes_map .routes_map_container .layer_links .huvlpa {
	left: 52.5%;
	top: 25%;
	width: 7%;
	height: 47%;
	border-radius: 100%;
}

.routes_map .routes_map_container .layer_links .huvlpa .route_block {
	top: 58%;
	left: 94%;
}

.routes_map .routes_map_container .layer_links .huvlpa .route_block:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 15px 15px 0;
	border-color: transparent #fff transparent transparent;
	top: 16%;
	left: -15px;
	margin-left: 0;
}

.routes_map .routes_map_container .layer_links .lpatci {
	left: 41.5%;
	top: 56%;
	width: 14%;
	height: 20%;
	border-radius: 0 100%;
}

.routes_map .routes_map_container .layer_links .lpatci .route_block {
	top: 100%;
	left: 63%;
}

.routes_map .routes_map_container .layer_links .lpatci .route_block:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #fff transparent;
	top: -14px;
	left: 5%;
}

.routes_map .routes_map_container .layer_links .tcihuv {
	left: 39.5%;
	top: 26%;
	width: 14%;
	height: 31%;
	border-radius: 100% 0;
}

.routes_map .routes_map_container .layer_links .tcihuv .route_block {
	top: 100%;
	left: 0%;
}

.routes_map .routes_map_container .layer_links .tcihuv .route_block:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #fff transparent;
	top: -14px;
	left: 10%;
}

.routes_map .routes_map_container .layer_links .route_block {
	position: absolute;
	width: 320px;
	background-color: #fff;
	border-radius: 5px;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-20px);
	transition: 300ms;
	box-shadow: 0 5px 10px -4px rgba(0, 0, 0, 0.6);
}

.routes_map .routes_map_container .layer_links .route_block:after {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
}

.routes_map .routes_map_container .layer_links>div.active .route_block {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}

.routes_map .routes_map_container .layer_links .route_block .header {
	padding: 10px;
}

.routes_map .routes_map_container .layer_links .route_block .header .header_title {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: var(--color-blue);
}

.routes_map .routes_map_container .layer_links .route_block .header .origin .fa {
	position: absolute;
	right: 0;
	top: 19px;
	transform: translateY(-50%);
	font-size: 18px;
	color: #ccc;
	margin-right: -14px;
	margin-top: 0;
}

.routes_map .routes_map_container .layer_links .route_block .header .destination .fa {
	position: absolute;
	left: 0;
	top: 19px;
	transform: translateY(-50%);
	font-size: 18px;
	color: #ccc;
	margin-left: -14px;
	margin-top: 0;
}

.routes_map .routes_map_container .layer_links .route_block .header .header_subtitle {
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	color: #666;
	/*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}

.routes_map .routes_map_container .layer_links .route_block .durations {
	background-color: #d2e4f0;
	text-align: center;
	font-size: 13px;
	color: var(--color-grey);
	font-weight: 400;
	padding: 10px 10px;
}

.routes_map .routes_map_container .layer_links .route_block .schedules {
	padding: 10px 10px;
	font-size: 11px;
}

.routes_map .routes_map_container .layer_links .route_block .schedules .fa {
	color: var(--color-blue);
}

.routes_map .routes_map_container .layer_links .route_block .schedules a:hover {
	color: var(--color-blue);
}

.routes_map .routes_map_container .layer_links .route_block .actions {
	padding: 10px 10px;
}

.routes_map .routes_map_container .layer_links .route_block .actions .btn {
	border-radius: 0;
	background-color: var(--color-blue);
	text-align: center;
	color: #fff;
	font-size: 13px;
	display: block;
	width: 100%;
	padding: 5px 10px;
	transition: 300ms;
}

.routes_map .routes_map_container .layer_links .route_block .actions .btn:hover {
	color: #fff;
}

/*
---------------------------------------------------------------------------------------------
PROMOS LISTADO
---------------------------------------------------------------------------------------------
*/
#promos-ls {
	padding: 40px 0;
}

#promos-ls .item{
	background-color: #F4F7FF;
	margin-bottom: 30px;
	padding: 21px 17px;
}

#promos-ls .item.slide{
	margin-left:10px;
	margin-right:10px;
}


#promos-ls .item .header_container{
	position: relative;
}

#promos-ls .item .header_container .icon{
	position: absolute;
	height: 22px;
	width: 22px;
	top:3px;
}

#promos-ls .item .header_container .title{
	font-size: 18px;
	color: var(--color-grey);
	text-transform: none;
	text-align: left;
	padding-left: 30px;
	font-weight: 600;
	text-transform: capitalize;
}

#promos-ls .promo .header_container .precio_container-title{
	display: none;
}

#promos-ls .promo .header_container .title .iconChevron{
	display: none;
}

#promos-ls .item .description hr{
	width: 70px;
	border-bottom: 2px solid var(--color-yellow);
	border-top:0;
	margin: 0px 0px 16.5px 0px;
}


#promos-ls .super_title {
	font-size: 24px;
	color: var(--color-blue);
	line-height: 40px;
	font-weight: bold;
	margin-bottom: 40px;
	text-align: center;
	background: none;
	text-transform: uppercase;
}

#promos-ls .promo {
	position: relative;
	display: block;
	text-align: center;
	padding: 0;
	margin: 5px;
	margin-bottom: 20px;
	/*box-shadow: 1px 2px 4px 0 #BBBBBB;*/
	text-decoration: none;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	margin: 0 auto;
}

#promos-ls .promo .img_container {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
	position: relative;
	background-color: var(--color-blue);
}

#promos-ls .promo .img_container img {
	width: 100%;
	height: auto;
	vertical-align: middle;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}

#promos-ls .promo .precio_container {
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: right;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.6);
	padding: 0px 11px;
}

#promos-ls .promo .precio_container .desde {
	font-size: 9px;
	text-shadow: 0 1px 1px #333;
	text-transform: lowercase;
}

#promos-ls .promo .precio_container .precio {
	font-size: 28px;
	font-weight: 600;
	text-shadow: 0 2px 2px #333;
	/*margin: 4px 0;*/
}

#promos-ls .promo .precio_container .nota-precio {
	font-size: 9px;
	text-shadow: 0 1px 1px #333;
}

#promos-ls .promo .text_container {
	text-align: center;
	padding: 20px 10px 10px 10px;
	background-color: #fff;
	min-height: 100px;
}

#promos-ls .promo .text_container a{
	font-size: 16px;
	text-transform: capitalize;
	text-decoration: underline;
	font-weight: 600;
	color: var(--color-blue);
}

#promos-ls .promo .text_container .description{
	margin-top: 10px;
}

#promos-ls.container .header_container h3
{
	line-height: 26px;
	margin-bottom: 10px;
}

@media (max-width: 700px){
	#promos-ls.contenido .item{
		max-width: 100%;
		padding: 14px 18px 10px 18px;
		margin-bottom: 19px;
	}

	#promos-ls.contenido .promo{
		width: 100%;
	}

	#promos-ls.contenido .item .header_container .title{
		font-size: 16px;
	}

	#promos-ls.contenido .promo .header_container .precio_container-title{
		display: block;
		position: absolute;
		right: 27px;
		top: -5px;
		color: var(--color-blue);
		line-height: normal;
		text-align: right;
	}

	#promos-ls.contenido .promo .header_container .precio_container-title .desde{
		font-size: 12px;
		text-transform: lowercase;
	}

	#promos-ls.contenido .promo .header_container .precio_container-title .precio{
		font-size: 16px;
	}

	#promos-ls.contenido .promo .header_container .title .iconChevron{
		display: block;
		position: absolute;
		right: 0;
		top: 5px;
	}

	#promos-ls.contenido .promo .description{
		display: none;
	}

	#promos-ls.contenido .promo .description .text_container{
		margin-bottom: 18px;
	}

	#promos-ls.contenido .promo .description .offer-extra{
		line-height: normal;
	}
}

/*
---------------------------------------------------------------------------------------------
PROMOCION
---------------------------------------------------------------------------------------------
*/
#promo-single {
	padding: 40px 0;
}

#promo-single {
	position: relative;
	display: block;
}

#promo-single .title {
	font-size: 24px;
	color: var(--color-blue);
	line-height: 40px;
	font-weight: bold;
	margin-bottom: 5px;
}

#promo-single .date {
	color: #929292;
	margin-bottom: 20px;
}

#promo-single .image {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}

#promo-single .image img {
	width: 100%;
	height: auto;
}

#promo-single:hover .img_container img {
	opacity: 0.2;
}

#promo-single .content {
	color: #333333;
	text-align: center;
	min-height: 20px;
	min-height: 60px;
}

#promo-single .content p {
	margin-bottom: 20px;
	text-align: center !important;
}

#promo-single .content .button {
	padding: 5px 25px;
	line-height: 30px;
	background-color: var(--color-blue);
	color: #fff;
	border-radius: 0;
	font-size: 12px;
	width: auto;
	display: inline-block;
	text-decoration: none;
	border: 0;
	text-transform: uppercase;
	box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	font-weight: 600;
}

#promo-single .content .button:hover {
	padding: 5px 30px;
	box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
}

#promo-single .social-share {
	text-align: center;
}

/*
---------------------------------------------------------------------------------------------
PROMOS FICHA
---------------------------------------------------------------------------------------------
*/

#featured_image.promocion {
	height: 360px;
}

.promocion_banner {
	background-position: center center;
	position: relative;
	padding: 45px;
	color: #fff;
	margin-top: 40px;
}

.promocion_banner .capa_container {
	background: var(--color-blue);
	opacity: 0.8;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.promocion_banner .detail_container {
	text-align: center;
}

.promocion_banner .text_container {
	position: relative;
	z-index: 3;
}

.promocion_banner .texto {
	font-size: 16px;
	font-weight: 300;
	line-height: 22px;
	margin-bottom: 20px;
	text-align: center;
	text-shadow: 0 1px 1px #333;
}

.promocion_banner .title_container {
	display: inline-block;
	text-align: right;
	vertical-align: super;
}

.promocion_banner .title_container.without-price {
	text-align: center;
}

.promocion_banner .title_container .titulo1 {
	font-size: 16px;
	font-weight: 400;
	text-shadow: 0 1px 1px #333;
}

.promocion_banner .title_container .titulo2 {
	font-size: 32px;
	font-weight: 600;
	line-height: 1em;
	text-shadow: 0 2px 2px #333;
}

.promocion_banner .precio_container {
	display: inline-block;
	text-align: left;
	padding-left: 30px;
	border-left: 1px solid #fff;
	margin-left: 30px;
}

.promocion_banner .precio_container .desde {
	font-size: 14px;
	text-shadow: 0 1px 1px #333;
}

.promocion_banner .precio_container .precio {
	font-size: 34px;
	font-weight: 600;
	margin: 4px 0;
	text-shadow: 0 2px 2px #333;
}

.promocion_banner .precio_container .nota-precio {
	font-size: 12px;
	text-shadow: 0 1px 1px #333;
}

/*
---------------------------------------------------------------------------------------------
NOTICIAS LISTADO
---------------------------------------------------------------------------------------------
*/
#news-ls {
	padding: 40px 0;
}

#news-ls .new {
	position: relative;
	display: block;
	text-align: center;
	padding: 0;
	margin: 5px;
	margin-bottom: 20px;
	box-shadow: 1px 2px 4px 0 #BBBBBB;
	text-decoration: none;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

#news-ls .new:hover {
	box-shadow: 4px 8px 16px 0 rgba(186, 186, 186, 0.6);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

#news-ls .new .fa {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -20px;
	margin-top: -20px;
	height: 40px;
	width: 40px;
	font-size: 34px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	display: block;
	z-index: 1;
	opacity: 0;
	-webkit-transform: translateY(-40px);
	transform: translateY(-40px);
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#news-ls .new:hover .fa {
	opacity: 1;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

#news-ls .new .img_container {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
	position: relative;
	background-color: var(--color-blue);
	height: 178px;
}

#news-ls .new .img_container img {
	width: 100%;
	height: auto;
	vertical-align: middle;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}

#news-ls .new:hover .img_container img {
	opacity: 0.2;
}

#news-ls .new .text_container {
	text-align: center;
	padding: 20px;
	background-color: #fff;
	min-height: 125px;
}

#news-ls .new .text_container .title {
	font-size: 15px;
	color: var(--color-blue);
	min-height: 80px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}

#news-ls .new .text_container .date {
	color: #929292;
	margin-bottom: 0;
}

#news-ls .new .text_container .description {
	color: #333333;
	min-height: 20px;
	min-height: 60px;
}

/*
---------------------------------------------------------------------------------------------
NOTICIA
---------------------------------------------------------------------------------------------
*/
.noticia-full-image {
	height: 300px;

	background-repeat: repeat-x;
	background-position: center center;
	background-size: cover;
	position: relative;
}

.noticia-full-image.valign-top {
	background-position: top center;
}

.noticia-full-image.valign-bottom {
	background-position: bottom center;
}

.noticia-blur-image {
	height: 300px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.noticia-blur-image .blur {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;

	background-repeat: repeat-x;
	background-position: center center;
	background-size: cover;

	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);
	transform: scale(1.1);
}

.noticia-blur-image img {
	z-index: 2;
	position: relative;
	display: inline-block;
	max-width: 946px;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}

.noticia-blur-image.valign-top img {
	top: auto;
	transform: none;
}

.noticia-blur-image.valign-bottom img {
	top: auto;
}

#intro.news_intro .title {
	font-size: 33px;
	line-height: 1.2em;
}

#news-single {
	padding: 0 0px 40px 0;
}

#news-single {
	position: relative;
	display: block;
}

#news-single .title {
	font-size: 21px;
	color: var(--color-blue);
	line-height: 40px;
	font-weight: bold;
	margin-bottom: 5px;
}

#news-single .date {
	color: #929292;
	margin-bottom: 20px;
}

#news-single .image {
	float: left;
	width: 50%;
	margin: 0 40px 15px 0;
}

#news-single .image img {
	width: 100%;
	height: auto;
}

#news-single:hover .img_container img {
	opacity: 0.2;
}

#news-single .content {
	color: #666;
}

#news-single .content strong,
#news-single .content b {
	color: #000;
}

/*
---------------------------------------------------------------------------------------------
SOCIAL SHARE
---------------------------------------------------------------------------------------------
*/
.social-share {
	padding: 20px 0;
}

.social-share ul {
	margin-top: 10px;
}

.social-share li a {
	display: block;
	width: 30px;
	height: 30px;
	text-decoration: none;
}

.social-share li a .fa {
	display: block;
	width: 30px;
	height: 30px;
	background-color: #ccc;
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	border-radius: 3px;
}

.social-share li a .fa-facebook {
	background-color: #3b5998;
}

.social-share li a .fa-twitter {
	background-color: #00aced;
}

.social-share li a .fa-google-plus {
	background-color: #dd4b39;
}

.social-share li a .fa-pinterest-p {
	background-color: #cb2027;
}

.social-share li a .fa-whatsapp {
	background-color: #25d366;
}


/*
---------------------------------------------------------------------------------------------
Valoranos
---------------------------------------------------------------------------------------------
*/

.suggestions-mobile
{
	display: none;
}

@media (max-width: 600px) {

	.suggestions-mobile {
		overflow: hidden;
		position: fixed;
		z-index: 10;
		border-radius: 0px 5px 5px 0;
		/*background-color: var(--color-blue);*/
		bottom: 0;
		/*right: 10px;*/
		left: 0;
		top: 50%;
		text-decoration: none;
		height: 30px;
		-webkit-transition: all 100ms ease-in-out;
		transition: all 100ms ease-in-out;
		border-left: 1px solid rgba(255, 255, 255, .7);
		border-right: 1px solid rgba(255, 255, 255, .7);
		border-top: 1px solid rgba(255, 255, 255, .7);

		display: none;
	}

	.suggestions-mobile .fa {
		line-height: 30px;
		color: var(--color-blue);
		background: #fff;
		text-align: center;
		width: 26px;
		/*border-right: 1px solid rgba(255, 255, 255, .7);*/
	}

	.suggestions-mobile span {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px;
		line-height: 30px;
		color: #fff;
		font-weight: bold;
		padding: 0 10px;
	}
}

.suggestions-dialog .ui-dialog-titlebar {
	display: none;
}

.suggestions-dialog .ui-dialog-content {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
}

.suggestions-dialog iframe {
	width: 100%;
	height: 99%;
	margin: 0;
	padding: 0;
}

.suggestions-overlay {
	opacity: 1;
	background: rgba(0, 0, 0, 0.5);
}

/*
---------------------------------------------------------------------------------------------
PAGINATION
---------------------------------------------------------------------------------------------
*/
.pagination {
	text-align: center;
	width: 100%;
}

.pagination .anterior,
.pagination .siguiente {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 30px;
	color: var(--color-blue);
	vertical-align: middle;
	text-decoration: none;
	display: inline-block;
	margin: 0 10px;
}

.pagination .anterior.activo:hover,
.pagination .siguiente.activo:hover {
	color: var(--color-blue);
}

.pagination .numero {
	width: 30px;
	height: 30px;
	font-weight: bold;
	border-radius: 15px;
	vertical-align: middle;
	display: inline-block;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background-color: var(--color-blue);
	margin: 5px;
	text-decoration: none;
}

.pagination .numero.inactivo {
	background-color: #929292;
}

.pagination .numero.inactivo:hover {
	background-color: var(--color-blue);
}

.pagination .anterior.inactivo,
.pagination .siguiente.inactivo {
	opacity: 0.4;
	cursor: default;
}

/*
---------------------------------------------------------------------------------------------
SPECS
---------------------------------------------------------------------------------------------
*/
#specs {
	background-color: #fff;
	padding: 40px 0;
}

#specs .title {
	font-size: 24px;
	font-weight: 600;
	color: var(--color-grey);
	margin-bottom: 40px;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.2em;
}

#specs .table_container {
	padding: 0 20px;
}

#specs .table_container table {
	border-bottom: 1px solid #ddd;
	margin: auto;
}

#specs .table_container table tr {
	border-bottom: 1px solid #ddd;
}

#specs .table_container table th

/*#specs .table_container table td*/
	{
	color: #aaa;
	padding: 15px 10px;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	width: 35%;
}

#specs .table_container table td

/*#specs .table_container table td.centrado*/
	{
	color: var(--color-grey);
	padding: 15px 10px;
	text-align: right;
	font-size: 14px;
	font-weight: 400;
	width: 65%;
}

#specs object {
	width: 650px;
	margin: 40px auto;
	display: block;
}

/*
---------------------------------------------------------------------------------------------
TABS (en servicios)
---------------------------------------------------------------------------------------------
*/

#tabs {
	margin-top: -60px;
}

#tabs .nav-tabs {
	text-align: center;
	border: 0;
}

#tabs .nav-tabs>li {
	float: none;
	display: inline-block;
	margin: 0 5px;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 0;
}

#tabs .nav-tabs>li>a {
	padding: 22px 20px;
	line-height: 16px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: transparent;
	border: 0;
	color: var(--color-blue);
}

#tabs .nav-tabs>li.active {
	background-color: var(--color-blue);
}

#tabs .nav-tabs>li.active>a {
	color: #fff;
}

#tabs .tab-content .tab-pane {
	background-color: var(--color-blue);
	/*padding: 60px 0 0px 0;*/
	overflow: hidden;
}

#tabs .tab-content .tab-pane>.container {
	min-height: 260px;
	padding: 31px 0;
}

#tabs .tab-content .tab-pane .claim {
	text-align: center;
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	max-width: 700px;
	margin: auto;
	margin-bottom: 40px;
}

#tabs .tab-content .tab-pane .anchor_list {
	text-align: center;
	padding-right: 60px;
	padding-left: 60px;
}

#tabs .tab-content .tab-pane .anchor_list .slick-track {
	margin: 0 auto;
}

#tabs .tab-content .tab-pane .anchor_list .prev_arrow,
#tabs .tab-content .tab-pane .anchor_list .next_arrow {
	display: block;
	width: 40px;
	position: absolute;
	height: 40px;
	margin-top: -20px;
	line-height: 40px;
	text-align: center;
	font-size: 34px;
	background-color: transparent;
	color: #fff;
	border: 0;
	cursor: pointer;
}

#tabs .tab-content .tab-pane .anchor_list .prev_arrow {
	left: 0;
	top: 50%;
}

#tabs .tab-content .tab-pane .anchor_list .next_arrow {
	right: 0;
	top: 50%;
}

#tabs .tab-content .tab-pane .anchor_list .slide {
	display: inline-block;
	padding: 0 20px;
}

#tabs .tab-content .tab-pane .anchor_list .slide a {
	text-align: center;
	color: #fff;
	padding: 0 0;
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	font-weight: 600;
	text-decoration: none;
}

#tabs .tab-content .tab-pane .anchor_list .slide img {
	max-width: 80px;
	height: auto;
	display: block;
	margin: auto;
	margin-bottom: 10px;
}

#tabs .tab-content .tab-pane .service {
	width: 100%;
	height: auto;
	min-height: 80vh;
	background-color: #fff;
}

#tabs .tab-content .tab-pane .service .service_img_container {
	width: 100%;
	height: 47vh;
	background-color: var(--color-grey);
	background-position: center;
	background-size: cover;
}

#tabs .tab-content .tab-pane .service .service_text_container {
	height: auto;
	min-height: 33vh;
	position: relative;
	background-color: #fff;
	padding: 36px 0;
	box-shadow: 0 0px 20px 0 var(--color-grey);
}

#tabs .tab-content .tab-pane .service .service_text_container>.container {
	text-align: center;
}

#tabs .tab-content .tab-pane .service .service_text_container>.container .icon {
	text-align: center;
	margin-bottom: 20px;
}

#tabs .tab-content .tab-pane .service .service_text_container>.container .title {
	text-transform: uppercase;
}

#tabs .tab-content .tab-pane .service .service_text_container>.container .description {
	max-width: 600px;
	margin: 0 auto 40px auto;
}

/*
---------------------------------------------------------------------------------------------
DESTINIES
---------------------------------------------------------------------------------------------
*/
#destination-ls {
	padding: 0 0px 40px 0;
}

#destination-ls .destination {
	position: relative;
	display: block;
	text-align: center;
	padding: 0;
	margin: 5px;
	margin-bottom: 20px;
	box-shadow: 1px 2px 4px 0 #BBBBBB;
	text-decoration: none;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

#destination-ls .destination:hover {
	box-shadow: 4px 8px 16px 0 rgba(186, 186, 186, 0.6);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

#destination-ls .destination .img_container {
	width: 100%;
	min-height: 200px;
	position: relative;
	background-color: var(--color-blue);
	overflow: hidden;
}

#destination-ls .destination .img_container .image {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}

#destination-ls .destination:hover .img_container .image {
	opacity: 0.2;
}

#destination-ls .destination .img_container .icon {
	height: 140px;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	background-image: url(../img/mapa-canarias.svg);
	background-size: 750px auto;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}

#destination-ls .destination:hover .img_container .icon {
	-webkit-transform: translateY(-50%) translateX(-50%) scale(1.15);
	transform: translateY(-50%) translateX(-50%) scale(1.15);
	-webkit-transform-origin: center;
	transform-origin: center;
}

#destination-ls .destination.palma .img_container .icon {
	background-position: -55px -80px;
	width: 60px;
}

#destination-ls .destination.gomera .img_container .icon {
	width: 50px;
	height: 50px;
	background-position: -154px -200px;
}

#destination-ls .destination.tenerife .img_container .icon {
	width: 140px;
	height: 120px;
	background-position: -210px -140px;
}

#destination-ls .destination.grancanaria .img_container .icon {
	width: 100px;
	height: 100px;
	background-position: -360px -200px;
}

#destination-ls .destination.fuerteventura .img_container .icon {
	width: 120px;
	height: 130px;
	background-position: -550px -120px;
}

#destination-ls .destination.lanzarote .img_container .icon {
	width: 120px;
	height: 80px;
	background-position: -620px -35px;
}

#destination-ls .destination.hierro .img_container .icon {
	width: 120px;
	height: 100px;
	background-position: 0px 123px;
}

#destination-ls .destination .text_container {
	text-align: center;
	padding: 20px 20px;
	background-color: #fff;
}

#destination-ls .destination .text_container .description {
	min-height: 45px;
	margin-bottom: 0;
	color: #666;
}

/*
---------------------------------------------------------------------------------------------
DESTINATION MAP
---------------------------------------------------------------------------------------------
*/
#destination_map {
	height: 600px;
	width: 100%;
	position: relative;
	overflow: hidden;
}

/*
---------------------------------------------------------------------------------------------
TRANSPARENT TABS
---------------------------------------------------------------------------------------------
*/
#transparent_tabs {
	width: 100%;
	background-color: var(--color-blue);
	color: #fff;
	padding: 40px 0;
	position: relative;
}

#transparent_tabs .background {
	position: absolute;
	top: 0;
	left: 0;
	background-position: center top;
	background-size: cover;
	width: 100%;
	height: 100%;
	opacity: 0.1;
}

#transparent_tabs .nav-tabs {
	text-align: center;
	border: 0;
	margin-bottom: 40px;
}

#transparent_tabs .nav-tabs>li {
	float: none;
	display: inline-block;
	margin: 0 20px;
	background-color: transparent;
	border-radius: 0;
}

#transparent_tabs .nav-tabs>li>a {
	padding: 10px 4px;
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: transparent;
	border: 0;
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	opacity: 0.4;

}

#transparent_tabs .nav-tabs>li a {
	background-color: transparent;
}

#transparent_tabs .nav-tabs>li.active a {
	background-color: transparent;
	border-bottom: 2px solid #fff;
	opacity: 1;
}

#transparent_tabs .content {
	font-size: 16px;
	max-width: 740px;
	text-align: center;
	padding: 0 0px 40px 0;
	margin: auto;
}

#transparent_tabs .content p {
	margin-bottom: 20px;
	line-height: 1.4em;
	font-weight: 100;
	font-size: 14px;
}

#transparent_tabs .content strong {
	font-weight: bold;
}

#transparent_tabs .item {
	text-align: center;
	padding: 0 20px;
	margin-bottom: 40px;
}

#transparent_tabs .item .icon_container {
	text-align: center;
	margin-bottom: 10px;
}

#transparent_tabs .item .text_container .title {
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 20px;
}

#transparent_tabs .item .text_container .description {
	color: #fff;
	line-height: 1.4em;
	font-weight: 100;
	font-size: 14px;
	text-align: justify;
}

/*
---------------------------------------------------------------------------------------------
DESTINATION SCHEDULE
---------------------------------------------------------------------------------------------
*/
#destination_schedule {
	padding: 40px 0;
}

#destination_schedule .section_title {
	font-size: 22px;
	padding: 40px 0;
	text-align: center;
	color: #333;
	text-transform: uppercase;
}

/*
---------------------------------------------------------------------------------------------
TRANSPARENT TABS
---------------------------------------------------------------------------------------------
*/
#port_tabs {
	width: 100%;
	background-color: #f6f6f6;
	color: var(--color-grey);
	padding: 40px 0;
	position: relative;
	margin-bottom: 40px;
}

#port_tabs .nav-tabs {
	text-align: center;
	border: 0;
	margin-bottom: 60px;
}

#port_tabs .nav-tabs>li {
	float: none;
	display: inline-block;
	margin: 0 20px;
	background-color: transparent;
	border-radius: 0;
}

#port_tabs .nav-tabs>li>a {
	padding: 10px 4px;
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: transparent;
	border: 0;
	color: var(--color-grey);
	font-size: 22px;
	font-weight: 600;
	opacity: 0.4;
}

#port_tabs .nav-tabs>li.active {
	background-color: transparent;
}

#port_tabs .nav-tabs>li.active>a {
	background-color: transparent;
	border-bottom: 2px solid var(--color-grey);
	opacity: 1;
}

#port_tabs .group {
	margin-bottom: 20px;
}

#port_tabs .group .title {
	font-size: 14px;
	font-weight: bold;
	color: var(--color-grey);
	margin-bottom: 10px;
}

#port_tabs .group .description {
	font-size: 14px;
	line-height: 1.6em;
	font-weight: 300;
	color: var(--color-grey);
	margin-bottom: 10px;
}

#port_tabs .group .description p {
	margin-bottom: 10px;
}

#port_tabs .group .description ul,
#port_tabs .group .description ol {
	list-style: initial;
	padding-left: 20px;
}

#port_tabs .group .description li {
	margin: 0 0 6px 20px;
	text-align: left;
}

#port_tabs .port_map {
	width: 100%;
	height: 350px;
}

/*
---------------------------------------------------------------------------------------------
ATT CLIENTE
---------------------------------------------------------------------------------------------
*/
#att_cliente {
	color: var(--color-grey);
}

#att_cliente .super_title {
	font-size: 26px;
	color: var(--color-grey);
	font-weight: normal;
	margin-bottom: 30px;
}

#att_cliente p {
	font-size: 14px;
	color: var(--color-grey);
	font-weight: 300;
}

#att_cliente a:hover {
	color: var(--color-blue);
}

#att_cliente a.tel,
#att_cliente a.hover:hover {
	color: var(--color-grey);
	font-size: 15px;
}

#att_cliente>div {
	padding: 60px 0;
}

#att_cliente .contact p,
#att_cliente .logistic p {
	padding: 0 50px;
	line-height: 1.8;
	margin-bottom: 20px;
}

#att_cliente .contact .info_group,
#att_cliente .logistic .info_group {
	margin-bottom: 20px;
}

#att_cliente .contact .info_group .title {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 14px;
	color: var(--color-grey);
}

#att_cliente .contact .info_group .icon_container,
#att_cliente .logistic .info_group .icon_container {
	line-height: 40px;
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 10px;
	display: inline-block;
	margin-right: 10px;
}

#att_cliente .contact .info_group .icon_container .icon,
#att_cliente .logistic .info_group .icon_container .icon {
	width: 40px;
	height: 40px;
	background-color: var(--color-blue);
	border-radius: 20px;
	text-align: center;
	line-height: 40px;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	margin-right: 10px;
}

#att_cliente .logistic .icon_group {
	text-align: center;
}

#att_cliente .logistic .icon_group .icon {
	width: 50px;
	height: 50px;
	margin: auto;
	margin-bottom: 10px;
	margin-top: 40px;
}

#att_cliente .logistic .icon_group .icon img {
	width: 100%;
	height: auto;
}

#att_cliente .logistic .icon_group .title {
	font-size: 18px;
}


#att_cliente .more .info_group {
	margin-bottom: 30px;
	padding-left: 50px;
	position: relative;
	min-height: 174px;
	padding-right: 30px;
}

#att_cliente .more .info_group .title {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 14px;
	color: var(--color-grey);
	line-height: 20px;
	padding-top: 10px;
}

#att_cliente .more .info_group .icon {
	width: 40px;
	height: 40px;
	background-color: var(--color-blue);
	border-radius: 20px;
	text-align: center;
	line-height: 40px;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	position: absolute;
	left: 0;
	top: 0;
}

#att_cliente .more .info_group .description {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.6;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: normal;
}

#att_cliente .more .links a {
	display: inline-block;
	width: 20%;
	float: left;
	text-align: center;
	font-size: 14px;
	font-weight: 300;
	color: var(--color-blue);
	text-decoration: underline;
	padding: 0 20px;
}

/*
---------------------------------------------------------------------------------------------
ROUTES CONTENT
---------------------------------------------------------------------------------------------
*/
#content_routes {
	color: var(--color-grey);
}

#content_routes .super_title {
	font-size: 26px;
	color: var(--color-grey);
	font-weight: normal;
	margin-bottom: 60px;
	line-height: 1.1em;
}

#content_routes p {
	font-size: 14px;
	color: var(--color-grey);
	font-weight: 300;
}

#content_routes a:hover {
	color: var(--color-blue);
}

#content_routes a.tel,
#content_routes a.hover:hover {
	color: var(--color-grey);
	font-size: 15px;
}

#content_routes>div {
	padding: 60px 0;
}

#content_routes .durationtable p,
#content_routes .advantages p {
	padding: 0 50px;
	line-height: 1.8;
}

#content_routes .durationtable .info_group,
#content_routes .advantages .info_group {
	margin-bottom: 20px;
}

#content_routes .durationtable .info_group .title {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 14px;
	color: var(--color-grey);
}

#content_routes .durationtable .info_group .icon_container,
#content_routes .advantages .info_group .icon_container {
	line-height: 40px;
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 10px;
	display: inline-block;
	margin-right: 10px;
}

#content_routes .durationtable .info_group .icon_container .icon,
#content_routes .advantages .info_group .icon_container .icon {
	width: 40px;
	height: 40px;
	background-color: var(--color-blue);
	border-radius: 20px;
	text-align: center;
	line-height: 40px;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	margin-right: 10px;
}

#content_routes .durationtable .group {
	min-height: 120px;
}

#content_routes .durationtable .title {
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
}

#content_routes .durationtable .title .arrows {
	width: 20px;
	display: inline-block;
	background: none;
	height: 20px;
	position: relative;
	vertical-align: middle;
}

#content_routes .durationtable .title .arrows .fa-long-arrow-right {
	position: absolute;
	top: 2px;
	width: 20px;
	line-height: 10px;
	text-align: center;
}

#content_routes .durationtable .title .arrows .fa-long-arrow-left {
	position: absolute;
	bottom: 2px;
	width: 20px;
	line-height: 10px;
	text-align: center;
}

#content_routes .durationtable .transport,
#content_routes .durationtable .duration {
	font-size: 300px;
	font-size: 14px;
	color: #888;
	margin-bottom: 5px;
}

#content_routes .durationtable .transport img,
#content_routes .durationtable .duration .fa {
	vertical-align: middle;
	line-height: 24px;
	width: 40px;
	text-align: center;
	font-size: 18px;
	color: #aaa;
	margin-right: 10px;
}

#content_routes .durationtable .transport img,
#content_routes .durationtable .duration img {
	vertical-align: middle;
}

#content_routes .advantages .info_group {
	margin-bottom: 30px;
	padding-left: 50px;
	position: relative;
	min-height: 174px;
	padding-right: 30px;
}

#content_routes .advantages .info_group .title {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 14px;
	color: var(--color-grey);
	line-height: 20px;
	padding-top: 10px;
}

#content_routes .advantages .info_group .icon {
	width: 40px;
	height: 40px;
	background-color: var(--color-blue);
	border-radius: 20px;
	text-align: center;
	line-height: 40px;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	position: absolute;
	left: 0;
	top: 0;
}

#content_routes .advantages .info_group .description {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.6;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: normal;
}

#content_routes .advantages .info_group .description ul {
	padding-left: 20px;
	margin-top: 20px;
}

#content_routes .advantages .info_group .description li {
	position: relative;
}

#content_routes .advantages .info_group .description li:before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 6px;
	border-radius: 3px;
	height: 6px;
	left: -13px;
	top: 8px;
	background-color: var(--color-blue);
}

#content_routes .advantages .links a {
	display: inline-block;
	width: 20%;
	float: left;
	text-align: center;
	font-size: 14px;
	font-weight: 300;
	color: var(--color-blue);
	text-decoration: underline;
	padding: 0 20px;
}

/*
---------------------------------------------------------------------------------------------
CLOSE IMAGE
---------------------------------------------------------------------------------------------
*/

#close_image {
	width: 100%;
	height: 40vw;
	padding: 60px;
	min-height: 260px;
	position: relative;
	overflow: hidden;
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: var(--color-grey);
}

#close_image .title {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	margin-top: -35px;
	margin-bottom: 40px;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.2em;
}

#close_image .content {
	width: 650px;
	margin: auto;
	background-color: #fff;
	box-shadow: 0 0px 0 20px rgba(255, 255, 255, 0.4);
}

#close_text li {
	list-style: none;
}

#close_text.w_image {
	padding: 100px 0;
	background-position: center;
	background-size: cover;
}

#close_text.w_image .content {
	padding: 40px;
	max-width: 90%;
	margin: auto;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0px 0 20px rgba(255, 255, 255, 0.4);
}

#close_text.w_image.w_flash .content {
	padding: 0;
}

#close_text.w_image .content .super_title {
	font-size: 26px;
	color: var(--color-grey);
	font-weight: normal;
	margin-bottom: 20px;
	text-transform: uppercase;
}

#close_text .claim {
	font-size: 14px;
	color: var(--color-grey);
	padding: 0;
	text-align: center;
	max-width: 800px;
	margin: auto;
	margin-bottom: 60px;
	font-weight: 300;
}

#close_text .info_group {
	padding-left: 50px;
	position: relative;
	margin-top: 20px;
}

#close_text .info_group.w_image {
	padding-left: 90px;
	margin-bottom: 20px;
}

#close_text .info_group .title {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 16px;
	color: var(--color-grey);
	line-height: 20px;
	padding-top: 10px;
}

#close_text .info_group .image {
	width: 80px;
	height: 80px;
	border-radius: 20px;
	text-align: center;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	position: absolute;
	left: 0;
	top: 0;
	padding: 10px;
}

#close_text .info_group .icon {
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 20px;
	background-color: var(--color-blue);
}

#close_text .info_group .subtitle {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.6;
}

#footer .main_footer .footer_group .fa {
	display: none;
}


/*
---------------------------------------------------------------------------------------------
Alertas
---------------------------------------------------------------------------------------------
*/

/*Alertas 1 - Encima de la cabecera*/
.alert1_box {
	display: none;
	background-color: var(--color-yellow);
	padding: 5px 0;
	/*color: var(--color-grey);*/
	color: #000000;
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	line-height: 18px;
	letter-spacing: 0px;
}

.alert1_box .container {
	position: relative;
	max-width: 500px;
}

.alert1_box .container .fa {
	font-size: 18px;
}


.alert1_box .close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .2;
	filter: alpha(opacity=20);
	position: absolute;
	top: 0;
	right: 0;
}

.alert1_box a{
/*	color: #006ba0;*/
	text-decoration: none;
}

.alert1_box a span {
	display: block;
	max-width: 450px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0 auto;
}

.alert1_box a:hover{
	text-decoration: underline;
}

.alert1_box a:visited,
.alert1_box a,
.alert1_box a:link,
.alert1_box a:hover,
.alert1_box a:active{
	/*color: #551a8b;*/
	color: #000;
}

.alert1_box .slider_container .slick-arrow{
	position: absolute;
	z-index: 1;
	font-size: 30px;
	line-height: 30px;
	padding: 0;
	text-align: center;
	border: 0;
	color: #fff;
	bottom: 0;
	opacity: 1;
	margin: 0;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	background-color: inherit;
}

.alert1_box .slider_container button.slick-arrow span{
	color: #000000;
	font-weight: bold;
}


.alert1_box .slider_container .prev{
	left: -10px;
	float: left;
	padding-right: 4px;
}

.alert1_box .slider_container .next{
	right: -10px;
	float: right;
	padding-left: 4px;
}

.alert1_box .slider_container .slick-disabled{
	display: none !important;
}

.alert1_box .slider_container .next:hover{
	box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
}

/*Alertas 2 - Debajo de la cabecera*/

.alert2_box {
	display: none;
	background-color: var(--color-yellow);
	padding: 15px 0;
	color: #fff;
	font-size: 13px;
	line-height: 20px;
	border-bottom: 1px solid #B78B20;
}

.alert2_box .container {
	position: relative;
	width: 100%;
	padding: 0 62px;
}

.alert2_box .container .content .fa {
	color: #917304;
	font-size: 34px;
	position: absolute;
	top: 0;
	left: 15px;
}

.alert2_box .container .content>strong {
	text-shadow: 0 1px 1px #333;
	font-size: 14px;
}

.alert2_box .container .content>p {
	text-shadow: 0 1px 1px #333;
}

.alert2_box .container .content a {
	color: #fff;
	text-decoration: underline;
}

.alert2_box .close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .2;
	filter: alpha(opacity=20);
	position: absolute;
	top: 0;
	right: 15px;
}

/*Alertas 3 - Pantalla completa*/

.alert3_box {
	display: none;
	background-color: rgba(0, 47, 108, 0.9);
	color: #fff;
	font-size: 15px;
	line-height: 20px;
	text-align: center;

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}

.alert3_box .container {
	position: relative;
	width: 100%;
}

.alert3_box .container .content {
	padding: 0 30px;
	max-width: 900px;
	margin: 100px auto 0 auto;
}

.alert3_box .container .content .fa {
	font-size: 40px;
	display: block;
	margin-bottom: 20px;
}

.alert3_box .container .content>strong {
	text-shadow: 0 2px 2px #333;
	font-size: 22px;
	display: block;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.alert3_box .container .content>p {
	text-shadow: 0 1px 1px #333;
	display: block;
	margin-bottom: 20px;
}

.alert3_box .container .content p a {
	color: #fff;
	text-decoration: underline;
}

.alert3_box .container .content .boton {
	float: none;
	opacity: 1;
	color: var(--color-grey);
	display: inline-block;
	padding: 10px 30px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	background: #fff;
	text-shadow: 0 1px 1px #333;
}

.alert3_box .cruz {
	float: right;
	font-size: 35px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	opacity: 1;
	text-shadow: 0 2px 2px #333;
	position: absolute;
	top: 10px;
	right: 10px;
}

/*Alertas 4 - Pop up en la Home*/
.alert4_box {
	display: block;
	background-color: var(--color-yellow);
	padding: 15px 0;
	font-size: 11.5px;
	line-height: 20px;
	width: 288px;
	position: fixed;
	right: 0px;
	bottom: -50%;
	z-index: 10;
	animation-name: alert4_box;
	animation-duration: 3s;
	animation-delay: 1s;
	animation-fill-mode: forwards;
	box-shadow: 0px 10px 20px #0000004D;
	-webkit-animation-name: alert4_box;
	-webkit-animation-duration: 3s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: forwards;
}

@keyframes alert4_box {
	from{
		right: 0px;
		bottom: -50%;
	}
	to{
		right: 10px;
		bottom: 10%;
		position: fixed;
	}
}

.alert4_box .container {
	position: relative;
	width: 285px;
}

.alert4_box .container .fa {
	font-size: 18px;
	margin-right: 5px;
	line-height: 20px;
}

.alert4_box .content{
	height: auto;
	width: 280px;
	word-wrap: break-word;
	padding-right: 15px;
	color: var(--color-grey);
}

.alert4_box .content > strong {
	font-size: 14px;
	color: var(--color-blue);
}

.alert4_box .content hr{
	border: 2px solid #FFF;
	margin: 10px 0;
	width: 240px;
}

.alert4_box .content li{
	margin-bottom: 12px;
}

.alert4_box .content li .fa{
	color: var(--color-blue);
}

.alert4_box .close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: var(--color-grey);
	text-shadow: none;
	opacity: 1;
	filter: alpha(opacity=20);
	position: absolute;
	top: 0;
	right: 0;
}

.alert4_box .close .fa {
	font-size: 25px;
}

/*
---------------------------------------------------------------------------------------------
Horarios
---------------------------------------------------------------------------------------------
*/

#horarios-ls .horarios-result {
	margin-top: 60px;
}

#horarios-ls button {
	line-height: 20px;
	padding: 9px 20px;
	background-color: #004C8C;
	font-weight: bold;
	color: #fff;
	margin-top: 20px;
}

#horarios-ls .title {
	text-align: center;
	font-size: 23px;
	color: var(--color-grey);
	font-weight: normal;
	text-transform: uppercase;
	background: none;
	margin-bottom: 7px;
}

#horarios-ls .subtitle {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6em;
	text-align: center;
	margin-bottom: 40px;
}

#horarios-ls .subtitle div {
	display: inline-block;
	margin: 0 10px;
}

#horarios-ls .subtitle div span {
	color: var(--color-blue);
}

#horarios-ls .horarios-loading {
	height: 300px;
	width: 100%;
	position: relative;
}

#horarios-ls .horarios-loading .fa {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	margin-top: -20px;
	text-align: center;
	line-height: 40px;
	font-size: 30px;
	color: #004C8C;
	animation: spinner .6s linear infinite;
	-webkit-animation: spinner .6s linear infinite;
}

#horarios-ls .datepicker,
#horarios-ls .select2-selection__rendered {
	padding-left: 48px;
	font-size: 14px;
	font-weight: 600;
}

#horarios-ls .form_group .input_container .fa{
	left: 0;
	z-index:100;
}

#horarios-ls .form_group .input_container .fa.fa-calendar{
	padding-left: 5px;
}

#horarios-ls .arrow-down{
	border-color: #888 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	right: 12px;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0;
}

#horarios-ls .containerTitleIcon{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}

#horarios-ls .icon img {
	height: 19px;
	width: 17px;
	margin: 7.8px 10px 0 10px;
}

@keyframes spinner {
	from {
		-webkit-transform: rotate(00deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes spinner {
	from {
		-webkit-transform: rotate(00deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

#horarios-ls .table {
	text-align: center;
	border-left: 0;
}

#horarios-ls .table td,
#horarios-ls .table th {
	border: 1px solid #ccc;
	text-align: center;
	vertical-align: middle;
}

#horarios-ls .table tr th {
	border-top: 0;
	color: #666;
	font-size: 14px;
	text-transform: uppercase;
}

#horarios-ls .table tr td:first-child {
	border-left: 0;
	font-size: 16px;
	font-weight: 100;
	color: #666;
}

#horarios-ls .table tr:first-child th:first-child {
	border-left: 0;
	border-top: 0;
}

#horarios-ls .table tr td:nth-child(even) {
	background-color: #F6F8FA;
}

#horarios-ls .horario-contendio:not(.cambioshorarios-contendio) .table tr th.today,
#horarios-ls .horario-contendio:not(.cambioshorarios-contendio) .table tr td.today {
	background-color: #dee8f0;
}

#horarios-ls .table tr td {
	font-size: 12px;
	font-weight: 400;
}

#horarios-ls .table tr td strong {
	font-weight: bold;
	font-size: 14px;
	display: block;
	margin-bottom: 5px;
}

#horarios-ls .table tr td .horario {
	color: #666;
}

#horarios-ls .table tr td.barco_tipo0 .fa {
	color: #888;
}

#horarios-ls .table tr td.barco_tipo1 .fa {
	color: var(--color-blue);
}

#horarios-ls .table tr td.barco_tipo2 .fa {
	color: #c92121;
}

#horarios-ls .table tr td.barco_tipo3 .fa {
	color: var(--color-yellow);
}

#horarios-ls .barco_types {
	margin-bottom: 60px;
	text-align: center;
}

#horarios-ls .barco_types .inline {
	font-weight: bold;
	font-size: 14px;
	margin: 0 10px;
}

#horarios-ls .barco_types .barco_tipo0 {
	color: #888;
}

#horarios-ls .barco_types .barco_tipo1 {
	color: var(--color-blue);
}

#horarios-ls .barco_types .barco_tipo2 {
	color: #c92121;
}

#horarios-ls .barco_types .barco_tipo3 {
	color: var(--color-yellow);
}


#destination_schedule #horarios-ls .title2 {
	font-size: 20px;
	color: var(--color-blue);
	margin-bottom: 10px;
}

.horario-alerta {
    background-color: #F7E89C;
    border-radius: 4px;
    padding: 15px;

    color: #635641;
    font-size: 13px;
    line-height: 20px;
	font-weight: 400;

    margin: -15px auto 25px auto;
}

#horarios-ls .title2 span.fa {
	background: none;
}

#horarios-ls .table tr td.cambio-ok,
#horarios-ls .change_types span.cambio-ok {
	background-color: #d4edda;
}
#horarios-ls .table tr td.cambio-new,
#horarios-ls .change_types span.cambio-new {
	background-color: #fff3cd;
}
#horarios-ls .table tr td.cambio-cancel,
#horarios-ls .change_types span.cambio-cancel {
	background-color: #f8d7da;
}

#horarios-ls .change_types {
	margin-bottom: 15px;
	text-align: center;
}

#horarios-ls .change_types span {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 3px;
}
#horarios-ls .change_types .col-md-4{
	display: flex;
	justify-content: center;
	font-weight: 500;
	padding-bottom: 5px;
}

/* Status horarios */

#horarios-ls .status-horario{
	padding: 25px 35px 10px 35px;
	border:1px solid #DEDEDE;
	box-shadow: 1px 2px 4px 0 #BBBBBB;
	margin-bottom: 30px;

	font-weight: 400;
}

#horarios-ls .status-horario .titulo{
	font-weight: 600;
	color: var(--color-blue);
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 15px;
}

#horarios-ls .status-horario .col-md-4{
	margin-bottom: 15px;
}

#horarios-ls .status-horario .fa{
	font-size: 1.2em;
	text-align: center;
	min-width: 20px;
	margin-right: 5px;
}

#horarios-ls .status-horario .estado-pasado{
	color: #28a745;
}
#horarios-ls .status-horario .estado-futuro{
	color: #666;
}
#horarios-ls .status-horario .estado-atracado{
	color: #ffc107;
}
#horarios-ls .status-horario .estado-maniobra{
	color: var(--color-blue);
}
#horarios-ls .status-horario .estado-navegando{
	color: var(--color-blue);
}
/*
---------------------------------------------------------------------------------------------
Horarios - Reorganización y nuevos estilos
---------------------------------------------------------------------------------------------
*/

/*#horarios-ls.view .container {*/
	/*padding: 0;*/
	/*margin: 0;*/
	/*width: auto;*/
/*}*/

#horarios-ls.view .container-origen-destino{
	background-color: #F4F7FF;
	margin-bottom: 47px;
	display: flex;
}

#horarios-ls.view .container-origen-destino > div{
	padding: 27px 0;
}

.anchorSelectable .item.pull-right,
.anchorSelectable .item.pull-left{
	width: 218px;
	text-align: center;
}

.anchorSelectable a:hover,
.anchorSelectable a:focus,
.anchorSelectable a:active{
	text-decoration: none;
}

.anchorSelectable .check{
	display: none;
}

.anchorSelectable .text_container{
	width: 100%;
}

.anchorSelectable .title4{
	margin: 0 auto;
	font-size: 14px;
	border: 1px solid #D3D3D3;
	background-color:  #F4F7FF;
	border-radius: 30px;
	padding: 16px 0;
	text-transform: uppercase;
}

.anchorSelectable .text_container.selected{
	width: 100%;
}

.anchorSelectable .text_container.selected .title4{
	color: #ffffff;
	border-color: var(--color-blue);
	background-color: var(--color-blue);
	text-decoration: none;
}

#horarios-ls.view .title2 span.fa
{
	color:var(--color-yellow);
}

#horarios-ls.view .contenido .title2
{
	background-color: var(--color-blue);
	color: white;
	font-size: 18px;
	text-transform: uppercase;
	padding: 13px 0;margin-bottom: 0;
}

#horarios-ls.view .contenido .subtitle{
	margin-bottom: 0px;
	padding: 20px 0;
	background-color: #fff;
}

/*#horarios-ls.view .table.tableDay tr.active,*/
#horarios-ls.view .table.tableDay tr#newRow
{
	border: 2px solid var(--color-yellow);
}

#horarios-ls.view .table.tableDay tr.active td{
	border-top: 2px solid var(--color-yellow);
	border-bottom: 2px solid var(--color-yellow);
}

#horarios-ls.view .table.tableDay tr.active td.departureTime{
	border-left: 2px solid var(--color-yellow);
}

#horarios-ls.view .table.tableDay tr.active td.arrivalTime{
	border-right: 2px solid var(--color-yellow);
}

#horarios-ls.view .table.tableDay > tbody > tr.active > td{
	background-color: #fff;
}

#horarios-ls.view .table.tableDay tr td {
	font-size: 14px;
	border-right: none;
	border-left: none;
	padding-top: 25.5px;
	padding-bottom: 16.5px;
}

#horarios-ls.view .table.tableDay tr#newRow td:nth-child(2n) {
	background-color: var(--color-yellow);
}

#horarios-ls.view .table.tableDay tr td.newCell {
	background-color: var(--color-yellow);
	border-color: var(--color-yellow);
	display: table-cell;
}

#horarios-ls.view .horario-contendio:not(.cambioshorarios-contendio) .table.tableDay tr td.today {
	background-color: #fff;
	border-right: none;
	border-left: none;
}

#horarios-ls.view .horario-contendio:not(.cambioshorarios-contendio) .table.tableDay tr td.line hr{
	width: 150px;
	color: #E3E3E3;
}

#horarios-ls.view .table.tableDay tr td .ship{
	color: var(--color-blue);
}

#horarios-ls.view .table.tableDay tr td.departureTime,
#horarios-ls.view .table.tableDay tr td.arrivalTime{
	font-weight: bold;
	font-size: 22px;
	color: #000000;
}

#horarios-ls.view .table.tableDay tr td:nth-child(2n) {
	background-color: transparent;
}

#horarios-ls.view .table.tableDay tr#newRow td.newCell.precio .letra,
#horarios-ls.view .table.tableDay tr#newRow td.newCell.precio .numero{
	font-weight: bold;
}

#horarios-ls.view .table.tableDay tr#newRow td.newCell.precio .letra,
#horarios-ls.view .table.tableDay tr#newRow td.newCell.precio .numero sup{
	font-size: 14px;
}

#horarios-ls.view .table.tableDay tr#newRow td.newCell.precio .numero{
	font-size: 20px;
}

#horarios-ls.view .table.tableDay tr#newRow td.newCell.precio .letra i.fa-chevron-right{
	margin-left: 15px;
}

#horarios-ls.view .table.tableDay .enlaceHorario{
	text-decoration: none;
}

#horarios-ls.view .table.tableDay.ida{
	margin-bottom: 60px;
}

#horarios-ls.view .container-origen-destino .sub-container{
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
	padding-right: 10px;
}

#horarios-ls.view .tableDay tbody tr {
	border-top: 1px solid rgb(83, 83, 83);
	border-right: 2px solid transparent;
	border-left: 2px solid transparent;
	width: 0;
	height: 0;
 }

#horarios-ls.view .tableDay tbody tr:hover::before,
#horarios-ls.view .tableDay tbody tr:hover::after {
	 width: 100%;
	 height: 100%;
 }

/*#horarios-ls.view .tableDay tbody tr:hover*/
/*{*/
	/*border-top: 2px solid var(--color-yellow);*/
	/*border-right-color: var(--color-yellow);*/
	/*border-bottom: 2px solid var(--color-yellow);*/
	/*border-left-color: var(--color-yellow);*/
	/*-webkit-transition: width 0.25s ease-out,*/
	/*height 0.25s ease-out 0.25s;*/
	/*transition:*/
	 /*width 0.25s ease-out,*/
	 /*height 0.25s ease-out 0.25s;*/
	/*transform: translateY(-5px);*/
 /*}*/

.firstCell{
	border-left: 2px solid var(--color-yellow) !important;
}

.lastCell{
	border-right: 2px solid var(--color-yellow) !important;
}

.cellsHover{
	border-top: 2px solid var(--color-yellow) !important;

	border-bottom: 2px solid var(--color-yellow) !important;
	-webkit-transition: width 0.25s ease-out,
	height 0.25s ease-out 0.25s;
	transition:
	width 0.25s ease-out,
	height 0.25s ease-out 0.25s;
	transform: translateY(-5px);
}

#horarios-ls.view .tableDay tbody tr#newRow:hover,
#horarios-ls.view .tableDay tbody tr.active:hover{
	transform: inherit;
}

#horarios-ls.view .table.tableDay .enlaceHorario:hover {
	transform: translateY(-5px);
}

#horarios-ls.view .table.tableDay .enlaceHorario .letra:hover {
	transform: scale(1.3);
}

@media (min-width: 768px){
	#horarios-ls.view .container-origen-destino .sub-container{
		width: 740px;
	}
}

@media (min-width: 992px){
	#horarios-ls.view .container-origen-destino .sub-container{
		width: 960px;
	}
}

@media (min-width: 1200px){
	#horarios-ls.view .container-origen-destino .sub-container{
		width: 1160px;
	}
}

@media (max-width: 1024px) {
	.cellsHover{
		transform: inherit;
	}
}

@media (max-width: 768px) {
	#horarios-ls.view .container{
		background-color: #F4F7FF;
	}

	#horarios-ls.view .anchorSelectable{
		display: none;
	}

	#horarios-ls.view .container-origen-destino {
		margin-bottom: 0;
	}

	#horarios-ls.view .horarios-result {
		margin-top: 0;
		margin-bottom: 40px;
	}

	#horarios-ls.view .table.tableDay tr td:nth-child(2n) {
		background-color: #fff;
	}

	#horarios-ls.view .table.tableDay tr td {
		display: table-cell;
		background-color: #fff;
		padding-top: 22.5px;
		padding-bottom: 17.5px;
	}

	#horarios-ls.view .table.tableDay tr td.origen,
	#horarios-ls.view .table.tableDay tr td.line,
	#horarios-ls.view .table.tableDay tr td.destino{
		display: none;
	}

	#horarios-ls.view .contenido .subtitle{
		display: none;
	}
}

/*
---------------------------------------------------------------------------------------------
REVISTAS
---------------------------------------------------------------------------------------------
*/


#revistas-ls .slider_container,
#revistas-ls .slider_container .slick-track,
#revistas-ls .slider_container .slick-list,
#revistas-ls .slider_container .slide {
	width: 100%;
	height: 100%;
	position: relative;
	min-height: 240px;
}

#revistas-ls .slider_container {
	margin-bottom: 70px;
	padding: 0 70px;
}

#revistas-ls .slider_container .slick-slide {
	position: relative;
	display: block;
	text-decoration: none;
	color: inherit;
	text-align: center;
	padding: 0 20px;
}

#revistas-ls .slider_container .slick-slide a {
	display: block;
	text-decoration: none;
	color: inherit;
}

#revistas-ls .slider_container .slick-slide a img {
	display: block;
	width: 100%;
}

#revistas-ls .slider_container .slick-slide a span {
	display: block;
	text-align: center;
}

#revistas-ls .slick-arrow {
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background-color: var(--color-blue);
	z-index: 1;
	font-size: 30px;
	line-height: 27px;
	padding: 0;
	text-align: center;
	border: 0;
	color: #fff;
	top: calc(106px - 25px);
	opacity: 1;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	margin: 0;
}

#revistas-ls .prev {
	left: 5px;
	float: left;
}

#revistas-ls .next {
	right: 5px;
	float: right;
}

#revistas-ls .slick-disabled {
	background-color: #ccc;
	cursor: default;
	box-shadow: none !important;
}

#revistas-ls .prev:hover,
#revistas-ls .next:hover {
	box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
}

#revistas-ls .slick-dots {
	text-align: center;
	position: absolute;
	margin: auto;
	width: 100%;
	height: 50px;
	line-height: 12px;
	padding: 14px 0;
	bottom: -50px;
	left: 0;
}

#revistas-ls .slick-dots li {
	display: inline-block;
	margin: 5px;
}

#revistas-ls .slick-dots li button {
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	padding: 0;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	text-indent: -9999px;
	background-color: #ccc;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#revistas-ls .slick-dots li.slick-active button {
	background-color: var(--color-blue);
}

/*
---------------------------------------------------------------------------------------------
Error 404
---------------------------------------------------------------------------------------------
*/
#error404 {
	background: url('../img/404_back.jpg') no-repeat bottom center;
	background-size: cover;
}

#error404>div {
	float: right;
	margin: 100px 160px 120px 0;
	width: 450px;
	text-align: center;
}

#error404>div span {
	float: left;
	display: block;
	line-height: 96px;
	width: 170px;
	text-align: left;
	color: #fff;
	font-size: 86px;
	font-weight: bold;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}

#error404>div p {
	float: left;
	text-align: left;
	width: calc(100% - 170px);
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	line-height: 1.2em;
	text-transform: uppercase;
	margin: 0;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}

#error404>div a.button {
	clear: left;
	padding: 5px 40px;
	line-height: 30px;
	background-color: var(--color-blue);
	color: #fff;
	border-radius: 0;
	font-size: 12px;
	width: auto;
	display: inline-block;
	text-decoration: none;
	border: 0;
	text-transform: uppercase;
	box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	font-weight: 600;
	margin-top: 20px;
}

#error404>div a.button:hover {
	padding: 5px 50px;
	box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
}

/*
---------------------------------------------------------------------------------------------
FORMULARIOS
---------------------------------------------------------------------------------------------
*/

.contenido .form-container .errores {
	background: palevioletred;
}

.contenido .form-container form {
	display: block;
	background-color: #f9f9f9;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 20px;
}

.contenido .form-container .title2 {
	text-transform: uppercase;
}

.contenido .form-container .title4 {
	color: #666;
	margin-bottom: 20px;
}

.contenido .form-container .form_help {
	margin-top: -10px;
	margin-bottom: 20px;
}

.contenido .form-container .form_group {
	margin-bottom: 20px;
}

.contenido .form-container label {
	display: block;
	font-size: 13px;
	margin-bottom: 10px;
	cursor: default;
	color: #666;
}

.contenido .form-container label.forinput {
	display: inline;
	margin-bottom: 0;
	cursor: pointer;
}

.contenido .form-container .form_group input[type='text'],
.contenido .form-container .form_group input[type='password'],
.contenido .form-container .form_group select,
.contenido .form-container .form_group textarea {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0;
	font-size: 13px;
	height: 38px;
	line-height: 38px;
	padding: 0 8px;
	width: 100%;
	transition: all 300ms ease;
}

.contenido .form-container .form_group input[type='text']:focus,
.contenido .form-container .form_group input[type='password']:focus,
.contenido .form-container .form_group select:focus,
.contenido .form-container .form_group textarea:focus {
	border-color: var(--color-blue);
}

.contenido .form-container .form_group textarea {
	line-height: 19px;
	height: 104px;
}

.contenido .form-container .button {
	padding: 5px 20px;
	line-height: 30px;
	background-color: var(--color-blue);
	color: #fff;
	border-radius: 0;
	font-size: 12px;
	width: auto;
	display: inline-block;
	text-decoration: none;
	border: 0;
	text-transform: uppercase;
	box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	font-weight: 600;
}

.contenido .form-container .form_group .fa {
	color: #878787;
	font-size: 18px;
	height: 38px;
	line-height: 38px;
	position: absolute;
	right: 0;
	text-align: center;
	bottom: 0;
	width: 36px;
}

.contenido .form-container .button:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.contenido .form-container .separador {
	margin-top: 7px;
	border-bottom: 1px solid #dadada;
	margin-bottom: 20px;
}

.contenido .form-container .form_group.error input[type='text'],
.contenido .form-container .form_group.error input[type='password'],
.contenido .form-container .form_group.error select,
.contenido .form-container .form_group.error textarea,
.contenido .form-container #formsugerencias .form_group.error .select2-container--default .select2-selection--single,
.contenido .form-container .form_group.error input[type='text']:focus,
.contenido .form-container .form_group.error input[type='password']:focus,
.contenido .form-container .form_group.error select:focus,
.contenido .form-container .form_group.error textarea:focus,
.contenido .form-container #formsugerencias .form_group.error .select2-container--default .select2-selection--single:focus{
	background-color: #f2dede !important;
	border: 1px solid #ca0000 !important;
}

.contenido .form-container .form_group.error input[type='radio'],
.contenido .form-container .form_group.error input[type='checkbox']{
	appearance: none;
	width: 16px;
	height: 16px;
	border: 1px solid #ca0000;
	background-color: #f2dede;
	position: relative;
	outline: none;
	cursor: pointer;
	vertical-align: middle;
}

.contenido .form-container .form_group.error input[type='radio']{
	border-radius: 50%;
}

.contenido .form-container .form_group.error .check-icon:before {
	color: #ca0000;
}

.contenido .form-container .form_group.error input[type='file'] {
	border: 1px solid #ca0000;
}

.contenido .form-container.form-baja .title{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

.contenido .form-container.form-baja .title .content_title{
	display: flex;
	flex-flow: column wrap;
}

.contenido .form-container.form-baja .title .content_title .text{
	font-size: 22px;
	font-weight: bold;
	color: var(--color-blue);
	padding: 40px 0 30px 0;
}

.contenido .form-container.form-baja .title .content_title .icon{
	text-align: center;
	padding-top: 50px;
}

.contenido .form-container.form-baja .title .content_title .icon .fa{
	font-size: 52px;
	color: var(--color-yellow);
}

.contenido .form-container.form-baja .text{
	font-size: 16px;
	color: var(--color-blue);
	text-align: left;
	line-height: 27px;
	padding: 0 40px 30px 40px;
}

.contenido .form-container.form-baja .baja-info{
	padding: 60px 40px;
	font-size: 14px;
	line-height: 22px;
	color: var(--color-blue);
	text-align: left;
}

.contenido .form-container.form-baja #formBaja{
	background-color: var(--color-blue);
	padding: 50px 0;
	margin-top: 15px;
}

.contenido .form-container.form-baja #formBaja .block{
	background-color: #FFFFFF;
	border-radius: 15px;
	padding: 25px 52px;
}

.contenido .form-container.form-baja #formBaja .block .title{
	font-size: 22px;
	font-weight: bold;
	padding-top: 40px;
}

.contenido .form-container.form-baja #formBaja .block .subtitle{
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	line-height: 20px;
	color: var(--color-blue);
	padding: 20px 0 10px;
}

.contenido .form-container.form-baja #formBaja .block .form_group{
	position: relative;
	margin-bottom: 0;
}

.contenido .form-container.form-baja #formBaja .block .form_group label{
	font-size: 16px;
	font-weight: bold;
	line-height: 27px;
	color: var(--color-blue);
	padding-top: 30px;
	margin-bottom: 0;
}

.contenido .form-container.form-baja #formBaja .block .form_group .form_with_checkbox {
	position: relative;
	font-size: 16px;
	padding-bottom: 10px;
	cursor: pointer;
}
.contenido .form-container.form-baja #formBaja .block .form_group .form_with_checkbox input {
	position: absolute;
	top: 0;
	left: -10000px;
}
.contenido .form-container.form-baja #formBaja .block .form_group .form_with_checkbox .check-icon{
	display: inline-block;
	width: 27px;
}
.contenido .form-container.form-baja #formBaja .block .form_group .form_with_checkbox .check-icon:before{
	position: absolute;
	top: 0;
	font-family: FontAwesome;
	content: "\f1db";
	font-size: 22px;
	margin-right: 8px;
}
.contenido .form-container.form-baja #formBaja .block .form_group .form_with_checkbox .check-icon.active:before{
	content: "\f058";
	color: var(--color-blue);
}

.contenido .form-container.form-baja #formBaja .block .obligatorio{
	color: #D90015;
	margin-left: 2.5px;
}

.contenido .form-container.form-baja #formBaja .block .form_group  .icon_container {
	position: absolute;
	top: 50px;
	left: -77px;
}

.contenido .form-container.form-baja #formBaja .block .form_group .icon_container span {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	height: 50px;
	width: 50px;
	border: 1px solid var(--color-yellow);
	border-radius: 50%;
	background-color: var(--color-yellow);
}

.contenido .form-container.form-baja #formBaja .block .form_group .icon_container span i{
	color: var(--color-blue);
	font-size: 16px;
	position: inherit;
}

.contenido .form-container.form-baja #formBaja .block input[type="text"],
.contenido .form-container.form-baja #formBaja .block textarea{
	height: auto;
	font-size: 16px;
	line-height: 1;
	font-weight: normal;
	color: var(--color-grey);
	background-color: #FFFFFF;
	border-color: var(--color-blue);
	border-radius: 4px;
	padding: 13.4px 19px;
}
.contenido .form-container.form-baja #formBaja .block textarea{
	height: 90px;
}
.contenido .form-container.form-baja #formBaja .block .form_group:not(.error) input[type="file"]{
	display: none;
}

.contenido .form-container.form-baja #formBaja .block .form_group input[type="file"]:focus{
	outline: none;
}

.contenido .form-container.form-baja #formBaja .block .form_group .uploadDocument{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: end;
	font-size: 16px;
	line-height: 1;
	font-weight: normal;
	color: var(--color-grey);
	background-color: #FFFFFF;
	border: 1px solid var(--color-blue);
	border-radius: 4px;
	padding: 7.2px 12px 7.2px 19px;
	gap: 5px;
}
#main:not(.appIframe) .contenido .form-container.form-baja #formBaja .block .form_group .uploadDocument{
	cursor: pointer;
}
.contenido .form-container.form-baja #formBaja .block .form_group .uploadDocument.error{
	background-color: #f2dede;
	border: 1px solid #ca0000;
}
.contenido .form-container.form-baja #formBaja .block .form_group .uploadDocument .doc-name{
	max-width: calc(100% - 55px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.contenido .form-container.form-baja #formBaja .block .form_group .uploadDocument .icon_container{
	position: relative;
	top: auto;
	left: auto;
}
#main.appIframe .contenido .form-container.form-baja #formBaja .block .form_group .uploadDocument .icon_container span
{
	cursor: pointer;
}
.contenido .form-container.form-baja #formBaja .block .form_group .uploadDocument .icon_container span{
	height: 34px;
	width: 34px;
	background-color: #F4F7FF;
	border: none;
}
.contenido .form-container.form-baja #formBaja .block .form_group .uploadDocument .icon_container span.document{
	transform: rotate(180deg);
}
.contenido .form-container.form-baja #formBaja .block .form_group .uploadDocument .icon_container span i{
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.contenido .form-container.form-baja #formBaja .block .info{
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: var(--color-grey);
	margin-bottom: 12px;
}

.contenido .form-container.form-baja #formBaja .block .form_group .block-privacidad{
	color: var(--color-grey);
	margin-top: 25px;
}
.contenido .form-container.form-baja #formBaja .block .form_group .block-privacidad input{
	position: absolute;
	top: 0;
	left: -10000px;
}
.contenido .form-container.form-baja #formBaja .block .form_group .block-privacidad .check-icon{
	display: inline-block;
	width: 27px;
}
.contenido .form-container.form-baja #formBaja .block .form_group .block-privacidad .check-icon:before{
	position: absolute;
	top: 0;
	font-family: FontAwesome;
	content: "\f096";
	font-size: 22px;
	margin-right: 8px;
}
.contenido .form-container.form-baja #formBaja .block .form_group .block-privacidad .check-icon.active:before{
	content: "\f14a";
	color: var(--color-blue);
}
.contenido .form-container.form-baja #formBaja .block .block-privacidad a{
	color: #1265BE;
}

.contenido .form-container.form-baja #formBaja .block .btn{
	padding: 22px 0 0 0;
	width: 100%;
}

.contenido .form-container.form-baja #formBaja .block .btn button{
	width: 100%;
	font-size: 16px;
	line-height: 1;
	border-radius: 4px;
	padding: 20px 0;
}

.contenido .form-container.form-baja #formBaja .block .required-fields{
	font-size: 12px;
	line-height: 27px;
	font-weight: normal;
	color: var(--color-grey);
	padding: 20px 0;
	margin: 0;
}
.contenido .form-container.form-baja #formBaja .block .required-fields .obligatorio{
	margin: 0 2.5px 0 0;
}

.contenido .form-container.form-baja #formBaja .block .leyenda{
	padding-top: 20px;
	font-size: 12px;
	line-height: 27px;
	color: var(--color-grey);
}

.contenido .form-container.form-baja #formBaja .descriptionMotivo.hide{
	display: none;
}
.contenido .form-container.form-baja #formBaja .descriptionMotivo.show{
	display: inline-block;
}
.contenido .form-container.form-baja #parent-alert{
	margin-top: 20px;
}
.contenido .form-container.form-baja .alert.errorFichero{
	margin-top: 15px;
}

.container.container-accesoRestringido {
	padding-left: 20px;
	padding-right: 20px;
}

.contenido .form-container.form-accesoRestringido .alert-info.inscripcion {
	background-color: #FEF7CB;
	border-color: #FEF7CB;
	color: #002f6c;
	font-weight: bolder;
}
.contenido .form-container.form-accesoRestringido .alert-info.inscripcion .text{
	margin-bottom: 0;
}

.contenido .form-container.form-estilo2.form-accesoRestringido label{
	color: #FFFFFF;
}

.contenido .form-container.form-accesoRestringido .button{
	color: #002F6C;
	background-color: #ffd100;
	padding: 5px 40px;
}

.contenido .form-container.form-accesoRestringido .form_group label,
.contenido .form-container.form-accesoRestringido .form_group input,
.contenido .form-container.form-accesoRestringido .form_group textarea{
	font-size: 16px;
}

.contenido .form-container.form-accesoRestringido label {
	display: inline-block;
}

.contenido .form-container.form-accesoRestringido .labelTxt{
	font-weight: bold;
}

.contenido .form-container.form-accesoRestringido .obligatorio {
	color: #ffcc00;
	padding-left: 5px;
	font-weight: bold;
}

.contenido .form-container.form-accesoRestringido .linea-amarilla{
	width: 60px;
	height: 4px;
	background-color: #ffcc00;
	margin: 0 auto;
	margin-top: 21px;
	margin-bottom: 32px;
}

.contenido .form-container.form-accesoRestringido .arrow{
	position: absolute;
	top: -20px;
	right: 160px;
	rotate: -65deg;
	transform: scaleX(-1);
}

.contenido .form-container.form-accesoRestringido .intoleranciasTxt,
.contenido .form-container.form-accesoRestringido .asistenciaTxt,
.contenido .form-container.form-accesoRestringido .block-preferencias{
	display: none;
}

.contenido .form-container.form-accesoRestringido .form-group.importante-recogida {
	font-size: 16px;
	color: #ffffff;
	color: #ffffff;
	margin-bottom: 30px;
	border: 1px solid #ffcc00;
	padding: 15px;
	border-radius: 10px;
}

.contenido .form-container.form-accesoRestringido .form-group.importante-recogida i{
	color: #ffcc00;
}

.contenido .form-container.form-accesoRestringido .titlePref{
	font-size: 18px;
	color: #fff;
	text-align: center;
	margin-bottom: 40px;
}

/*Formulario dinamica 1*/
/*Formulario dinamica 2*/

.container.container-dinamica1,
.container.container-dinamica2{
	padding-left: 20px;
	padding-right: 20px;
}

.contenido .form-container.form-dinamica1 .form_group label,
.contenido .form-container.form-dinamica1 .form_group input,
.contenido .form-container.form-dinamica1 .form_group textarea,
.contenido .form-container.form-dinamica2 .form_group label,
.contenido .form-container.form-dinamica2 .form_group input,
.contenido .form-container.form-dinamica2 .form_group textarea{
    font-size: 16px;
}

.contenido .form-container.form-dinamica1 .block-1 .title,
.contenido .form-container.form-dinamica1 .block-2 .title,
.contenido .form-container.form-dinamica1 .block-4 .title,
.contenido .form-container.form-dinamica1 .block-6 .title,
.contenido .form-container.form-dinamica2 .block-1 .title,
.contenido .form-container.form-dinamica2 .block-2 .title,
.contenido .form-container.form-dinamica2 .block-4 .title,
.contenido .form-container.form-dinamica2 .block-6 .title{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
	line-height: 35px;
}

.contenido .form-container.form-dinamica1 .block-1 .text,
.contenido .form-container.form-dinamica1 .block-2 .text,
.contenido .form-container.form-dinamica1 .block-3 .text,
.contenido .form-container.form-dinamica1 .block-4 .text,
.contenido .form-container.form-dinamica1 .block-5 .text,
.contenido .form-container.form-dinamica1 .block-6 .text,
.contenido .form-container.form-dinamica1 .block-4 .text-info
{
	font-size: 18px;
	color: #FFFFFF;
	text-align: justify;
	margin-bottom: 40px;
}

.contenido .form-container.form-dinamica2 .block-1 .text,
.contenido .form-container.form-dinamica2 .block-2 .text,
.contenido .form-container.form-dinamica2 .block-3 .text,
.contenido .form-container.form-dinamica2 .block-4 .text,
.contenido .form-container.form-dinamica2 .block-5 .text,
.contenido .form-container.form-dinamica2 .block-6 .text{
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 40px;
}

.contenido .form-container.form-dinamica1 .block-1 .text p:first-of-type{
	margin-bottom: 40px;
}

.contenido .form-container.form-dinamica1 .block-6 .text:nth-of-type(4),
.contenido .form-container.form-dinamica1 .block-4 .text-info{
    text-align: center;
}

.contenido .form-container.form-dinamica1 .block-4 .text-info{
	font-size: 12px;
}

.contenido .form-container.form-dinamica1 .containerImage,
.contenido .form-container.form-dinamica2 .containerImage{
	margin-bottom: 40px;
}

.contenido .form-container.form-dinamica2 .containerImage{
	text-align: center;
}

.contenido .form-container.form-dinamica2 .containerImage img{
	border-radius: 15px;
}

.contenido .form-container.form-dinamica1 .block-1 .parent-button,
.contenido .form-container.form-dinamica1 .block-2 .parent-button,
.contenido .form-container.form-dinamica1 .block-3 .parent-button,
.contenido .form-container.form-dinamica1 .block-4 .parent-button,
.contenido .form-container.form-dinamica1 .block-5 .parent-button,
.contenido .form-container.form-dinamica1 .block-6 .parent-button,
.contenido .form-container.form-dinamica2 .block-1 .parent-button,
.contenido .form-container.form-dinamica2 .block-2 .parent-button,
.contenido .form-container.form-dinamica2 .block-3 .parent-button,
.contenido .form-container.form-dinamica2 .block-4 .parent-button,
.contenido .form-container.form-dinamica2 .block-5 .parent-button,
.contenido .form-container.form-dinamica2 .block-6 .parent-button{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

.contenido .form-container.form-dinamica1 .block-1 .button,
.contenido .form-container.form-dinamica1 .block-2 .button,
.contenido .form-container.form-dinamica1 .block-3 .button,
.contenido .form-container.form-dinamica1 .block-4 .button,
.contenido .form-container.form-dinamica1 .block-5 .button,
.contenido .form-container.form-dinamica1 .block-6 .button,
.contenido .form-container.form-dinamica2 .block-1 .button,
.contenido .form-container.form-dinamica2 .block-2 .button,
.contenido .form-container.form-dinamica2 .block-3 .button,
.contenido .form-container.form-dinamica2 .block-4 .button,
.contenido .form-container.form-dinamica2 .block-5 .button,
.contenido .form-container.form-dinamica2 .block-6 .button{
	font-size: 16px;
	color: #002F6C;
	background-color: #ffd100;
	text-transform: none;
}

.contenido .form-container.form-dinamica1 .block-2 .numbers,
.contenido .form-container.form-dinamica1 .block-4 .numbers,
.contenido .form-container.form-dinamica1 .block-5 .numbers,
.contenido .form-container.form-dinamica2 .block-2 .numbers,
.contenido .form-container.form-dinamica2 .block-4 .numbers,
.contenido .form-container.form-dinamica2 .block-5 .numbers{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
	cursor: pointer;
}

.contenido .form-container.form-dinamica1 .block-2 .numbers .number,
.contenido .form-container.form-dinamica1 .block-4 .numbers .number,
.contenido .form-container.form-dinamica1 .block-5 .numbers .number,
.contenido .form-container.form-dinamica2 .block-2 .numbers .number,
.contenido .form-container.form-dinamica2 .block-4 .numbers .number,
.contenido .form-container.form-dinamica2 .block-5 .numbers .number{
	font-size: 18px;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #002F6C;
	border: 1px solid #FFFFFF;;
	border-radius: 50%;
	padding: 15px 20px;
}

.contenido .form-container.form-dinamica1 .block-2 .numbers .number.section-2,
.contenido .form-container.form-dinamica1 .block-2 .numbers .number.section-3,
.contenido .form-container.form-dinamica1 .block-4 .numbers .number.section-3,
.contenido .form-container.form-dinamica2 .block-2 .numbers .number.section-2,
.contenido .form-container.form-dinamica2 .block-2 .numbers .number.section-3,
.contenido .form-container.form-dinamica2 .block-4 .numbers .number.section-3{
	opacity: 50%;
	cursor: not-allowed;
}

.contenido .form-container.form-dinamica1 .block-2 .numbers .number p,
.contenido .form-container.form-dinamica1 .block-4 .numbers .number p,
.contenido .form-container.form-dinamica1 .block-5 .numbers .number p,
.contenido .form-container.form-dinamica2 .block-2 .numbers .number p,
.contenido .form-container.form-dinamica2 .block-4 .numbers .number p,
.contenido .form-container.form-dinamica2 .block-5 .numbers .number p{
	margin: 0;
}

.contenido .form-container.form-dinamica1 .block-2 .numbers .linea-amarilla,
.contenido .form-container.form-dinamica1 .block-4 .numbers .linea-amarilla,
.contenido .form-container.form-dinamica1 .block-5 .numbers .linea-amarilla,
.contenido .form-container.form-dinamica2 .block-2 .numbers .linea-amarilla,
.contenido .form-container.form-dinamica2 .block-4 .numbers .linea-amarilla,
.contenido .form-container.form-dinamica2 .block-5 .numbers .linea-amarilla{
	width: 60px;
	height: 2px;
	background-color: #ffcc00;
}

.contenido .form-container.form-dinamica1 .block-2 .opcionesMochila,
.contenido .form-container.form-dinamica1 .block-2 .opcionesPractica,
.contenido .form-container.form-dinamica1 .block-4 .opcionesCanal{
	margin-bottom: 40px;
}

.contenido .form-container.form-dinamica1 .block-2 .opcionesMochila .form_group{
	display:  flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.contenido .form-container.form-dinamica1 .block-2 .container-opcionMochila{
	cursor: pointer;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
}

.contenido .form-container.form-dinamica2 .block-2 .container-opcionPractica,
.contenido .form-container.form-dinamica2 .block-4 .container-opcionCanal{
	display: flex;
	flex-flow: row wrap;
	gap: 15px;
	width: 100%;
}

.contenido .form-container.form-dinamica2 .block-2 .container-opcionPractica.ninguna,
.contenido .form-container.form-dinamica2 .block-4 .container-opcionCanal{
	align-items: center;
}

.contenido .form-container.form-dinamica2 .block-4 .container-opcionCanal{
	margin-bottom: 15px;
}

.contenido .form-container.form-dinamica2 .block-2 .container-opcionPractica .container-icon,
.contenido .form-container.form-dinamica2 .block-4 .container-opcionCanal .container-icon{
	flex: 1;
}

.contenido .form-container.form-dinamica2 .block-2 .container-opcionPractica .container-text,
.contenido .form-container.form-dinamica2 .block-4 .container-opcionCanal .container-text{
	flex: 4;
}

.contenido .form-container.form-dinamica1 .block-2 .form_group.error .container-opcionMochila img,
.contenido .form-container.form-dinamica2 .block-2 .form_group.error .container-opcionPractica img,
.contenido .form-container.form-dinamica2 .block-4 .form_group.error .container-opcionCanal img{
	border: 3px solid #ca0000;
}

.contenido .form-container.form-dinamica1 .block-2 .container-opcionMochila img,
.contenido .form-container.form-dinamica2 .block-2 .container-opcionPractica img,
.contenido .form-container.form-dinamica2 .block-4 .container-opcionCanal img{
	border: 3px solid #003A74;
}

.contenido .form-container.form-dinamica1 .block-2 .container-opcionMochila input[type="checkbox"],
.contenido .form-container.form-dinamica2 .block-2 .container-opcionPractica input[type="checkbox"],
.contenido .form-container.form-dinamica2 .block-4 .container-opcionCanal input[type="checkbox"]{
	width: 0;
	height: 0;
	margin: 0;
	border: none;
}

.contenido .form-container.form-dinamica1 .block-2 .container-opcionMochila input[type="checkbox"]:checked,
.contenido .form-container.form-dinamica2 .block-2 .container-opcionPractica input[type="checkbox"]:checked,
.contenido .form-container.form-dinamica2 .block-4 .container-opcionCanal input[type="checkbox"]:checked{
	width: 0;
	height: 0;
	margin: 0;
	visibility: hidden !important;

}

.contenido .form-container.form-dinamica1 .block-2 .container-opcionMochila label,
.contenido .form-container.form-dinamica1 .block-2 .mochilaTxt label,
.contenido .form-container.form-dinamica2 .block-2 .container-opcionPractica label,
.contenido .form-container.form-dinamica2 .block-4 .container-opcionCanal label{
	font-size: 16px;
	color: #FFFFFF;
	cursor: pointer;
	margin: 0;
}

.contenido .form-container.form-dinamica1 .block-2 .container-opcionMochila label{
	font-size: 12px;
	max-width: 95px;
	height: 68px;
	text-align: center;
}

.contenido .form-container.form-dinamica1 .block-2 .container-opcionMochila img.opMochilaChecked,
.contenido .form-container.form-dinamica2 .block-2 .container-opcionPractica img.opPracticaChecked,
.contenido .form-container.form-dinamica2 .block-4 .container-opcionCanal img.opCanalChecked{
	border: 3px solid #ffcc00;
}

.contenido .form-container.form-dinamica1 .block-2 .mochilaTxt{
	display: none;
}

@media (max-width: 767px){
	.contenido .form-container.form-baja{
		margin: 0 -10px;
	}

	.contenido .form-container.form-baja #formBaja {
		padding: 19px 0;
	}

	.contenido .form-container.form-baja #formBaja .block {
		padding: 0 26px 25px 26px;
	}

	.contenido .form-container.form-baja #formBaja .block .title {
		padding-top: 37px;
		font-size: 20px;
	}

	.contenido .form-container.form-baja #formBaja .block .subtitle {
		padding-bottom: 0;
	}

	.contenido .form-container.form-baja #formBaja .block .form_group .icon_container {
		position: relative;
		top: 0;
		left: 0;
		padding-top: 24px;
	}

	.contenido .form-container.form-baja #formBaja .block .form_group label {
		padding-top: 12px;
	}

	.contenido .form-container.form-baja #formBaja .block .form_group .uploadDocument .icon_container {
		padding: 0;
	}

	.contenido .form-container.form-baja .baja-info {
		padding: 45px 26px;
	}

	.contenido .form-container.form-accesoRestringido .linea-amarilla{
		margin-top: 40px;
		margin-bottom: 33px;
	}

	.contenido .form-container.form-dinamica1 .block-2 .container-opcionMochila{
		max-width: 95px;
	}
}

/*
---------------------------------------------------------------------------------------------
Documentacion
---------------------------------------------------------------------------------------------
*/

.block .document-list-mode{
	margin-bottom: 5px;
	display: flex;
	justify-content: end;
	align-items: center;
}
.block .document-list-mode .list-modes{
	text-align: right;
}
.block .document-list-mode a{
	font-size: 21px;
	color: #a8c3d2;
	margin-left: 5px;
}
.block .document-list-mode a.active{
	color: #006ba0
}

/* Listado */

.block .document-list{
	margin-bottom: 15px;
}

.block .document-list .document-elem{
	border-radius: 5px;
	background: #EEF5F9;
	border:1px solid #EEF5F9;
	margin-bottom: 15px;
	position: relative;
}
.block .document-list .document-elem .document-header{
	color: #666666;
	padding:5px 17px;
	text-align: center;
	position: relative;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.block .document-list .document-elem .document-header .fa{
	position: absolute;
	top: 7px;
	right: 5px;
	color: #D1322D;
	opacity: 0;
	visibility: hidden;
	transition: all 400ms ease;
}
.block .document-list .document-elem:hover .document-header .fa{
	opacity: 1;
	visibility: visible;
}
.block .document-list .document-elem .document-header span{
	cursor: pointer;
}

.block .document-list .document-elem .document-content{
	background: #fff;
}
.block .document-list .document-elem .document-content > div{
	position: relative;
	padding-bottom: 75%;
	overflow: hidden;
}
.block .document-list .document-elem .document-content a{
	display: block;
	text-align: center;
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.block .document-list .document-elem .document-content a img{
	max-width: 100%;
	max-height: 100%;
}

.block .document-list .document-elem .document-footer{
	font-size: 12px;
	padding: 2px 5px;
}
.block .document-list .document-elem .document-footer span{
	float:right;
}

.block .document-list .document-elem.readonly .document-header .fa{
	display: none;
}
.block .document-list .document-elem.readonly .document-header span{
	cursor: default;
}

/* Modo listado */
.block .document-list .document-elem .document-image{
	width: 74px;
	float:left;
	padding: 5px;
}
.block .document-list .document-elem .document-image > div{
	position: relative;
	padding-bottom: 75%;
	overflow: hidden;
}
.block .document-list .document-elem .document-image a{
	display: block;
	text-align: center;
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.block .document-list .document-elem .document-image a img{
	max-width: 100%;
	max-height: 100%;
}

.block .document-list .document-elem .document-name{
	padding: 8px 0 3px 0;
}
.block .document-list .document-elem .document-name span{
	cursor: pointer;
}

.block .document-list .document-elem .document-size-size{
	max-width: 260px;
}
.block .document-list .document-elem .document-size-size .size{
	float:right;
}

.block .document-list .document-elem .document-delete{
	position: absolute;
	top: 5px;
	right: 5px;
}
.block .document-list .document-elem .passengerIncident-image.list-mode{
	text-align: right;
	padding-right: 5px;
	padding-bottom: 5px;
}
.block .document-list .document-elem .passengerIncident-image.table-mode{
	text-align: right;
}
.block .document-list .document-elem .passengerIncident-image.table-mode span{
	float: none;
}
.block .document-list .document-elem .passengerIncident-image a:hover,
.block .document-list .document-elem .passengerIncident-image a:focus{
	text-decoration: none;
	outline: none;
}
.text-warning-images{
	color: #d26800;
}
.block .document-list .document-elem .document-delete .fa{
	color: #D1322D;
	opacity: 0;
	visibility: hidden;
	transition: all 400ms ease;
}
.block .document-list .document-elem:hover .document-delete .fa{
	opacity: 1;
	visibility: visible;
}


.block .document-list .document-elem.readonly .document-delete .fa{
	display: none;
}
.block .document-list .document-elem.readonly .document-name span{
	cursor: default;
}

.block .documents-deleted .document-list .document-elem{
	background: #f2dede;
}
.block .documents-deleted .document-list .document-elem .document-size-size .size{
	float:left;
}

/* Upload files */

#upload-content .progressUpload{
	position: relative;
	margin-bottom:15px;
	padding:15px 35px 15px 15px;
	border: 1px solid lightgrey;
	border-radius: 4px;
}
#upload-content .progressUpload .progress {
	margin-bottom:5px;
}
#upload-content .progressUpload .data{
	clear: left;
}
#upload-content .progressUpload .data span{
	float:left;
}
#upload-content .progressUpload .data span:first-child{
	width:55px;
}
#upload-content .progressUpload > a{
	display: none;
	position: absolute;
	top:10px;
	right:10px;
	font-size: 150%;
	color: #555;
}
#upload-content .progressUpload > a:hover{
	color: #D1322D;
}
#upload-content .progressUpload.finished > a{
	display: block;
}

#progressTemplate{
	display: none;
}

/* Filedrag */
#filedrag
{
	display: none;
	font-size: 15px;
	text-align: center;
	padding: 15px;
	margin: 0 0 15px 0;
	color: #0C6CAC;
	border: 5px dashed #96B2D0;
	border-radius: 4px;
	cursor: default;
	background: #F8FBFC;
}
#filedrag.hover
{
	border-color: #67b168;
	border-style: solid;
	box-shadow: inset 0 3px 4px #888;
}

#filedrag .btn.btn-primary{
	border-radius: 2px;
	border: 0;
	text-shadow: none;
	color: #fff;
	font-size: 13px;
	padding: 9px 17px;
	box-shadow: none;
	background: #0C4C91;
	user-select: none;
	touch-action: manipulation;
	cursor: pointer;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	margin-bottom: 0;
	display: inline-block;
}

/* Checkbox y Radios con fontAwesome */

input[type="checkbox"].styleFA,
input[type="radio"].styleFA {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 0;
	width: 15px;
	height: 15px;
	border-radius: 2px;
	margin: 0;
	display: none !important;
}

input[type="checkbox"].styleFA:checked,
input[type="radio"].styleFA:checked {
	background-color: transparent;
}

input[type="checkbox"].styleFA:focus,
input[type="radio"].styleFA:focus {
	outline: none;
}

input[type="checkbox"].styleFA+label,
input[type="radio"].styleFA+label {
	font-size: .8rem;
	cursor: pointer;
	display: inline-block !important;
	padding: 0;
	margin: 0;
	width: auto;
	float: none;
}

input[type="checkbox"].styleFA+label:before,
input[type="radio"].styleFA+label:before {
	font-family: FontAwesome;
	content: "\f096";
	display: inline-block;
	font-size: 1.3rem;
	position: relative;
	top: 3px;
	letter-spacing: 5px;
	cursor: pointer;
	min-width: 25px;
	text-align: left;
	color: #878787;

	top: 5px;
	content: "";
	min-width: auto;
	width: 1em;
	height: 1em;
	background: url("/web/img/sprites/A-checkbox.png") no-repeat;
	background-size: cover;
}

input[type="checkbox"].styleFA:checked+label:before,
input[type="radio"].styleFA:checked+label:before {
	content: '\f046';
	color: var(--color-blue);

	content: "";
	background-image: url("/web/img/sprites/C-checkbox-checked.png");
}

input[type="radio"].styleFA+label:before {
	content: "\f1db";

	content: "";
	background-image: url("/web/img/sprites/G-radio.png");
}

input[type="radio"].styleFA:checked+label:before {
	content: '\f05d';

	content: "";
	background-image: url("/web/img/sprites/I-radio-checked.png");
}

.error input[type="checkbox"].styleFA+label:before,
.error input[type="radio"].styleFA+label:before {
	color: red;
}

/* Form estilo 2 (mas oscuro para que se vea mejor) */
.contenido .form-container.form-estilo2,
.contenido .form-container.form-estilo2 label {
	color: #111;

}

.contenido .form-container.form-estilo2 .form_group input[type="text"],
.contenido .form-container.form-estilo2 .form_group input[type="password"],
.contenido .form-container.form-estilo2 .form_group select,
.contenido .form-container.form-estilo2 .form_group textarea,
.form.form-estilo2 .select2-container--default .select2-selection--single {
	border-color: #aaa;
}

textarea[disabled] {
	color: #8f8f8f;
}

.form-certificadosresidente .d-none{
	display: none;
}

.form-certificadosresidente .d-true{
	display: block !important;
}

/*
---------------------------------------------------------------------------------------------
Formulario de grupos
---------------------------------------------------------------------------------------------
*/

/*
---------------------------------------------------------------------------------------------
Formulario de sugerencias
---------------------------------------------------------------------------------------------
*/
.form-sugerencias .div-queja {
	display: none;
}

.trip-info-list{
	max-height: 320px;
	overflow: auto;
}

.trip-info-list .swal2-title{
	margin-top: -5px;
}

.trip-info-list h2{
	font-size: 22px;
}

.trip-info-list .elem-bravo{
	text-align: left;
	display: inline-block;
	width: 100%;
	min-height: 55px;
}

.trip-info-list .elem-bravo.text-center{
	text-align: center;
}

.trip-info-list .trips{
	text-align: left;
	margin-bottom: 5px;
}

.trip-info-list .trips .elem-bravo {
	display: block;
	border: 1px solid #E4E4E4;
	padding: 15px 20px;
	margin: 15px auto 0;
	color: var(--color-grey);
	text-decoration: none;
	border-radius: 8px;
	background: #FFFFFF;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.11);
}

.trip-info-list .trips .elem-bravo:focus,
.trip-info-list .trips .elem-bravo:hover{
	background: var(--color-blue);
	text-decoration: none;
	color: #FFFFFF !important;
}

.trip-info-list .trips .elem-bravo .trip-info{
	display: flex;
	justify-content: space-between;
}

.trip-info-list .trips .trip-header .trip-course{
	font: normal normal bold 16px/27px Open Sans;
	letter-spacing: 0px;
	color: var(--color-grey);
}

.trip-info-list .trips .elem-bravo .trip-info .trip-info-title,
.trip-info-list .trips .elem-bravo .trip-info .trip-info-title-date{
	display: inline-block;
	font-weight: 500;
}

.trip-info-list .trips .elem-bravo .trip-info .trip-info-title{
	width: 95px;
}

.trip-info-list .trips .elem-bravo .trip-info .trip-person .trip-info-title{
	width: 100%;
	line-height: 25px;
}

.trip-info-list .trips .elem-bravo .trip-info .trip-info-title-date{
	width: 40px;
}

.trip-info-list .trips i.fa{
	margin-right: 5px;
}

.trip-info-list .trips .trip-header{
	margin-top: 25px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	column-gap: 20px;
	row-gap: 5px;
}

.trip-info-list .trips .trip-header .trip-datetime{
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
}

#formsugerencias{
	border: 1px solid #b7b7b7;
	padding: 40px;
}

.contenido .form-container #formsugerencias .form_group input,
.contenido .form-container #formsugerencias .form_group select,
.contenido .form-container #formsugerencias .form_group textarea,
.datos-billete-swal input,
.form #formsugerencias .select2-container--default .select2-selection--single{
	background: #F4F7FF 0 0 no-repeat padding-box;
	border: 1px solid #E4E4E4;
	border-radius: 4px !important;
	min-height: 50px !important;
	font-size: 16px !important;
	padding: 8px 15px !important;
}

.contenido .form-container #formsugerencias .form_group input:focus,
.contenido .form-container #formsugerencias .form_group select:focus,
.contenido .form-container #formsugerencias .form_group textarea:focus,
.datos-billete-swal input:focus,
.form #formsugerencias .select2-container--default .select2-selection--single:focus{
	border-color: var(--color-blue);
}

.form #formsugerencias .select2-container--default .select2-selection--single{
	text-transform: none;
	padding: 8px 7px !important;
}

.form #formsugerencias .select2-container--default .select2-selection--single .select2-selection__arrow {
	min-height: 50px;
}

.datos-billete-swal input{
	background: #F4F7FF 0 0 no-repeat padding-box !important;
}

.contenido .form-container #formsugerencias .form_group.form_tipo .container-tipo input.styleFA + label::before{
	margin-right: 6px;
}

.contenido .form-container #formsugerencias .form_group.form_tipo .container-tipo.tipo-padding-right{
	padding-right: 30px;
}

#formsugerencias .get-info-billete,
.datos-billete-swal .swal2-confirm{
	border-radius: 4px;
	font: normal normal bold 16px/27px Open Sans;
	min-height: 60px;
	padding: 5px 40px;
}

#formsugerencias .get-info-billete{
	margin-bottom: 10px;
}

#formsugerencias input[type="radio"]{
	accent-color: var(--color-blue);
}

#formsugerencias input[type="radio"]:focus,
.datos-billete-swal .swal2-close:focus{
	outline: none;
}

#formsugerencias input[type="radio"]:hover,
#formsugerencias select:hover,
#formsugerencias .form_tipo label:hover{
	cursor: pointer;
}

#formsugerencias .form_group label,
.datos-billete-swal label{
	text-align: left;
	font: normal normal 16px/27px Open Sans;
	letter-spacing: 0;
	color: var(--color-grey) !important;
}

.datos-billete-swal label{
	font: normal normal bold 16px/27px Open Sans !important;
}

#formsugerencias .form_group label.forprivacidad{
	font-size: 14px;
}

#formsugerencias .send{
	height: 60px;
	margin-bottom: 15px;
}

#formsugerencias button.action-save{
	width: 100%;
	height: 60px;
	font-size: 16px;
	margin-bottom: 15px;
}

.contenido #formsugerencias .title4,
.datos-billete-title{
	text-align: left;
	font: normal normal bold 18px/21px Open Sans;
	letter-spacing: 0;
	color: var(--color-blue);
	opacity: 1;
}

#formsugerencias .title4.title-contacto{
	margin-bottom: 10px;
}

#formsugerencias .form_tipo{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
	margin-top: 20px;
}

#formsugerencias .form_tipo label{
	display: inline;
}

#formsugerencias .margin-top-div{
	margin-top: 20px;
}

#formsugerencias .label-padding-right{
	padding-right: 10px;
}

.div-form-sugerencia {
	display: none;
}

.datos-billete-swal .swal2-modal{
	padding: 35px 25px;
	max-width: 515px;
}

.datos-billete-swal .swal2-modal.datos-viaje-swal{
	padding: 35px 5px;
}

.datos-billete-swal .swal2-modal.datos-viaje-swal .trip-info-list,
.datos-billete-swal .swal2-modal.datos-viaje-swal .swal2-header{
	padding: 0 20px;
}

.datos-billete-swal .info_swal{
	text-align: left;
}

.contenido .form-container #formsugerencias .separador_sugerencias,
.datos-billete-swal .separador_sugerencias_swal{
	margin-top: 7px;
	border-bottom: 1px solid #b7b7b7;
}

.datos-billete-swal .separador_sugerencias_swal{
	margin-bottom: 25px;
	margin-top: 20px;
}

.datos-billete-swal .datos-viaje-swal .separador_sugerencias_swal{
	margin-bottom: 5px;
	margin-top: 15px;
}

.datos-billete-swal .swal2-title,
.datos-billete-swal .swal2-confirm,
.datos-billete-swal .separador_sugerencias_swal{
	width: 100%;
}

.datos-billete-swal .swal2-confirm{
	margin: 0;
}

.datos-billete-swal .swal2-confirm:focus{
	box-shadow: none;
}

@media (max-width: 600px){
	.trip-info-list{
		max-height: none;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
}

@media (max-width: 530px){
	.contenido .form-container #formsugerencias .form_group.form_tipo{
		margin-bottom: 5px;
		margin-top: 25px;
	}
	.contenido .form-container #formsugerencias .form_group.form_tipo .container-tipo{
		width: 100%;
		height: 40px;
	}
	.contenido .form-container #formsugerencias .form_group label.forinput{
		width: 100%;
	}
}

@media (max-width: 500px) {
	.trip-info-list .trips .elem-bravo {
		width: auto;

	}
	#formsugerencias{
		padding: 25px;
	}
}

@media (max-width: 430px){
	.trip-info-list .trips .elem-bravo .trip-info .trip-info-title {
		width: 100% !important;
		margin-bottom: 4px;
	}

	#formsugerencias .get-info-billete{
		padding: 15px 10px;
	}
}
/*
---------------------------------------------------------------------------------------------
Formulario de consulta objetos perdidos
---------------------------------------------------------------------------------------------
*/
#form-consulta-objetoperdido{
	padding: 40px;
	margin: 5px;
}
#form-consulta-objetoperdido .borderForm{
	border: 1px solid #b7b7b7;
}

.contenido #form-consulta-objetoperdido .title4,
.datos-billete-title{
	text-align: left;
	font: normal normal bold 18px/21px Open Sans;
	letter-spacing: 0;
	color: var(--color-blue);
	opacity: 1;
}
.contenido .form-container #form-consulta-objetoperdido .form_group input,
.contenido .form-container #form-consulta-objetoperdido .form_group select,
.contenido .form-container #form-consulta-objetoperdido .form_group textarea,
.datos-billete-swal input,
.form #form-consulta-objetoperdido .select2-container--default .select2-selection--single{
	background: #F4F7FF 0 0 no-repeat padding-box;
	border: 1px solid #E4E4E4;
	border-radius: 4px !important;
	min-height: 50px !important;
	font-size: 16px !important;
	padding: 8px 15px !important;
}

.contenido .form-container #form-consulta-objetoperdido .form_group input:focus,
.contenido .form-container #form-consulta-objetoperdido .form_group select:focus,
.contenido .form-container #form-consulta-objetoperdido .form_group textarea:focus,
.datos-billete-swal input:focus,
.form #form-consulta-objetoperdido .select2-container--default .select2-selection--single:focus{
	border-color: var(--color-blue);
}

.form #form-consulta-objetoperdido .select2-container--default .select2-selection--single{
	text-transform: none;
	padding: 8px 7px !important;
}

.form #form-consulta-objetoperdido .select2-container--default .select2-selection--single .select2-selection__arrow {
	min-height: 50px;
}
#form-consulta-objetoperdido .send{
	height: 60px;
	margin-bottom: 15px;
}
#form-consulta-objetoperdido button.action-save{
	width: 100%;
	height: 60px;
	font-size: 16px;
	margin-bottom: 15px;
}

#form-consulta-objetoperdido .get-info-billete,
.datos-billete-swal .swal2-confirm{
	border-radius: 4px;
	font: normal normal bold 16px/27px Open Sans;
	min-height: 60px;
	padding: 5px 40px;
}

#form-consulta-objetoperdido .form_group label,
.datos-billete-swal label{
	text-align: left;
	font: normal normal 16px/27px Open Sans;
	letter-spacing: 0;
	color: var(--color-grey) !important;
}

.datos-billete-swal label{
	font: normal normal bold 16px/27px Open Sans !important;
}

#form-consulta-objetoperdido .form_group label.forprivacidad{
	font-size: 14px;
}
.dce-Evento #form-consulta-objetoperdido .form_group.error select,
#form-consulta-objetoperdido .form_group.error input[type='text'],
#form-consulta-objetoperdido .form_group.error .select2-selection.select2-selection--single {
	background-color: #f2dede;
	border: 1px solid #ca0000;
}
#form-consulta-objetoperdido .form_group .select2-selection.select2-selection--single:hover {
	cursor: pointer;
}

.datos-billete-swal .separador_objetoperdido_swal{
	margin-top: 20px;
	border-bottom: 1px solid #b7b7b7;
	margin-bottom: 25px;

}

.datos-billete-swal .datos-viaje-swal .separador_objetoperdido_swal{
	margin-bottom: 5px;
	margin-top: 15px;
}

/*
---------------------------------------------------------------------------------------------
Formulario de localizar reserva
---------------------------------------------------------------------------------------------
*/


.form-localizarreserva>p {
	padding-left: 5px;
	color: #888;
	margin-bottom: 20px;
}

/*
---------------------------------------------------------------------------------------------
Pagina de buscador/resultados
---------------------------------------------------------------------------------------------
*/
.search-result-page {
	margin: 50px 0 75px 0;
}

.search-result-page h1 {
	text-align: center;
	text-transform: uppercase;
	color:var(--color-blue);
}

.search-result-page h2 {
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	color: var(--color-grey);
}

.search-result-page .results {
	display: block;
	padding: 0;
	margin: 30px auto 50px auto;
	max-width: 900px;
	border-top: 1px solid #E4E4E4;
}

.search-result-page .results li {
	border: 1px solid #E4E4E4;
	border-top: 0;
}

.search-result-page .results li a {
	display: block;
	position: relative;
	padding: 15px 35px;
	transition: all 0.3s ease;
}

.search-result-page .results li a .titulo {
	font-weight: 600;
	font-size: 14px;
	display: inline-block;
	width: calc(100% - 100px);

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.search-result-page .results li a .ver-enlace {
	float: right;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.search-result-page .results li a .fa {
	float: right;
	transform: rotateY(180deg);
	font-size: 15px;
	padding-top: 3px;
	margin-left: 15px;
}

.search-result-page .results li a:hover {
	color: var(--color-blue);
	text-decoration: none;
}

.search-result-page .results li a:hover .ver-enlace {
	visibility: visible;
	opacity: 1;
}

.search-result-page .resultados-noticias {
	text-align: center;
	font-size: 15px;
	color: var(--color-grey);
}

.search-result-page .no-results {
	text-align: center;
	padding: 30px 0 50px;
}

.search-result-page .no-results a {
	color: var(--color-blue);
	text-decoration: underline;
}

.search-result-page .search-container {
	position: relative;
	max-width: 650px;
	margin: 0 auto;
}

.search-result-page .search-container h3 {
	text-align: center;
	color: var(--color-grey);
	margin-bottom: 40px;
}

.search-result-page .search-container input {
	width: 100%;
	background: #F7F7F7;
	border: 1px solid #DEDEDF;
	border-radius: 5px;
	padding: 17px 17px;
	font-size: 13px;
	line-height: 1.2em;
}

.search-result-page .search-container button {
	position: absolute;
	right: 0;
	bottom: 6px;
	background: transparent;
	border: 0;
	font-size: 15px;
	padding: 10px;
}

mark {
	background: #FEE010;
	color: black;
}

/*
---------------------------------------------------------------------------------------------
BOOTSTRAP
---------------------------------------------------------------------------------------------
*/
.modal {
	text-align: center;
}

@media screen and (min-width: 768px) {
	.modal:before {
		display: inline-block;
		vertical-align: middle;
		content: " ";
		height: 100%;
	}
}

.modal-dialog {
	display: inline-block;
	text-align: left;
}

.col-12 {
	flex: 0 0 100%;
	max-width: 100%;
}

.m-0 {
	margin: 0 !important;
}

.p-0 {
	padding: 0 !important;
}

.pr-5 {
	padding-right: 5px !important;
}

.p-25 {
	padding: 25px !important;
}

/*
---------------------------------------------------------------------------------------------
Eventos
---------------------------------------------------------------------------------------------
*/

.dce-Evento .eventos .evento:not(:last-child){
	margin-bottom: 50px;
}

.dce-Evento .info_group,
.dce-Evento .formulario{
	border: 1px solid #707070;
}

.dce-Evento .title,
.dce-Evento .description_group,
.dce-Evento .formulario{
	padding: 2rem 2.5rem;
}

.dce-Evento .description_group .row{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.dce-Evento .title{
	font-size: 22px;
	font-weight: 700;
	border-bottom: 1px solid #707070;
	color: var(--color-blue);
}

.dce-Evento .title,
.dce-Evento .section .actividades .actividad{
	background-color: var(--color-yellow);
}

.dce-Evento .evento:not(.A) .title{
	background-color: var(--color-blue);
	color: #FFFFFF;
}

.dce-Evento .description_group .imagen-mobile{
	width: 100%;
}

.dce-Evento .description_group .imagen{
	width: 300px;
	height: 300px;
	margin: 0 auto;
	border-radius: 50%;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dce-Evento .description_group .imagen .icon_container{
	position: relative;
	height: 100%;
	width: 100%;
}

.dce-Evento .description_group .imagen .icon_container .icon{
	background-size: 37%;
	background-position: center;
	background-repeat: no-repeat;
	filter: drop-shadow(3px 3px 0px var(--color-yellow));
	position: relative;
	height: 100%;
	width: 100%;
}

.dce-Evento .description_group .imagen-mobile{
	display: none;
}

.dce-Evento .section .description,
.dce-Evento .evento:not(.A) .section .section-title.inscribir,
.dce-Evento .formulario .completar-formulario,
.dce-Evento #formEvento .form_group label,
.dce-Evento #formEvento .obligatorios span,
.dce-Evento #formEvento .form_group select,
.dce-Evento #formEvento .form_group input,
.dce-Evento #formEvento .empleado,
.dce-Evento #formEvento .privacidad{
	color: var(--color-grey);
}

.dce-Evento .section .description{
	line-height: 27px;
}

.dce-Evento .section .section-title{
	font-weight: bold;
	color: var(--color-blue);
}

.dce-Evento .evento:not(.A) .section .section-title.inscribir{
	opacity: 0.6;
}

.dce-Evento .evento .evento_info{
	min-height: 300px;
	display: flex;
	align-items: center;
	padding-right: 4rem;
}

.dce-Evento .margin-top-light{
	margin-top: 0.5rem;
}

.dce-Evento .margin-bottom-light{
	margin-bottom: 1rem;
}

.dce-Evento .margin-bottom{
	margin-bottom: 2rem;
}

.dce-Evento .flecha{
	position: absolute;
	width: 145px;
	left: 0;
	transform: translateX(200%) rotate(5deg);
	bottom: -70px;
}

.dce-Evento .section .actividades,
.dce-Evento .section .description{
	margin-top: 0.8rem;
}

.dce-Evento .section .actividades{
	display: flex;
	column-gap: 7px;
}

.dce-Evento .section .actividades .actividad{
	padding: 5px 20px;
	border-radius: 16px;
}

.dce-Evento .formulario .completar-formulario{
	margin-top: 0.5rem;
}

.dce-Evento #formEvento .form_group label{
	font-weight: bold;
}

.dce-Evento #formEvento .form_group select,
.dce-Evento #formEvento .empleado input[type="checkbox"],
.dce-Evento #formEvento .privacidad input[type="checkbox"],
.dce-Evento #formEvento input[type="radio"],
.dce-Evento #formEvento .form_group select option:hover{
	cursor: pointer;
}

.dce-Evento #formEvento .obligatorios span{
	font-size: 12px;
}

.dce-Evento #formEvento .form_group select,
.dce-Evento #formEvento .form_group input:not(.class-actividad),
.dce-Evento #formEvento .form_group .select2-selection.select2-selection--single{
	height: 50px;
	border-radius: 4px;
	padding-left: 20px;
	background-color: #F4F7FF;
	border: 1px solid #E4E4E4;
}

.dce-Evento #formEvento .form_group .radioActividad{
	height: 50px;
	display: flex;
	align-items: center;
	margin-right: 15px;
}

.dce-Evento #formEvento .form_group .select2-selection.select2-selection--single{
	padding-left: 12px;
	padding-top: 6px;
	font-size: 16px;
}

.dce-Evento #formEvento .form_group .select2-selection.select2-selection--single .select2-selection__arrow{
	height: 50px;
}

.dce-Evento #formEvento .form_group.error select,
.dce-Evento #formEvento .form_group.error input[type='text'],
.dce-Evento #formEvento .form_group.error .select2-selection.select2-selection--single {
	background-color: #f2dede;
	border: 1px solid #ca0000;
}

.dce-Evento .section .actividades .actividad span{
	font-weight: 600;
	color: var(--color-blue);
}

.dce-Evento #formEvento .empleado,
.dce-Evento #formEvento .privacidad{
	margin-bottom: 15px;
}

.dce-Evento #formEvento .privacidad{
	margin-bottom: 25px;
}

.dce-Evento #formEvento .voluntario-btn button{
	width: 100%;
	height: 60px;
	border-radius: 4px;
}

.dce-Evento #formEvento .empleado,
.dce-Evento #formEvento .privacidad,
.dce-Evento .section .actividades .actividad span{
	font-size: 14px;
}

.dce-Evento .formulario .alert .close span{
	font-size: 25px;
}

.dce-Evento #formEvento .voluntario-btn button,
.dce-Evento #formEvento .form_group select,
.dce-Evento #formEvento .form_group input,
.dce-Evento #formEvento .form_group label,
.dce-Evento .section .description,
.dce-Evento .formulario .alert{
	font-size: 16px;
}

.dce-Evento .section .section-title,
.dce-Evento .formulario .completar-formulario{
	font-size: 18px;
}

.dce-Evento #formEvento .voluntario-btn button:hover{
	text-decoration: none;
	box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
}

.dce-Evento #formEvento .blockActividad,
.dce-Evento #formEvento .subBlockActividad{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}

.dce-Evento #formEvento .subBlockActividad{
	justify-content: flex-start!important;
}

.dce-Evento #formEvento .form_group.blockActividad .titleActividad{
	margin: 0;
}

.dce-Evento #formEvento .form_group.blockActividad .radioActividad span{
	color: var(--color-grey);
	margin-bottom: 3px;
}

.dce-Evento .section img{
	width: 25px;
	margin-right: 10px;
	top: 3px;
	position: relative;
}

.dce-Evento .section img.ico-island{
	width: 20px;
}

.dce-Evento .evento:not(.A) .flecha{
	display: none;
}

.button-sorteo {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	padding: 19px 47px 19px 47px;
	font-size: 16px;
	font-weight: bold;
	color: #002F6C;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #ffd100;
	border: 0;
	border-radius: 100px;
}

@media (max-width: 768px){
	.dce-Evento .description_group .imagen-mobile{
		display: block;
	}

	.dce-Evento .description_group .imagen-desktop{
		display: none;
	}

	.dce-Evento .evento .evento_info{
		min-height: 0;
		display: block;
		align-items: inherit;
		padding-right: 10px;
	}

	.dce-Evento .flecha {
		width: 87px;
		transform: translateX(265%) rotate(43deg);
		bottom: -55px;
	}

	.dce-Evento #formEvento .form_group.blockActividad{
		display: block;
	}

	.dce-Evento #formEvento .subBlockActividad{
		padding-left: 0;
	}
}

@media (max-width: 445px){
	.dce-Evento #formEvento .form_group .radioActividad{
		height: 30px;
	}

	.dce-Evento #formEvento .subBlockActividad{
		margin-top: 15px;
	}
}

/*
---------------------------------------------------------------------------------------------
booking_widget
---------------------------------------------------------------------------------------------
*/

#booking_widget {
	width: 960px;
	max-width: calc(100% - 40px);
	margin: auto;
}

#booking_widget .nav {
	border-bottom: 0;
}

#booking_widget .nav li a {
	height: 26px;
	line-height: 26px;
	border: 0;
	border-radius: 0;
	padding: 0 20px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	margin-right: 10px;
	background-color: rgba(223, 236, 247, 0.9);
	/*#DFECF7*/
	opacity: 0.6;
}

#booking_widget .nav li.active a {
	opacity: 1;
}

#booking_widget .tab-content .tab-pane {
	padding: 10px;
	background-color: rgba(223, 236, 247, 0.9);
	/*#DFECF7*/
	padding-bottom: 0;
}

#booking_widget .form_group {
	position: relative;
	margin-bottom: 10px;
	min-height: 38px;
}

#booking_widget .form_group:after {
	clear: both;
	display: table;
	width: 100%;
	content: "";
}

#booking_widget .form_group .input_container {
	position: relative;
}

#booking_widget .form_group .checkbox_container {
	line-height: 28px;
	float: left;
	margin-right: 20px;
	font-size: 12px;
	height: 35px;
}

#booking_widget .form_group .checkbox_container label {
	font-weight: normal;
}

#booking_widget .form_group.middle .checkbox_container:last-child {
	margin-right: 0;
}

#booking_widget_content{
	position: absolute;
	width: 100%;
	margin-left: -11px;
}

/*Prueba widget local/test*/
/*#booking_widget_content.booking_simulator{*/
	/*display: none;*/
/*}*/

.form_group .input_container input[type="text"],
.form_group .input_container select {
	margin: 0;
	padding: 3px 8px;
	line-height: 30px;
	border: 1px solid #ccc;
	background-color: #fff;
	border-radius: 0;
	font-size: 13px;
	width: 100%;
	-webkit-transition: border 300ms ease;
	-moz-transition: border 300ms ease;
	-ms-transition: border 300ms ease;
	-o-transition: border 300ms ease;
	transition: border 300ms ease;
}

.form_group.middle .input_container:first-child {
	width: calc(50% - 2px);
	float: left;
}

.form_group.middle .input_container:last-child {
	width: calc(50% - 2px);
	margin-left: 4px;
	float: left;
}

.form_group .input_container input:focus {
	border: 1px solid #878787;
}

.form_group .input_container .fa {
	width: 36px;
	height: 100%;
	line-height: 36px;
	font-size: 18px;
	color: #878787;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

.form_group .input_container.icon_left .fa {
	left: 0;
	top: 0;
}

.form_group .input_container.icon_right input[type="text"] {
	padding-right: 30px;
}

.form_group .input_container.icon_left input[type="text"] {
	padding-left: 30px;
}

.form_group .input_container button[type="submit"] {
	padding: 10px 15px;
	line-height: 30px;
	background-color: var(--color-blue);
	color: #fff;
	border-radius: 0;
	font-size: 13px;
	width: 100%;
	font-weight: 600;
	height: 85px;
	border: 0;
	text-align: center;
	POSITION: relative;
	text-transform: uppercase;
	-webkit-transition: border 300ms ease;
	-moz-transition: border 300ms ease;
	-ms-transition: border 300ms ease;
	-o-transition: border 300ms ease;
	transition: border 300ms ease;
}

.form_group .input_container button[type="submit"] .fa {
	color: #fff;
	display: block;
	width: 100%;
	position: relative;
	font-size: 24px;
	margin-bottom: 0;
}

.form_group .select2-container {
	height: 38px;
	max-width: 100% !important;
	width: 100% !important;
}

.form_group .select2-container--default .select2-selection--single {
	background-color: #fff;
	height: 38px;
	border: 1px solid #ccc;
	border-radius: 0;
	text-transform: uppercase;
}

.form_group .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 36px;
}

.form_group .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 38px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px;
}

.form_group .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
	border-top: 0;
}

.form_group .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
	border-bottom: 0;
}

.select2-dropdown {
	border: 1px solid #ccc;
	border-top: 0;
	border-radius: 0;
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: rgba(223, 236, 247, 0.4);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--color-blue);
	color: #fff;
}

#booking_widget select.validation-error~.select2-container--default .select2-selection--single {
	background-color: #f2dede;
	border: 1px solid #ca0000;
}

#booking_widget .prettycheckbox,
#booking_widget .prettyradio {
	position: relative;
	vertical-align: middle;
}

#booking_widget .prettycheckbox a,
#booking_widget .prettyradio a {
	position: absolute;
	left: 0;
	top: 5px;
	margin: 0;
	padding: 0;
	width: 20px;
	border: 1px solid #ccc;
	height: 20px;
	background-color: #fff;
	z-index: 1
}

#booking_widget .prettyradio a {
	border-radius: 15px;
}

#booking_widget .prettycheckbox a:after,
#booking_widget .prettyradio a:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 10px;
	left: 10px;
	opacity: 0;
	background-color: var(--color-blue);
	z-index: 1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

#booking_widget .prettyradio a:after {
	border-radius: 5px;
}

#booking_widget .prettycheckbox a.checked:after,
#booking_widget .prettyradio a.checked:after {
	width: 10px;
	height: 10px;
	top: 4px;
	left: 4px;
	opacity: 1;
}

#booking_widget .prettyradio a.checked:after {
	border-radius: 5px;
}

#booking_widget .prettycheckbox label,
#booking_widget .prettyradio label {
	line-height: 28px;
	vertical-align: middle;
	margin: 0 0 0 25px;
}

#booking_widget #ctrlBuscadorContainer a.info {
	margin-top: 9px;
}

/* Maquetacion referente a pasajeros */
#booking_widget #tab_passengers>.content {
	position: relative;
}

#booking_widget #tab_passengers>.content:after {
	content: "";
	clear: both;
	display: table;
	width: 100%;
}

#booking_widget #tab_passengers .content_inputs {
	padding-right: 130px;
}

#booking_widget #tab_passengers .content_submit {
	width: 120px;
	position: absolute;
	right: 0;
	top: 0;
}

#booking_widget #tab_passengers .content_submit .fa {
	font-size: 24px;
	color: #fff;
	position: relative;
	height: auto;
}

#booking_widget #tab_passengers .content_inputs .tipoidayvuelta {
	width: 28%;
	float: left;
	padding-left: 0;
	padding-right: 5px;
}

#booking_widget #tab_passengers .content_inputs .origenydestino {
	width: 36%;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}

#booking_widget #tab_passengers .content_inputs .origenydestino .form_group {
	width: 50%;
	float: left;
}

#booking_widget #tab_passengers .content_inputs .origenydestino .form_group:first-child {
	padding-right: 2px;
}

#booking_widget #tab_passengers .content_inputs .origenydestino .form_group:last-child {
	padding-left: 2px;
}

#booking_widget #tab_passengers .content_inputs .idayvuelta {
	width: 36%;
	float: left;
	padding-left: 5px;
}

#booking_widget #tab_passengers .content_inputs .pasajeros1 {
	width: 41.3%;
	float: left;
	padding-left: 0;
	padding-right: 5px;
}

#booking_widget #tab_passengers .content_inputs .pasajeros1 .form_group {
	width: 33.33%;
	float: left;
	padding-left: 2px;
	padding-right: 2px;
}

#booking_widget #tab_passengers .content_inputs .pasajeros1 .form_group:first-child {
	padding-right: 2px;
	padding-left: 0;
}

#booking_widget #tab_passengers .content_inputs .pasajeros1 .form_group:last-child {
	padding-left: 2px;
	padding-right: 0;
}

#booking_widget #tab_passengers .content_inputs .pasajeros2 {
	width: 31.22%;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}

#booking_widget #tab_passengers .content_inputs .pasajeros2 .form_group {
	width: 50%;
	float: left;
}

#booking_widget #tab_passengers .content_inputs .pasajeros2 .form_group:first-child {
	padding-right: 2px;
}

#booking_widget #tab_passengers .content_inputs .pasajeros2 .form_group:last-child {
	padding-left: 2px;
}

#booking_widget #tab_passengers .content_inputs .vehiculo {
	width: 27.44%;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}

#booking_widget #tab_passengers .content_inputs .vehiculo .input_container {
	width: calc(100% - 22px);
	float: left;
}

#booking_widget #tab_passengers .content_inputs .bonificacion {
	width: 100%;
	float: left;
	padding-left: 5px;
	padding-right: 0;
}

#booking_widget #tab_passengers .content_inputs .bonificacion .checkbox_container:last-child {
	margin-right: 0;
}

/* Maquetacion referente a carga */
#booking_widget #tab_freight>.content {
	position: relative;
}

#booking_widget #tab_freight>.content:after {
	content: "";
	clear: both;
	display: table;
	width: 100%;
}

#booking_widget #tab_freight .content_inputs {
	padding-right: 130px;
}

#booking_widget #tab_freight .content_submit {
	width: 120px;
	position: absolute;
	right: 0;
	top: 0;
}

#booking_widget #tab_freight .content_submit .fa {
	font-size: 24px;
	color: #fff;
	position: relative;
	height: auto;
}

#booking_widget #tab_freight .content_inputs .tipoidayvuelta {
	width: 28%;
	float: left;
	padding-left: 0;
	padding-right: 0;
}

#booking_widget #tab_freight .content_inputs .origenydestino {
	width: 36%;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}

#booking_widget #tab_freight .content_inputs .origenydestino .form_group {
	width: 50%;
	float: left;
}

#booking_widget #tab_freight .content_inputs .origenydestino .form_group:first-child {
	padding-right: 2px;
}

#booking_widget #tab_freight .content_inputs .origenydestino .form_group:last-child {
	padding-left: 2px;
}

#booking_widget #tab_freight .content_inputs .idayvuelta {
	width: 36%;
	float: left;
	padding-left: 5px;
}

#booking_widget #tab_freight .content_inputs .concarga {
	width: 36%;
	float: left;
	padding-left: 5px;
	margin-left: 64%;
}

#booking_widget #tab_freight .content_inputs .concarga .form_group {
	width: 50%;
	float: left;
}

#booking_widget #tab_freight .content_inputs .manipulador {
	width: 24%;
	float: left;
	padding-right: 5px;
}

#booking_widget #tab_freight .content_inputs .matriculayvehiculo {
	width: 38%;
	float: left;
	padding-left: 5px;
	padding-right: 40px;
}

#booking_widget #tab_freight .content_inputs .matriculayvehiculo_modal {
	position: absolute;
	right: -30px;
	top: 0;
	width: 30px;
	text-align: center;
	line-height: 38px;
	font-size: 16px;
	color: #666;
}

#booking_widget #tab_freight .content_inputs .matriculayvehiculo .form_group {
	width: 50%;
	float: left;
}

#booking_widget #tab_freight .content_inputs .matriculayvehiculo .form_group:first-child {
	padding-right: 2px;
}

#booking_widget #tab_freight .content_inputs .matriculayvehiculo .form_group:last-child {
	padding-left: 2px;
}

#booking_widget #tab_freight .content_inputs .longitudytara {
	width: 38%;
	float: left;
	padding-left: 5px;
}

#booking_widget #tab_freight .content_inputs .longitudytara .form_group {
	width: 50%;
	float: left;
}

#booking_widget #tab_freight .content_inputs .longitudytara .form_group:first-child {
	padding-right: 2px;
}

#booking_widget #tab_freight .content_inputs .longitudytara .form_group:last-child {
	padding-left: 2px;
}

#booking_widget i.validation-error {
	position: absolute;
	top: 10px;
	left: -1px;
}

#booking_widget .icon-info {
	position: absolute;
	top: 10px;
	right: 2px;
}

#booking_widget .ui-datepicker-trigger {
	display: none;
}

.custom-centered {
	width: 70%;
	margin: 0;
}

.modal-dialog-control {
	width: 50%;
}

.form-group.access-input input {
	height: 50px;
	width: 100%;
	line-height: 40px;
	padding: 5px 5px 5px 50px;
	border-radius: 8px;
	background-color: #FFFFFF;
}

.form-group.access-input .fa {
	width: 50px;
	text-align: center;
	position: relative;
	color: #002F6C;
	font-size: 16px;
	top: -35px;
}

.form-group.access-input .error {
	border: 1px solid red;
}

.modal-landing {
	padding: 10px;
	height: 100%;
	width: 100%;
	border-radius: 0.75rem;
}

.text-landing {
	display: flex;
	justify-content: flex-end;
	padding-bottom: 10px;
}

.close-landing {
	margin: 5px;
}

.icon-landing {
	font-size: 24px;
	color: #535353;
}

@media (max-width: 1023px) {
	.custom-centered {
		width: 99%;
		max-width: 712px;
	}

	.modal-content {
		padding: 5px;
	}

	.modal-landing {
		padding: 2px;
	}

	.text-landing {
		padding-bottom: 0;
	}

	.close-landing {
		margin: 0 5px 0 0;
	}

	.icon-landing {
		font-size: 24px;
		padding: 5px 0;
	}
}

.video-responsive {
	overflow: hidden;
	padding-bottom: 56.25%; /* Proporción 16:9 */
	position: relative;
	height: 0;
	border-radius: 0.75rem;
	border: 0;
}

.video-responsive iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}

.dflex-end {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.button-url {
	padding: 19px 36px;
	margin-bottom: 40px;
	background-color: var(--color-blue);
	color: #fff;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 600;
	z-index: 1;
}

.button-url:hover, .button-url:focus {
	color: white;
	text-decoration: none;
}

.form .form_group:after {
	clear: both;
	display: table;
	width: 100%;
	content: "";
}

.form .form_group .input_container {
	position: relative;
}

.form .form_group .checkbox_container {
	line-height: 30px;
	display: inline-block;
	margin-right: 20px;
}

.form_group .input_container input[type="text"],
.form_group .input_container input[type="password"],
.form_group .input_container select {
	padding: 3px 8px;
	line-height: 30px;
	height: 38px;
	border: 1px solid #ccc;
	background-color: #fff;
	border-radius: 0;
	font-size: 13px;
	width: 100%;
	-webkit-transition: border 300ms ease;
	-moz-transition: border 300ms ease;
	-ms-transition: border 300ms ease;
	-o-transition: border 300ms ease;
	transition: border 300ms ease;
}

.form_group.middle .input_container:first-child {
	width: calc(50% - 2px);
	float: left;
}

.form_group.middle .input_container:last-child {
	width: calc(50% - 2px);
	margin-left: 4px;
	float: left;
}

.form_group .input_container input:focus {
	border: 1px solid #878787;
}

.form_group .input_container .fa {
	width: 36px;
	height: 100%;
	line-height: 38px;
	font-size: 18px;
	color: #878787;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
}

.form_group .input_container.icon_left .fa {
	left: 0;
	top: 0;
}

.form_group .input_container.icon_right input[type="text"] {
	padding-right: 30px;
}

.form_group .input_container.icon_left input[type="text"] {
	padding-left: 30px;
}

.form_group .input_container button[type="submit"] {
	padding: 10px 15px;
	line-height: 30px;
	background-color: var(--color-blue);
	color: #fff;
	border-radius: 0;
	font-size: 13px;
	width: 100%;
	font-weight: 600;
	height: 134px;
	border: 0;
	text-align: center;
	POSITION: relative;
	text-transform: uppercase;
	-webkit-transition: border 300ms ease;
	-moz-transition: border 300ms ease;
	-ms-transition: border 300ms ease;
	-o-transition: border 300ms ease;
	transition: border 300ms ease;
}

.form_group .input_container button[type="submit"] .fa {
	color: #fff;
	display: block;
	width: 100%;
	position: relative;
	font-size: 24px;
	margin-bottom: 0;
}

.form .select2-container {
	height: 38px;
	max-width: 100% !important;
	width: 100% !important;
}

.form .select2-container--default .select2-selection--single {
	background-color: #fff;
	height: 38px;
	border: 1px solid #ccc;
	border-radius: 0;
	text-transform: uppercase;
}

.form .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 36px;
}

.form .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 38px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 30px;
}

.form .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
	border-top: 0;
}

.form .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
	border-bottom: 0;
}

.select2-dropdown {
	border: 1px solid #ccc;
	/*border-top: 0;*/
	border-radius: 0;
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: rgba(223, 236, 247, 0.4);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--color-blue);
	color: #fff;
}

.form .prettycheckbox,
.form .prettyradio {
	position: relative;
	margin-right: 10px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

.form .prettycheckbox a,
.form .prettyradio a {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	width: 20px;
	border-radius: 15px;
	border: 1px solid #ccc;
	height: 20px;
	background-color: #fff;
	z-index: 1
}

.form .prettycheckbox a:after,
.form .prettyradio a:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-radius: 5px;
	top: 10px;
	left: 10px;
	opacity: 0;
	background-color: var(--color-blue);
	z-index: 1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.form .prettycheckbox a.checked:after,
.form .prettyradio a.checked:after {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	top: 4px;
	left: 4px;
	opacity: 1;
}

.form .prettycheckbox label,
.form .prettyradio label {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	z-index: 0;
	text-indent: -9999px;
}

.form .has-pretty-child label {
	line-height: 20px;
	vertical-align: middle;
}

input.hasDatepicker {
	cursor: pointer;
}

div#ui-datepicker-div {
	border: 1px solid #878787;
	border-radius: 0;
	background-color: #fff;
	transform: translateY(5px);
	font-family: "Open Sans", sans-serif;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

div#ui-datepicker-div:before {
	content: "";
	display: block;
	position: absolute;
	top: -7px;
	left: 10px;
	margin-left: 0;
	width: 15px;
	height: 15px;
	background-color: #fff;
	box-shadow: 1px -1px 0 0px #878787;
	transform: rotate(-45deg);

}

.ui-datepicker .ui-datepicker-header {
	background: #DFECF7;
	border: 0;
	border-radius: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	color: #555;
	padding: 5px 20px;
}

.ui-datepicker th {
	text-transform: uppercase;
	font-size: 12px;
	color: #555;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	font-weight: bold;
	color: #888;
	background: rgba(223, 236, 247, 0.90);
	border: 1px solid #DFECF7;
	text-align: center;
}

.ui-state-default,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover {
	background: #DFECF7;
	color: #555;
}

/*.ui-state-highlight,*/
/*.ui-widget-content .ui-state-highlight,*/
/*.ui-widget-header .ui-state-highlight {*/
	/*border: 1px solid var(--color-blue);*/
	/*background: var(--color-blue);*/
	/*color: #fff;*/
/*}*/

.ui-state-default.ui-state-active {
	border: 1px solid var(--color-blue);
	background: var(--color-blue);
	color: #fff;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .15;
	filter: Alpha(Opacity=15);
	background-image: none;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	background: none;
}

.ui-datepicker .ui-datepicker-prev {
	left: 5px;
	height: 100%;
	top: 0;
	width: 30px;
	text-align: center;
	font-size: 14px;
	color: #555;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.ui-datepicker .ui-datepicker-prev:hover {
	opacity: 0.8;
	left: 0;
	border: 0;
}

.ui-datepicker .ui-datepicker-prev:before {
	content: "\f177";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	line-height: 30px;
}

.ui-datepicker .ui-datepicker-next {
	right: 5px;
	height: 100%;
	top: 0;
	width: 30px;
	text-align: center;
	font-size: 14px;
	color: #555;
	cursor: pointer;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.ui-datepicker .ui-datepicker-next:hover {
	opacity: 0.8;
	right: 0;
	border: 0;
}

.ui-datepicker .ui-datepicker-next:before {
	content: "\f178";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	line-height: 30px;

}

.ui-datepicker table {
	background: #fff;
}

/* Booking widget en el left */

#left #booking_widget {
	width: 100%;
	max-width: 100%;
}

#left #booking_widget #tab_freight .content_inputs:after,
#left #booking_widget #tab_passengers .content_inputs:after {
	content: "";
	display: block;
	width: 100%;
	clear: both;
}

#left #booking_widget #tab_freight .content_inputs .origenydestino,
#left #booking_widget #tab_freight .content_inputs .pasajeros1,
#left #booking_widget #tab_freight .content_inputs .manipulador,
#left #booking_widget #tab_freight .content_inputs .longitudytara {
	padding-right: 0;
}

#left #booking_widget #tab_passengers .content_inputs .origenydestino,
#left #booking_widget #tab_passengers .content_inputs .pasajeros1,
#left #booking_widget #tab_passengers .content_inputs .bonificacion {
	padding-right: 0;
}

#left #booking_widget #tab_passengers .content_inputs,
#left #booking_widget #tab_freight .content_inputs {
	padding-right: 0;
}

#left #booking_widget #tab_passengers .content_submit,
#left #booking_widget #tab_freight .content_submit {
	position: relative;
	width: 100%;
}

#left #booking_widget #tab_passengers .content_submit .fa,
#left #booking_widget #tab_freight .content_submit .fa {
	display: inline-block;
	font-size: 16px;
	width: auto;
}

#left #booking_widget #tab_freight .content_inputs .concarga {
	margin-left: 0;
}

#left #booking_widget #tab_passengers .content_submit button,
#left #booking_widget #tab_freight .content_submit button {
	height: auto;
}

#left #booking_widget #tab_passengers .content_submit button div,
#left #booking_widget #tab_freight .content_submit button div {
	display: inline-block;
	width: auto;
}

#left #booking_widget #tab_freight .content_inputs .tipoidayvuelta,
#left #booking_widget #tab_freight .content_inputs .origenydestino,
#left #booking_widget #tab_freight .content_inputs .idayvuelta,
#left #booking_widget #tab_freight .content_inputs .concarga,
#left #booking_widget #tab_freight .content_inputs .manipulador,
#left #booking_widget #tab_freight .content_inputs .longitudytara,
#left #booking_widget #tab_passengers .content_inputs .tipoidayvuelta,
#left #booking_widget #tab_passengers .content_inputs .origenydestino,
#left #booking_widget #tab_passengers .content_inputs .idayvuelta,
#left #booking_widget #tab_passengers .content_inputs .pasajeros1,
#left #booking_widget #tab_passengers .content_inputs .pasajeros2,
#left #booking_widget #tab_passengers .content_inputs .vehiculo,
#left #booking_widget #tab_passengers .content_inputs .bonificacion {
	width: 100%;
	padding: 0;
}

#left #booking_widget #tab_freight .content_inputs .matriculayvehiculo {
	width: 100%;
	padding-left: 0;
	padding-right: 25px;
}

/*
 * jQuery ClassyCountdown
 */

.ClassyCountdown-wrapper>div {
	display: inline-block;
	position: relative;
	width: calc(25% - 20px);
	margin: 10px;
}

.ClassyCountdown-wrapper .ClassyCountdown-value {
	width: 100%;
	line-height: 1em;
	position: absolute;
	top: 50%;
	text-align: center;
	left: 0;
	display: block;
}

/*
---------------------------------------------------------------------------------------------
Acciones ajax
---------------------------------------------------------------------------------------------
*/

#ajax-actions{
	position: fixed;
	bottom: 20px;
	right: 20px;
	padding: 10px 20px;
	background-color: #000;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	opacity: 0;
	visibility: hidden;
	transform: scale(0.7);
	transition: 300ms;
	line-height: 20px;
	z-index: 100;
}
#ajax-actions.ajax-show{
	visibility: visible;
	opacity: 1;
	transform: scale(1);
}
#ajax-actions.ajax-error{
	background-color: rgba(255, 115, 115, 0.90);
}
#ajax-actions.ajax-loading{
	background-color: rgba(36, 85, 128, 0.90);
}
#ajax-actions.ajax-success{
	background-color: rgba(0, 153, 32, 0.90);
}
#ajax-actions .fa{
	font-size: 18px;
	margin-right: 5px;
	line-height: 20px;
}

#ajax-actions.ajax-loading .ajax-error,
#ajax-actions.ajax-loading .ajax-success{
	display: none;
}
#ajax-actions.ajax-success .ajax-loading,
#ajax-actions.ajax-success .ajax-error{
	display: none;
}
#ajax-actions.ajax-error .ajax-loading,
#ajax-actions.ajax-error .ajax-success{
	display: none;
}
#ajax-actions .ajax-success .fa{
	transform: scale(0.7);
	opacity: 0;
	transition: 300ms;
}
#ajax-actions.ajax-success .ajax-success .fa{
	transform: scale(1);
	opacity: 1;
}
#ajax-actions.ajax-loading .fa{
	animation: spinner .6s linear infinite;
	-webkit-animation: spinner .6s linear infinite;
}

/*
---------------------------------------------------------------------------------------------
MEDIAQUERIES
---------------------------------------------------------------------------------------------
*/
/*@media only screen and (max-width: 4000px) and (min-width: 600px)*/
/*{*/
	/*#slider .slider_container .slide .iconSlider img.mobile {*/
		/*display: none;*/
	/*}*/
/*}*/

@media (max-width: 1650px){
	.iconSlider{
		position: absolute;
		bottom: 0;
	}
}

@media (max-width: 1200px) {
	#header .main_menu .level-1>ul>li>a {
		font-size: 12px;
	}

	#att_cliente .contact .info_group .icon_container,
	#att_cliente .logistic .info_group .icon_container {
		width: 250px;
		text-align: left;
		display: block;
		margin: auto;
		margin-bottom: 10px;
	}

	#footer .apps {
		padding: 0 0 0 105px;
	}

	#footer .apps .inner {
		padding-bottom: 0;
	}

	#footer .apps .inner a {
		display: block;
	}

	#footer .rrss .icons .newsletter {
		display: block;
		margin: 0 auto 10px auto;
		width: 267px;
	}

	#destinations .destination.fuerteventura .text_container .title{
		font-size: 14px;
}

	#destinations .destination.grancanaria .text_container .title{
		font-size: 15px;
	}

	#destinations .destination .text_container .price{
		margin: 10px 15px;
	}
}

@media (max-width: 1023px) {

	#booking_widget #tab_passengers .content_inputs,
	#booking_widget #tab_freight .content_inputs {
		padding-right: 105px;
	}

	#booking_widget #tab_passengers .content_inputs .tipoidayvuelta,
	#booking_widget #tab_freight .content_inputs .tipoidayvuelta {
		width: 35%;
		padding-left: 0;
		padding-right: 5px;
	}

	#booking_widget #tab_passengers .content_inputs .origenydestino,
	#booking_widget #tab_freight .content_inputs .origenydestino {
		width: 65%;
		padding-left: 5px;
		padding-right: 5px;
	}

	#booking_widget #tab_passengers .content_inputs .idayvuelta,
	#booking_widget #tab_freight .content_inputs .idayvuelta {
		width: 50%;
		padding-left: 0;
		padding-right: 5px;
	}

	#booking_widget #tab_freight .content_inputs .concarga {
		width: 50%;
		margin-left: 0;
	}

	#booking_widget #tab_passengers .content_inputs .pasajeros1 {
		width: 50%;
		float: left;
		padding-left: 5px;
		padding-right: 5px;
	}

	#booking_widget #tab_passengers .content_inputs .pasajeros2 {
		width: 40%;
		float: left;
		padding-left: 0;
		padding-right: 5px;
	}

	#booking_widget #tab_passengers .content_inputs .vehiculo {
		width: 60%;
	}

	#booking_widget #tab_passengers .content_submit,
	#booking_widget #tab_freight .content_submit {
		width: 100px;
		position: absolute;
		right: 0;
		top: 0;
	}

	#booking_widget .form_group .input_container button[type="submit"] {
		height: 132px;
	}
}

@media (min-width: 993px) and (max-width: 1024px) {

	#header .top_bar .container,
	#header .main_menu .container {
		width: 90%;
	}

	#header .main_menu .level-1>ul>li>a img {
		width: 20px;
	}

	#header .main_menu .level-1>ul>li>a {
		font-size: 14px;
		font-weight: 600;
		letter-spacing: -0.2px;
	}

	#featured_image.att_cliente {
		min-height: 720px;
	}

	#featured_image .icon_box {
		min-height: 256px;
	}

	#featured_image .col-md-offset-4 .icon_box {
		min-height: auto;
	}
	.iconSlider .verticalLine
	{
		height: 180px;
}
}

@media (max-width: 992px) {

	#booking_widget #tab_freight .content_inputs:after,
	#booking_widget #tab_passengers .content_inputs:after {
		content: "";
		display: block;
		width: 100%;
		clear: both;
	}

	#booking_widget #tab_freight .content_inputs .origenydestino,
	#booking_widget #tab_freight .content_inputs .pasajeros1,
	#booking_widget #tab_freight .content_inputs .manipulador,
	#booking_widget #tab_freight .content_inputs .longitudytara {
		padding-right: 0;
	}

	#booking_widget #tab_passengers .content_inputs .origenydestino,
	#booking_widget #tab_passengers .content_inputs .pasajeros1,
	#booking_widget #tab_passengers .content_inputs .bonificacion {
		padding-right: 0;
	}

	#booking_widget #tab_passengers .content_inputs,
	#booking_widget #tab_freight .content_inputs {
		padding-right: 0;
	}

	#booking_widget #tab_passengers .content_submit,
	#booking_widget #tab_freight .content_submit {
		position: relative;
		width: 100%;
	}

	#booking_widget #tab_passengers .content_submit .fa,
	#booking_widget #tab_freight .content_submit .fa {
		display: inline-block;
		font-size: 16px;
		width: auto;
	}

	#booking_widget #tab_passengers .content_submit button,
	#booking_widget #tab_freight .content_submit button {
		height: auto;
	}

	#booking_widget #tab_passengers .content_submit button div,
	#booking_widget #tab_freight .content_submit button div {
		display: inline-block;
		width: auto;
	}

	#featured_image .scroll_down {
		display: none;
	}

	#featured_image .text_container #search_widget .form_group.pad_right {
		padding-right: 0;
	}

	#featured_image .text_container #search_widget .form_group.pad_left {
		padding-left: 0;
	}

	#featured_image .text_container #search_widget .arrow {
		display: none;
	}

	#featured_image .text_container #search_widget .form_group {
		margin-bottom: 10px;
	}

	#intro .title {
		font-size: 26px;
		line-height: 32px;
		margin-bottom: 0;
	}

	#close_text.w_image {
		padding: 40px 0;
	}

	#close_text.w_image .content {
		padding: 20px;
		box-shadow: 0 0px 0 10px rgba(255, 255, 255, 0.4);
	}

	#close_text.w_image .content .super_title {
		font-size: 23px;
	}

	#close_text .info_group .image {
		position: relative;
	}

	#close_text .info_group.w_image {
		padding-left: 0;
		margin-bottom: 20px;
		text-align: center;
	}

	#att_cliente .super_title {
		font-size: 24px;
	}

	#intro .subtitle {
		font-size: 20px;
	}

	#intro .claim {
		font-size: 16px;
	}

	#featured_image:not(.sinTitulo),
	#featured_image.large:not(.sinTitulo) {
		height: auto;
		min-height: unset;
	}

	#featured_image.navegacion:not(.sinTitulo),
	#featured_image.navegacion.large:not(.sinTitulo) {
		height: calc(50vh - 105px);
		min-height: 360px;
	}

	#featured_image .text_container {
		max-width: 90%;
		position: relative;
		transform: none;
		left: 0;
		margin: auto;
		top: 0;
		padding-top: 40px;
		padding-bottom: 80px;
		width: 100%;
		text-align: center;
	}

	#featured_image.navegacion .text_container {
		position: absolute;
		max-width: unset;
		padding-left: 5px;
		padding-right: 5px;
	}

	#featured_image .text_container .title {
		font-size: 26px;
		line-height: 34px;
	}

	#featured_image .text_container .widget_tarifas {
		font-size: 14px !important;
		line-height: 24px !important;
	}

	#featured_image.att_cliente .text_container {
		transform: unset;
	}

	.offers .slider_container {
		padding-bottom: 50px;
		margin-bottom: 0;
	}

	.quickAccess .slider_container {
		padding-bottom: 50px;
		margin-bottom: 0;
		margin-top: 0;
	}

	.quickAccess{
		margin-top: 0;
	}

	.slide-video .iconSlider {
		bottom: 0;
	}

	#rate2-ls .rate .rate_inner .content {
		min-height: 318px;
	}

	#destinations .col {
		width: 100%;
	}

	#destinations .destination{
		margin-bottom: 10px;
	}

	#destinations .only_active .col.active {
		width: 100%;
	}

	#destinations .only_active .col {
		width: 100%;
	}

	#destinations .only_active .destination .text_container{
		opacity: inherit;
	}

	#slider .text_container {
		top: 50%;
	}

	#slider .text_container .title {
		font-size: 24px;
		line-height: 1.2em;
	}

	#slider .text_container #booking_widget .form_group {
		margin-bottom: 10px;
	}

	#slider .slider_container .slick-dots {
		bottom: 0;
	}

	.main_menu,
	#header .top_bar {
		display: none;
	}

	#tabs .tab-content .tab-pane .claim {
		padding: 0 20px;
		font-size: 18px;
		margin-bottom: 40px;
	}

	#tabs .tab-content .tab-pane .anchor_list .prev_arrow,
	#tabs .tab-content .tab-pane .anchor_list .next_arrow {
		width: 80px;
		height: 60px;
		line-height: 60px;
		margin-top: -30px;
	}

	#header .top_bar_mobile {
		display: block;
	}

	#banners .banner {
		margin-bottom: 20px;
	}

	#pre_footer .row-height {
		display: block;
	}

	#pre_footer .col-height {
		display: block;
		max-width: 440px;
		margin: auto;
		text-align: center;
		border: 0;
		padding-bottom: 20px;
		border-bottom: 1px solid #999;
	}

	#pre_footer .col-height:last-child {
		border-bottom: 0;
	}

	#footer .companies {
		float: left;
	}

	#footer .companies .title {
		text-align: left;
	}

	#footer .companies ul li {
		float: left;
	}

	#footer .bottom_bar {
		text-align: center;
	}

	#footer .bottom_bar ul {
		float: none;
		max-width: 100%;
		text-align: center;
	}

	#footer .bottom_bar ul li {
		display: block;
		float: none;
		font-size: 12px;
		margin-bottom: 5px;
	}

	#footer .bottom_bar ul li:before {
		display: none;
	}

	#footer .row-height {
		text-align: left;
		display: block;
	}

	#footer .col-height {
		display: block;
		padding-left: 5px;
		padding-right: 5px;
	}

	#footer .aenor {
		margin-left: 0;
	}

	#footer .g4s {
		margin-left: 10px;
	}

	#footer .row-height .col-height .footer_group {
		margin-bottom: 10px;
	}

	#footer .row-height .col-height .title a {
		text-decoration: none;
	}

	#footer .row-height .col-height.logos {
		text-align: center;
	}

	#footer .row-height .col-height p {
		padding-left: 0 !important;
		display: none;
		margin-bottom: 20px;
		padding-top: 10px;
	}

	#footer .main_footer {
		padding: 20px 0;
	}

	#footer .main_footer .footer_group {
		position: relative;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#footer .main_footer .footer_group .title {
		cursor: pointer;
		margin-bottom: 0;
	}

	#footer .main_footer .footer_group .fa {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: all 400ms ease;
		transition: all 400ms ease;
		position: absolute;
		display: block;
		top: 10px;
		right: 0;
		font-size: 24px;
		width: 24px;
		text-align: center;
		line-height: 24px;
		height: 24px;
		cursor: pointer;
	}

	#footer .main_footer .footer_group.open .fa {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	#footer .main_footer .footer_group ul {
		display: none;
		padding-top: 10px;
	}

	.offers .destacadosextra .slider_container .slide .offer .img_container img {
		padding: 35px;
	}

	#slider .text_destacado {
		margin-top: 0;
		left: 21%;
		width: 70%;
		top: 300px;
	}

	.iconSlider .verticalLine{
		height: 175px;
	}
	#destinations .destination .content_container .icon_container .icon,
	#destinations .destination.fuerteventura .content_container .icon_container .icon,
	#destinations .destination.gomera .content_container .icon_container .icon
	{
		background-size: 15%;
	}


	#destinations .destination.grancanaria .content_container .icon_container .icon,
	#destinations .destination.palma .content_container .icon_container .icon{
		background-size:13%;
	}
	.quickAccess .slider_container .slide .item
	{
		padding: 10px 20px 20px 20px;
	}
	.quickAccess .slider_container .slide .item .img_container .fa {
		font-size: 20px;
	}
	.quickAccess .slider_container .slide .item .img_container img
	{
		height: 80%;
	}
	.offers .slider_container,
	.offers .slider_container .slick-track,
	.offers .slider_container .slick-list,
	.offers .slider_container .slide {
		min-height: unset;
	}

	.offers .destacadosextra .slider_container .slide .offer .img_container img {
		padding: 30px;
	}

	#slider {
		height: 456px;
	}

	#slider .text_container {
		top: 22%;
		transform: unset;
		position: absolute;
	}

	#slider .text_container-title {
		top: 0;
	}

	#slider .text_container .title {
		font-size: 26px;
		margin: 25px 0 30px 0;
	}

	#slider .slider_container .slide {
		background-size: cover;
	}
	#featured_image .text_container #suscribe_widget .form_group {
		margin-bottom: 10px;
	}

	#full_slider {
		min-height: 200px;
	}
	.offers .destacadosextra .slider_container .slide .offer .img_container
	{
		width: 100%;
		margin-left: auto;
	}
	#linesHome .container .slider_container .slide .img_container.linea img
	{
		margin-left: 32px;
		width: 90%;
	}
	#linesHome .container .slider_container .slide .img_container.linea img{
		height: 65%;
	}
	#destinations .destination .active_container .icon_container .icon{
		background-size: 14%;
	}
	#destinations .destination.grancanaria .active_container .icon_container .icon{
		background-size: 12%;
	}
	#destinations .destination.palma .active_container .icon_container .icon{
		background-size: 10%;
	}

	#footer .main_footer hr
	{
		display: none;
	}
	#footer .footer_certificates{
		margin-top: 20px;
	}
}

@media (max-width: 768px) {

	#booking_widget #tab_freight .content_inputs .tipoidayvuelta,
	#booking_widget #tab_passengers .content_inputs .tipoidayvuelta {
		width: 45%;
	}

	#booking_widget #tab_freight .content_inputs .origenydestino,
	#booking_widget #tab_passengers .content_inputs .origenydestino {
		width: 55%;
	}

	#booking_widget #tab_passengers .content_inputs .bonificacion .checkbox_container {
		margin-right: 0;
	}

	#booking_widget .form_group .checkbox_container:first-child label {
		margin: 0;
	}

	/*#slider {*/
		/*height: 456px;*/
	/*}*/

	/*#slider .text_container {*/
		/*top: 0;*/
		/*transform: unset;*/
	/*}*/

	/*#slider .text_container .title {*/
		/*font-size: 26px;*/
		/*margin: 25px 0 30px 0;*/
	/*}*/

	/*#slider .slider_container .slide {*/
		/*background-size: cover;*/
	/*}*/

	/*#featured_image .text_container #suscribe_widget .form_group {*/
		/*margin-bottom: 10px;*/
	/*}*/

	/*#full_slider {*/
		/*min-height: 200px;*/
	/*}*/

	/*.offers .slider_container,*/
	/*.offers .slider_container .slick-track,*/
	/*.offers .slider_container .slick-list,*/
	/*.offers .slider_container .slide {*/
		/*min-height: unset;*/
	/*}*/

	/*.offers .destacadosextra .slider_container .slide .offer .img_container img {*/
		/*padding: 30px;*/
	/*}*/

	.quickAccess .slider_container,
	.quickAccess .slider_container .slick-track,
	.quickAccess .slider_container .slick-list,
	.quickAccess .slider_container .slide {
		min-height: unset;
	}

	#improveYourTrip {
		max-height: unset;
		padding: 10px 50px;
	}

	#improveYourTrip .container
	{
		width: 100%;
	}


	#improveYourTrip .container .slider_container .slide
	{
		width: 100%;
		margin-left: auto;
	}


	#improveYourTrip .container .slider_container .slide .img_container img {
		width:100%;
		height:auto ;
	}

	/*#linesHome .container .slider_container .slide .img_container*/
	/*{*/
		/*height: 220px;*/
	/*}*/
	/*#linesHome .container .slider_container .img_container .icon_container .icon*/
	/*{*/
		/*background-size: 22%;*/
	/*}*/

	#destinations .destination.grancanaria .content_container .icon_container .icon{
		background-size: 13%;
	}

	#destinations .destination .content_container .icon_container .icon,
	#destinations .destination.fuerteventura .content_container .icon_container .icon,
	#destinations .destination.gomera .content_container .icon_container .icon{
		background-size: 15%;
	}

	#destinations .destination.palma .content_container .icon_container .icon{
		background-size: 10%;
	}

	#destinations .destination .text_container .price{
		margin-left: 66%;
	}

	/*#linesHome .container .slider_container .slide .img_container.linea img*/
	/*{*/
		/*margin-left: 32px;*/
		/*width: 90%;*/
	/*}*/

	#linesHome .container .slider_container .slide .img_container.linea img{
		height: 100%;
	}

	#specs .table_container {
		padding: 0;
	}

	#close_image {
		padding: 20px;
		min-height: unset;
		height: auto;
	}

	#close_image .title {
		margin-top: 0;
	}

	#close_image .content {
		width: 650px;
		max-width: 100%;
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
	}

	#close_image .content object {
		max-width: 100%;
	}

	#tabs .tab-content .tab-pane .service .service_text_container .title {
		font-size: 20px;
	}

	#tabs .tab-content .tab-pane .service .service_img_container {
		height: 50vh;
	}

	#transparent_tabs .item {
		padding: 0;
	}

	#transparent_tabs .nav-tabs>li {
		display: block;
	}

	#transparent_tabs .nav-tabs>li a {
		display: inline-block;
	}

	#port_tabs .port_map {
		margin-bottom: 20px;
	}

	#intro .title {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 0;
	}

	#att_cliente .super_title {
		font-size: 22px;
	}

	#att_cliente .more .info_group {
		padding-left: 0;
		padding-right: 0;
	}

	#att_cliente .contact p,
	#att_cliente .logistic p {
		padding: 0 20px;
	}

	#intro .subtitle {
		font-size: 18px;
	}

	#tabs .tab-content .tab-pane .claim {
		padding: 0 20px;
		font-size: 15px;
		margin-bottom: 30px;
	}

	#tabs {
		margin-top: -68px;
	}

	#tabs .nav-tabs {
		display: table;
		width: 100%;
	}

	#tabs .nav-tabs:before,
	#tabs .nav-tabs:after {
		display: none;
	}

	#tabs .nav-tabs>li {
		width: 25%;
		float: left;
		margin: 0;
		padding: 0;
		height: 68px;
		display: table-cell;
		vertical-align: middle;
	}

	#tabs .nav-tabs>li>a {
		padding: 10px 20px;
		display: block;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}

	#att_cliente .more .info_group {
		min-height: unset;
		text-align: center;
	}

	#att_cliente .more .info_group .icon {
		margin-bottom: 10px;
		position: relative;
	}

	#att_cliente .more .links a {
		width: 100%;
		float: none;
		display: block;
		margin-bottom: 10px;
	}

	#att_cliente .contact .info_group,
	#att_cliente .logistic .info_group {
		text-align: center;
	}

	#att_cliente .contact .info_group .icon_container,
	#att_cliente .logistic .info_group .icon_container {
		display: block;
		width: 240px;
		text-align: left;
		margin: auto;
		margin-bottom: 10px;
	}

	#att_cliente .contact p,
	#att_cliente .logistic p {
		margin-bottom: 20px;
	}

	#close_text .info_group {
		margin: auto;
		max-width: 260px;
		margin-bottom: 20px;
		padding-right: 0;
	}

	#error404>div {
		float: none;
		margin: 40px auto;
	}

	#footer .apps {
		padding: 0;
		background: none;
	}

	.routes_map .routes_map_container .layer_links .lpamjb .route_block {
		left: -30%;
	}

	.routes_map .routes_map_container .layer_links .lpamjb .route_block:after {
		left: 48%;
	}

	.routes_map .routes_map_container .layer_links .qlyqfu .route_block {
		left: -1025%;
	}

	.routes_map .routes_map_container .layer_links .qlyqfu .route_block:after {
		left: 78%;
	}

	#lines .line .info .port {
		max-width: 50%;
	}

	#destinations{
		padding: 10px 26px;
	}

	#destinations .destination .content_container .icons,
	#destinations .destination .active_container .icons{
		left: 3%;
	}

	#slider .text_destacado{
		margin-top: 2%;
		left: 17%;
		width: 65%;
		top: 280px;
	}

	#slider .text_destacado .title {
		font-size: 22px;
	}

	#slider .text_destacado .description {
		font-weight: normal;
		font-size: 13.5px;
	}

	.iconSlider .verticalLine
	{
		height: 270px;
	}

	.quickAccess {
		margin: 0 12% -12% 12%;
	}

	.quickAccess .slider_container .slide {
		padding: 0;
	}

	#footer .title {
		font-size: 14px;
	}

	#footer .transparency_bar .content .element,
	#footer ul li{
		margin-bottom: 15px;
	}

	#footer .transparency_bar
	{
		padding:40px 0px 20px 0px ;
	}

	.modal-dialog-control {
		width: 80%;
	}
}

@media (max-width: 900px) {

	.home{
		background-color: #F4F7FF;
	}

	#home-mobile{
		display: block;
	}

	#home-desktop,
	#share,
	#slider .text_container-title,
	.iconSlider{
		display: none;
	}
	
	/*#slider .text_container-widget {*/
		/*top: 87%;*/
	/*}*/

	#booking_widget_content {
		display: none;
		height: 0;
	}

	#slider .slider_container .slick-dots {
		bottom: -50px;
	}

	/*Botón compra mobile*/
	#slider .text_container .link-compra {
		display: block;
	}

	/*Prueba widget local/test*/
	/*#booking_widget_content.booking_simulator{*/
		/*display: block;*/
		/*min-height: 240px;*/
		/*background: #dfeaf6;*/
		/*max-width: 85%;*/
		/*margin: 0 auto;*/
		/*padding: 0 !important;*/
		/*left: 7%;*/
		/*border-radius: 4px;*/
		/*text-align: center;*/
	/*}*/
	/*#booking_widget_content.booking_simulator p{*/
		/*padding-top: 20px;*/
		/*cursor: pointer;*/
	/*}*/
	/*#booking_widget_content.booking_simulator .titlewidget{*/
		/*padding-top: 15px;*/
		/*cursor: inherit;*/
	/*}*/
	/*#booking_widget_content.booking_simulator .dates{*/
		/*padding-bottom: 35px;*/
	/*}*/
	/*#booking_widget_content.booking_simulator .options{*/
		/*display: flex;*/
		/*justify-content: space-evenly;*/
	/*}*/
	/*#booking_widget_content.booking_simulator span:hover{*/
		/*text-decoration: underline;*/
	/*}*/


	#slider .slider_container .slide #countdown{
		max-width: 320px;
		padding-top: 262px;
	}

	#slider .slider_container .slide-video.home video,
	#slider .slider_container .slide,
	#slider{
		/*height: 480px;*/
		height: 360px;
	}

	#booking_widget_content{
		padding-left: 20px;
	}

	#booking_widget #tab_freight .content_inputs .tipoidayvuelta,
	#booking_widget #tab_freight .content_inputs .origenydestino,
	#booking_widget #tab_freight .content_inputs .idayvuelta,
	#booking_widget #tab_freight .content_inputs .concarga,
	#booking_widget #tab_freight .content_inputs .manipulador,
	#booking_widget #tab_freight .content_inputs .longitudytara,
	#booking_widget #tab_passengers .content_inputs .tipoidayvuelta,
	#booking_widget #tab_passengers .content_inputs .origenydestino,
	#booking_widget #tab_passengers .content_inputs .idayvuelta,
	#booking_widget #tab_passengers .content_inputs .pasajeros1,
	#booking_widget #tab_passengers .content_inputs .pasajeros2,
	#booking_widget #tab_passengers .content_inputs .vehiculo,
	#booking_widget #tab_passengers .content_inputs .bonificacion {
		width: 100%;
		padding: 0;
	}

	#booking_widget #tab_freight .content_inputs .matriculayvehiculo {
		width: 100%;
		padding-left: 0;
		padding-right: 25px;
	}

	#booking_widget .form_group {
		min-height: unset;
	}

	#booking_widget .form_group .checkbox_container {
		height: auto;
	}

	#booking_widget .form_group .checkbox_container label {
		padding: 0;
	}

	#booking_widget #tab_passengers .content_submit .fa,
	#booking_widget #tab_freight .content_submit .fa {
		line-height: 1em;
	}

	.offers .next {
		right: 0;
		bottom: -20px;
	}

	.offers .prev {
		left: 0;
		bottom: -20px;
	}

	.offers .slick-dots {
		padding-right: 50px;
		padding-left: 50px;
		bottom: 0;
	}

	.quickAccess .next {
		right: 0;
		bottom: -20px;
	}

	.contenido .salidas-3col>div {
		float: none;
		width: 100%;
	}

	#horarios-ls .table td,
	#horarios-ls .table th {
		display: none;
	}

	#horarios-ls .table td:first-child,
	#horarios-ls .table th:first-child,
	#horarios-ls .table td.today,
	#horarios-ls .table th.today {
		display: table-cell;
	}

	#footer .rrss {
		background: none;
	}

	#footer .rrss .inner {
		padding-top: 0;
	}

	#rate-ls {
		padding-top: 0;
	}

	#featured_image #rate-ls .share {
		display: block;
	}

	#rate-ls .container {
		margin-top: 50px;
		min-height: 542px;
		width: auto;
		position: relative;
	}

	#rate-ls .rate {
		float: none;
		width: 300px;
		margin-left: 0;
		position: absolute;
		top: 0;
		left: calc(50% - 150px);
	}

	#rate-ls .rate .rate_inner .circle_icon {
		top: -37px;
		background: rgba(255, 255, 255, 0.7);
		cursor: pointer;
	}

	#rate-ls .rate:nth-child(1) .rate_inner .circle_icon {
		left: 0;
	}

	#rate-ls .rate:nth-child(2) .rate_inner .circle_icon {
		left: 60px;
	}

	#rate-ls .rate:nth-child(3) .rate_inner .circle_icon {
		left: 120px;
	}

	#rate-ls .rate:nth-child(4) .rate_inner .circle_icon {
		left: 180px;
	}

	#rate-ls .rate:nth-child(5) .rate_inner .circle_icon {
		left: 240px;
	}

	#rate-ls .rate:hover,
	#rate-ls .rate.hover {
		transform: none;
		z-index: 10;
	}

	#rate-ls .rate:hover .rate_inner,
	#rate-ls .rate.hover .rate_inner {
		box-shadow: 4px 8px 16px 0 rgba(69, 69, 69, 0.7);
		transform: none;
	}

	#rate-ls .rate:hover .rate_inner .circle_icon,
	#rate-ls .rate.hover .rate_inner .circle_icon {
		top: -30px;
		background: #fff;
	}

	#rate2-ls .rate {
		width: 100%;
		float: none;
		margin: 0 0 25px 0;
	}

	#rate2-ls .rate .rate_inner .content {
		min-height: unset;
	}

	.noticia-blur-image {
		height: auto;
	}

	.noticia-blur-image img {
		display: block;
		top: auto;
		transform: none;
	}

	#intro.news_intro {
		padding: 15px 0;
	}

	#intro.news_intro .title {
		font-size: 25px;
	}

	#intro .share>a {
		display: inline-block;
		text-align: center;
		border-radius: 5px;
		margin-right: 3px;
		vertical-align: middle;
		line-height: 1em;
		height: 28px;
		width: 35px;
	}

	#intro .share>a>span {
		font-size: 18px;
		color: #fff;
		vertical-align: middle;
		display: inline-block;
		padding: 5px 10px;
		line-height: 1em;
	}

	#news-single .image {
		float: none;
		width: 100%;
		margin: 0 0 15px 0;
	}

	#lines .line .info .title {
		margin-bottom: 10px;
	}

	#lines .line .info .port {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		margin-bottom: 10px;
		max-width: unset;
	}

	#lines .line .info .button {
		margin-top: 10px;
		position: relative;
		bottom: auto;
		right: auto;
		width: 100%;
		text-align: center;
	}

	#lines .line .info .rutaSuspendida {
		margin-top: 10px;
		position: relative;
		bottom: auto;
		right: auto;
		width: 100%;
		text-align: center;
		float: inherit;
	}

	#featured_image.navegacion.att_cliente:not(.sinTitulo) {
		min-height: 1210px;
	}

	.search-result-page .results li a .titulo {
		width: calc(100% - 35px);
	}

	.search-result-page .results li a .ver-enlace {
		display: none;
	}

	.alert1_box .container {
		max-width: 300px;
	}

	.alert1_box a span{
		max-width: 250px;
	}

	.alert3_box .container .content{
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 50px;
		word-break: break-word;
	}

	#horarios-ls .status-horario{
		padding: 20px 20px 5px 20px;
	}

	#slider .text_destacado {
		/*margin-top: 55px;*/
		margin-top: -15px;
		left: 7%;
		width: 85%;
		top: 285px;
	}

	#slider .text_destacado.with-description{
		margin-top: -25px;
	}

	#slider .text_destacado.with-background{
		margin-top: -40px;
	}

	#slider .text_destacado.with-background.with-description{
		margin-top: -50px;
	}

	#slider .text_destacado .title,
	#slider .text_destacado .description{
		text-align: center;
		padding: 0 20px;
	}

	#featured_image.hideHeaderMobile{
		display: none;
	}

	#featured_image.altoMobile.navegacion,
	#featured_image.altoMobile #featured_video {
		min-height:210px;
		height: 210px;
	}

    #footer .aenor
    {
        max-width:60px;
        max-height: 120px;
    }
    #footer .aenor.small
    {
        max-width:76px;
        max-height: 81px;
    }
    #footer .intermediario
    {
        max-width:94px;
    }
    #footer .footer_certificates
    {
        margin-top: 17px;
		justify-content: space-around;
    }
    #footer .footer_certificates a,
	#footer .footer_certificates .intermediador
    {
        padding-bottom: 20px;
    }

	#footer .footer_certificates .aenorER {
		order: 1;
	}
	#footer .footer_certificates .aenorMA {
		order: 2;
	}
	#footer .footer_certificates .aenorGA {
		order: 3;
	}
	#footer .footer_certificates .intermediador {
		order: 4;
		max-width: 93px;
	}

	#footer .footer_certificates .aenorP {
		order: 5;
	}
	#footer .footer_certificates .aenorSI {
		order: 6;
	}
	#footer .footer_certificates .gainn {
		order: 7;
	}
}

@media (max-width: 445px){
	#footer .footer_certificates{
		margin: 17px 20px 0px 20px;
	}

	#featured_image .text_container {
		padding-top: 0px;
	}
}

@media (max-width: 430px) {
	.mm-panels>.mm-panel:first-child span img {
		width: 20px;
		height: 20px;
	}

	.mm-panels>.mm-panel:first-child span,
	.mm-menu.mm-theme-dark .mm-navbar a,
	.mm-menu.mm-theme-dark .mm-navbar>*,
	.mm-menu.mm-theme-dark em.mm-counter {
		font-size: 14px;
	}

	#error404>div {
		width: auto;
	}

	#error404>div span {
		float: none;
		width: auto;
		text-align: center;
	}

	#error404>div p {
		float: none;
		width: auto;
		text-align: center;
	}

	.routes_map {
		margin-top: 0;
	}

	#featured_image.rutas_map {
		height: auto;
	}

	.routes_map .routes_map_container .layer_links .spcgmr .route_block,
	.routes_map .routes_map_container .layer_links .crtgmr .route_block,
	.routes_map .routes_map_container .layer_links .tciaga .route_block,
	.routes_map .routes_map_container .layer_links .lpamjb .route_block,
	.routes_map .routes_map_container .layer_links .qlyqfu .route_block {
		position: fixed;
		left: calc(50% - 160px);
		top: 410px;
	}

	.routes_map .routes_map_container .layer_links .spcgmr .route_block:after,
	.routes_map .routes_map_container .layer_links .crtgmr .route_block:after,
	.routes_map .routes_map_container .layer_links .tciaga .route_block:after,
	.routes_map .routes_map_container .layer_links .lpamjb .route_block:after,
	.routes_map .routes_map_container .layer_links .qlyqfu .route_block:after {
		border-width: 0 15px 15px 15px;
		border-color: transparent transparent #fff transparent;
		top: -14px;
		left: 48%;
		margin-left: -15px;
	}

	.contenido .abrazo-descargar a.whatsapp{
		margin: 10px 0 0 0;
	}

	#linesHome .container .slider_container .img_container .icon_container .icon
	{
		background-size: 45%;
	}

	.offers .destacadosextra .slider_container .slide .offer .img_container
	{
		width:40%;
		margin-left: 30%;

	}
	.offers .destacadosextra .slider_container .slide .offer .img_container img {
		padding: 35px;
	}

	#improveYourTrip{
		padding: 10px 0px;
	}

	#improveYourTrip .section_title {
		font-size: 25px;
		padding-top: 39px;
	}

	#linesHome
	{
		margin: 33px 0px;
	}

	#linesHome .section_title {
		font-size: 26px;
		padding-bottom: 15px;
	}

	#linesHome .section_subtitle {
		padding: 0 25px 33px 25px;
	}

	#linesHome .container .slider_container .slide .img_container
	{
		height: 160px;
	}

	/*#slider .text_destacado{*/
		/*left: 5%;*/
		/*width: 90%;*/
		/*top: 350px;*/
	/*}*/

	#slider .text_destacado .title,
	#slider .text_destacado .description{
		padding: 0;
	}

	/*#slider .text_destacado .description {*/
		/*font-weight: normal;*/
		/*font-size: 17px;*/
	/*}*/

	#linesHome .container .slider_container .slide .img_container.linea img
	{
		width: auto;
		height: auto;
		margin-left: auto;
	}

	#destination-ls .destination {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#destination-ls .destination .text_container .title3{

		font-size: 14px;
		text-align: left;
		letter-spacing: -0.28px;
		color: var(--color-blue);
		text-transform: uppercase;
		opacity: 1;
		font-weight: bold;
	}

	#destination-ls .destination .text_container .description{
		font-size: 14px;
		text-align: left;
		letter-spacing: -0.7px;
		color: var(--color-grey);
		opacity: 1;
		font-weight: normal;
	}

	#destination-ls .destination .text_container {
		padding: 0px 16px;
		width: 50%;
		position: relative;
		text-align: center;
		flex-shrink: 0;
	}

	#destination-ls .destination .img_container {
		width: 50%;
		flex-shrink: 0;
		min-height: 140px;
	}

	#destination-ls .destination .img_container .icon {
		display: none;
	}

	.alert1_box a{
		text-decoration: underline;
	}

	.alert1_box {
		font-size: 11px;
	}
}

@media (max-width: 400px){

	/*OFERTAS*/
	/*PROMOCIONES*/
	.offers-ls .item .header_container .title,
	#promos-ls.contenido .item .header_container .title{
		max-width: 231px;
	}

	.offers-ls .item .header_container-twoLines .icon,
	#promos-ls.contenido .item .header_container-twoLines .icon,
	.offers-ls .item .offer .header_container.header_container-twoLines .iconChevron,
	#promos-ls.contenido .item .promo .header_container.header_container-twoLines .iconChevron{
		top: 17px;
	}

	.offers-ls .item .header_container-twoLines .precio_container-title,
	#promos-ls.contenido .item .header_container-twoLines .precio_container-title{
		top: 7px;
	}

	#promos-ls.container {
		padding: 0px;
	}
}

@media (max-width: 360px){

	/*OFERTAS*/
	/*PROMOCIONES*/
	.offers-ls .item .header_container .title{
		max-width: 200px;
	}

	#promos-ls.contenido .item .header_container .title{
		max-width: 190px;
	}

	#footer .footer_certificates{
		margin: 17px 0px 0px 0px;
	}
}

@media (max-width: 320px) {

	.mm-panels>.mm-panel:first-child span,
	.mm-menu.mm-theme-dark .mm-navbar a,
	.mm-menu.mm-theme-dark .mm-navbar>*,
	.mm-menu.mm-theme-dark em.mm-counter {
		font-size: 12px;
		line-height: 20px;
	}
}