@import	url('//fonts.googleapis.com/css?family=Hind:300,400,500,600,700');

:root{
    --ct-color-primary:#151d29;
    --ct-color-secundary:#aeb0b0;
    --ct-font-primary:'Hind', sans-serif;
    --ct-font-secundary:'Hind', sans-serif;
    --ct-body-font-size: 1.6rem;
    --ct-body-font-weight: 400;
    --ct-body-line-height: 1.4;
    --ct-body-color: #535353;
    --ct-body-bg: #FFF;
    --ct-color-cta:#00a1e1;
}

body {
	font: 400 16px 'Hind', sans-serif;
	color: #535353;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dfeaed+0,fbfdfa+100 */
	background: rgb(223, 234, 237);
	/* Old browsers */
	background: -moz-linear-gradient(left, rgba(223, 234, 237, 1) 0%,
		rgba(251, 253, 250, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(223, 234, 237, 1) 0%,
		rgba(251, 253, 250, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(223, 234, 237, 1) 0%,
		rgba(251, 253, 250, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfeaed',endColorstr='#fbfdfa', GradientType=1);
	/* IE6-9 */
}

.cookiesMessage{z-index:9999;}

a {
	color: #00a1e1;
}

a:hover {
	text-decoration: none;
	transition: all 0.25s ease-out 0s;
}

h1{font-family:inherit;}
.position-btn:hover {
	opacity: .7;
}

.btn-theme {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#39b4f6+0,01a1e1+100 */
	background: rgb(57, 180, 246); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(57, 180, 246, 1) 0%,
		rgba(1, 161, 225, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(57, 180, 246, 1) 0%,
		rgba(1, 161, 225, 1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(57, 180, 246, 1) 0%,
		rgba(1, 161, 225, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39b4f6',endColorstr='#01a1e1', GradientType=0); /* IE6-9 */
	border-top: 1px solid #56c9ff;
	border-bottom: 1px solid #43bdfb;
	color: #FFF;
	font-weight: 700;
	font-size: 20px;
	padding: 10px 25px;
}

.btn-theme:hover {
	background: #151d29;
	border-top: 1px solid #151d29;
	color: #00a1e1;
	border-bottom: 1px solid #151d29;
	transition: inherit
}

.btn-theme.big {
	font-size: 26px;
	padding: 12px 55px;
	text-shadow: 0 1px 1px #0080bd;
}

.btn-container {
	background-color: #eaeaea;
	padding: 5px;
	border-radius: 3px
}

.btn-theme-secundary {
	background-color: #FFF;
	border-radius: 30px;
	color: #5e6364;
	font-size: 20px;
	padding: 17px 75px
}

.btn-theme-secundary .dark {
	color: #151d29;
	font-weight: 600;
}

.btn-theme-secundary .blue {
	color: #00a1e1;
	font-weight: 600;
}

.btn-theme-secundary:hover {
	background-color: #00a1e1;
}

.btn-theme-secundary:hover .blue {
	color: #FFF;
	font-weight: 600;
}


.loginBox .btnLogin {color:#FFF; width:100%;}
    .loginBox .btnLogin:hover{background-color:#151d29 !important;}
    .loginBox .btnLogin.btnFacebook{ background-color:#4867aa;}
    .loginBox .btnLogin.btnTwitter{ background-color:#1da1f2;}
    .loginBox .btnLogin.btnGoogle { background-color:#dc4a38;}
    .loginBox .btnPayPal {display:none;}
.separator {
	margin: 20px 0px
}

.color-primary{color:var(--ct-color-primary) !important}
    a.color-primary:hover{opacity:.8}
.color-secundary{color:var(--ct-color-secundary) !important}
    a.color-secundary:hover{opacity:.8}
.color-white{color:#FFF !important}
.color-blueLight{color:#d0d9ea}

.text-alt{font-family:var(--ct-font-secundary)}

#loader-container {background:var(--ct-color-primary); position: fixed;overflow: hidden;top: 0;right: 0;left: 0;bottom: 0;z-index: 99999;
}
#loader-container::before{content:""; position:absolute; z-index:1; top:50%; left:50%; width:50px; margin-top:-25px; margin-left:-25px;
	aspect-ratio: 1;
	border-radius: 50%;
	border: 8px solid var(--ct-color-cta);
	border-right-color: var(--ct-color-primary);
	animation: spinner 1s infinite linear;}
@keyframes spinner {
	to {
		transform: rotate(1turn);
	}
}
.mt-1{margin-top:10px;}
.mt-2{margin-top:25px;}
.mt-3{margin-top:45px;}
.mt-4{margin-top:80px;}

.mb-1{margin-bottom:10px;}
.mb-2{margin-bottom:25px;}
.mb-3{margin-bottom:45px;}
.mb-4{margin-bottom:80px;}

.font-light{font-weight:300}
.font-medium{font-weight:500}
.font-bold{font-weight:700}
.font-black{font-weight:900}

.section-header{color:var(--ct-color-secundary); font-family:var(--ct-font-secundary); text-transform:uppercase; font-weight:700}
md-dialog md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar){background-color:var(--ct-color-primary);}
    md-dialog md-toolbar h4{font-weight: 700; font-size:18px; font-family:var(--ct-font-secundary); color:#FFF;}
    md-dialog .section-header{font-weight: 700; font-size:18px; font-family:var(--ct-font-secundary); color:#6f6f6e;}
        md-dialog a{color:var(--ct-color-cta); font-size:.9em} 
            md-dialog a:hover{color:var(--ct-color-secundary);}
.md-primary.md-button {
    background-color: var(--ct-color-cta) !important;
    color:#FFF !important;
    text-transform:inherit !important;
    border-radius:25px;
    font-size:.9em;
    border-color:var(--ct-color-secundary) !important;
    padding:5px 15px;
}

.banner-large{float:left; width:100%; margin-top:25px}
.banner-large .block-titles{text-align:left; padding:25px 20px; min-height:170px; background-color:#151d29; color:#FFF; position:relative}
        .banner-large .block-titles .title{color:#FFF}
        .banner-large .block-titles .subtitle{font-size: 16px; line-height: 1em; letter-spacing: 0.07em; color:#acaeae; margin-top:4px}
        .banner-large .block-titles .conditions{position:absolute; bottom:0px; left:0px; right:0px; padding:7px 15px 5px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d131c+0,151d29+100 */
background: rgb(13,19,28); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(13,19,28,1) 0%, rgba(21,29,41,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(13,19,28,1) 0%,rgba(21,29,41,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(13,19,28,1) 0%,rgba(21,29,41,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d131c', endColorstr='#151d29',GradientType=1 ); /* IE6-9 */
color: #ddd;font-size: 13px;}
        .banner-large .block-titles .diagonal-line{position: absolute; z-index: 1; top: 0px; bottom: 0px; width: 42px; right: -41px; background-color: #151d29; -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 100% 100%); clip-path: polygon(0 0, 0 0, 0 100%, 100% 100%);}

.banner-large .block-price{padding:45px 15px 15px 25px; min-height:170px; background-color:#00a1e1; color:#FFF; position:relative}
        .banner-large .block-price .price .info{color:#FFF; text-align:left;}
        .banner-large .block-price .diagonal-line{position: absolute; z-index: 1; top: 0px; bottom: 0px; width: 42px; right: -41px; background-color: #00a1e1; -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 100% 100%); clip-path: polygon(0 0, 0 0, 0 100%, 100% 100%);}


#web-header .container {
    padding-right:0px;
    padding-left:0px;
}

#web-header .preheader a {
	color: #7b7b7b;
}

#web-header .customer-support a:hover, #web-header .my-account a:hover,
	#web-header a:hover {
	color: #00a1e1;
}

#web-header .preheader {
	margin: 20px 0px;
}

#web-header .description {
	color: #7b7b7b;
}

#web-header .description span {
	color: #5d5d5d;
	font-weight: 500;
}

#web-header .top-nav li {
	padding: 0px 7px;
}

#web-header .top-nav li.my-account {
	margin-left: 30px;
	margin-top: -10px;
    margin-bottom: -10px;
}

#web-header .customer-support a, #web-header .my-account a {
	color: #5d5d5d;
	font-weight: 500;
}

#web-header .main-header {
	background-color: #FFF;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	/*box-shadow:0px -1px 5px #7d7d7d;*/
	padding: 33px 38px;
	border-bottom: 2px solid #dfecf1;
}

#web-header .main-header .logo {
	margin-top: 2px;
}

#web-header .main-header .main-route {
	padding: 14px 15px;
}

#web-header .main-header .main-route a {
	font-size: 18px;
	color: #909090;
}

#web-header .main-header .main-route a:hover {
	color: #00a1e1;
}

#web-header .main-header .main-route i {
	color: #00a1e1;
}

#web-header .main-header .special{
    border-radius: 4px;
    padding: 5px 15px;
    color: #FFF !important;
    display:inline-block;
}

    #web-header .main-header .special.btn-1{background-color:#2665b9}
    #web-header .main-header .special.btn-2{background-color:#1b76c4}
    #web-header .main-header .special.btn-3{background-color:#1285ce}
    #web-header .main-header .special.btn-4{background-color:#0894d8}
    #web-header .main-header .special.btn-5{background-color:#00a1e1}
        #web-header .main-header .special i{color:#FFF; font-size:16px}

    #web-header .main-header .special:hover{background-color:#54acd2}
    
    #web-header .fa-whatsapp{color:#00bb2d}
    
md-menu-content.md-default-theme, md-menu-content{background-color:#fff; color:#010101}
    md-menu-content.md-default-theme a, md-menu-content a{coLor:#010101}

#web-header .main-header md-menu .md-button{text-transform:inherit; color:#909090; font-size:18px; font-weight:400; margin:0px; padding:2px 15px}

#web-footer {
	background-color: #FFF;
	padding: 45px 40px;
}

#web-footer .social-networks a {
	color: #151d29;
	font-size: 26px;
	margin-left: 3px;
}

#web-footer .social-networks .facebook a:hover {
	color: #3b5998;
}

#web-footer .social-networks .twitter a:hover {
	color: #00bff6;
}

#web-footer .social-networks .gplus a:hover {
	color: #dc4a38;
}

#web-footer .links li {
    font-size:14px;
	margin-left: 15px;
}

#web-footer .links li a {
	color: #151d29
}

#web-footer .links li a:hover {
	color: #00a1e1;
}

#web-footer .copyright {
	font-size: 14px;
	color: #636565;
	margin-left: 15px;
	float:left;
}

.bg-searcher{
    background-color: #151d28;
    padding-top: 15px;
    padding-bottom: 15px;
}
.info-searcher{
    background-color: #FFF;
    padding: 10px;
    font-size: 12px;}
.mainContainer{
    display:table;
}

.main-box-searcher {
	float: left;
	width: 100%;
	position: relative;
	padding: 30px 40px 70px;
}

.main-box-searcher .title-main {
	color: #151d29;
	font-weight: 300;
	font-size: 65px;
	line-height: 1.1em;
	margin: 45px auto;
	max-width: 445px;
	letter-spacing: -0.04em;
}

.main-box-searcher .title-main span {
	color: #00a1e1;
}

.main-box-searcher .position-bg-searcher {
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 0
}

.main-box-searcher .bg-searcher tws-searcher-ferries{
    color: rgba(255,255,255,0.87);
}
.main-box-searcher .bg-searcher tws-searcher-ferries md-input-container.md-default-theme .md-input, .main-box-searcher .bg-searcher tws-searcher-ferries md-input-container .md-input {
    color: rgba(255,255,255,0.87);
    border-color: rgba(255,255,255,0.87);
}
.main-box-searcher .bg-searcher tws-searcher-ferries md-select.md-default-theme .md-select-value, .main-box-searcher .bg-searcher tws-searcher-ferries md-select .md-select-value{
    border-bottom-color: rgba(255,255,255,0.87);
}
.main-box-searcher .bg-searcher tws-searcher-ferries md-select.md-default-theme .md-select-icon, .main-box-searcher .bg-searcher tws-searcher-ferries md-select .md-select-icon{
    color: rgba(255,255,255,0.87);
}
.main-box-searcher .bg-searcher tws-searcher-ferries md-input-container.md-default-theme .md-placeholder, .main-box-searcher .bg-searcher tws-searcher-ferries md-input-container .md-placeholder, .main-box-searcher .bg-searcher tws-searcher-ferries md-input-container.md-default-theme label, .main-box-searcher .bg-searcher tws-searcher-ferries md-input-container label{
    color: rgba(255,255,255,0.87);
}
.main-box-searcher .bg-searcher tws-searcher-ferries md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label, .main-box-searcher .bg-searcher tws-searcher-ferries md-input-container:not(.md-input-invalid).md-input-has-value label{
    color: rgba(255,255,255,0.87);
}
.main-box-searcher .bg-searcher tws-searcher-ferries md-select.md-default-theme .md-select-value.md-select-placeholder, .main-box-searcher .bg-searcher tws-searcher-ferries md-select .md-select-value.md-select-placeholder{
    color: rgba(255,255,255,0.87);
}
.main-box-searcher .bg-searcher tws-searcher-ferries md-select.md-default-theme:not([disabled]):focus .md-select-value, .main-box-searcher .bg-searcher tws-searcher-ferries md-select:not([disabled]):focus .md-select-value{
    color: rgba(255,255,255,0.87);
    border-bottom-color: rgba(255,255,255,0.87);
}
.main-box-searcher .bg-searcher tws-searcher-ferries md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused label, .main-box-searcher .bg-searcher tws-searcher-ferries md-input-container:not(.md-input-invalid).md-input-focused label, .main-box-searcher .bg-searcher tws-searcher-ferries md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused md-icon, .main-box-searcher .bg-searcher tws-searcher-ferries md-input-container:not(.md-input-invalid).md-input-focused md-icon{
    color: rgba(255,255,255,0.87);
}
.main-box-searcher .bg-searcher tws-searcher-ferries md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-default-theme .md-select-value, .main-box-searcher .bg-searcher tws-searcher-ferries md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value, .main-box-searcher .bg-searcher tws-searcher-ferries md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-default-theme .md-select-value.md-select-placeholder, .main-box-searcher .bg-searcher tws-searcher-ferries md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value.md-select-placeholder{
    color: rgba(255,255,255,0.87);
}
.main-box-searcher .bg-searcher tws-searcher-ferries md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-input, .main-box-searcher .bg-searcher tws-searcher-ferries md-input-container:not(.md-input-invalid).md-input-focused .md-input, .main-box-searcher .bg-searcher tws-searcher-ferries md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized .md-input, .main-box-searcher .bg-searcher tws-searcher-ferries md-input-container:not(.md-input-invalid).md-input-resized .md-input{
    border-color: rgba(255,255,255,0.87);
}
.main-box-searcher .bg-searcher tws-searcher-ferries md-input-container md-icon.md-default-theme, .main-box-searcher .bg-searcher tws-searcher-ferries md-input-container md-icon{
    color: rgba(255,255,255,0.87);
}

.main-box-searcher .bg-searcher tws-searcher-ferries md-input-container.md-default-theme.md-input-invalid .md-input, .main-box-searcher .bg-searcher tws-searcher-ferries md-input-container.md-input-invalid .md-input{
    color: rgb(221,44,0);
    border-bottom-width: 2px;
}
.main-box-searcher .bg-searcher tws-searcher-ferries md-input-container.md-default-theme.md-input-invalid .md-char-counter, .main-box-searcher .bg-searcher tws-searcher-ferries md-input-container.md-input-invalid .md-char-counter, .main-box-searcher .bg-searcher tws-searcher-ferries md-input-container.md-default-theme.md-input-invalid .md-input-message-animation, .main-box-searcher .bg-searcher tws-searcher-ferries md-input-container.md-input-invalid .md-input-message-animation, .main-box-searcher .bg-searcher tws-searcher-ferries md-input-container.md-default-theme.md-input-invalid label, .main-box-searcher .bg-searcher tws-searcher-ferries md-input-container.md-input-invalid label{
    color: rgb(221,44,0);
    font-weight:bold;
}
.main-box-searcher .bg-searcher tws-searcher-ferries md-radio-button.md-default-theme .md-on, .main-box-searcher .bg-searcher tws-searcher-ferries md-radio-button .md-on {
    background-color: rgba(255,255,255,0.87);
}
.main-box-searcher .bg-searcher tws-searcher-ferries md-radio-button.md-default-theme.md-checked .md-off, .main-box-searcher .bg-searcher tws-searcher-ferries md-radio-button.md-checked .md-off{
    border-color: rgba(255,255,255,0.87);
}
.main-box-searcher .bg-searcher tws-searcher-ferries md-radio-button.md-default-theme .md-off, .main-box-searcher .bg-searcher tws-searcher-ferries md-radio-button .md-off {
    border-color: rgba(255,255,255,0.87);
}
.main-box-searcher .bg-searcher tws-searcher-ferries md-checkbox.md-default-theme:not([disabled]).md-primary .md-ink-ripple, .main-box-searcher .bg-searcher tws-searcher-ferries md-checkbox:not([disabled]).md-primary .md-ink-ripple{
    color: rgba(255,255,255,0.87);
}
.main-box-searcher .bg-searcher tws-searcher-ferries md-checkbox.md-default-theme:not([disabled]).md-primary.md-checked .md-ink-ripple, .main-box-searcher .bg-searcher tws-searcher-ferries md-checkbox:not([disabled]).md-primary.md-checked .md-ink-ripple{
    color: rgba(255,255,255,0.87);
}
.main-box-searcher .bg-searcher tws-searcher-ferries md-checkbox.md-default-theme:not([disabled]).md-primary:not(.md-checked) .md-icon, .main-box-searcher .bg-searcher tws-searcher-ferries md-checkbox:not([disabled]).md-primary:not(.md-checked) .md-icon{
     border-color: rgba(255,255,255,0.87);
}
.main-box-searcher .bg-searcher tws-searcher-ferries md-checkbox.md-default-theme:not([disabled]).md-primary.md-checked .md-icon, .main-box-searcher .bg-searcher tws-searcher-ferries md-checkbox:not([disabled]).md-primary.md-checked .md-icon{
    background-color: rgba(255,255,255,0.87);
}
.main-box-searcher .bg-searcher tws-searcher-ferries md-checkbox.md-default-theme:not([disabled]).md-primary.md-checked .md-icon:after, .main-box-searcher .bg-searcher tws-searcher-ferries md-checkbox:not([disabled]).md-primary.md-checked .md-icon:after{
    border-color: rgba(0,0,0,0.87);
}

.full-width {
	float: left;
	width: 100%;
}

.title {
	font-size: 40px;
	color: #101717;
	line-height: 1em;
	font-weight: 300;
	letter-spacing: -0.05em;
}

.title .icon {
	color: #7bd100;
	position: absolute;
	top: -15px;
	font-size: 30px;
	margin-left: 5px;
}

.subtitle {
	font-size: 20px;
	color: #a1a4a3;
	line-height: 1em;
}

.price {
	width: 130px;
	margin: 0 auto;
}

.price .amount {
	float: left;
	font-size: 70px;
	font-weight: 600;
	line-height: .8em;
	letter-spacing: -0.05em;
	margin-top: 7px;
}

.price .right-side {
	float: left;
	margin-left: 5px;
	line-height: 1.5em;
}

.price .right-side .from {
	font-size: 14px;
	margin-top: 5px;
	line-height: 1.1em;
}

.price .right-side .currency {
	font-size: 40px;
	font-weight: 300;
	line-height: .8em;
}

.price .consult {
	font-size: 30px;
	text-align: center;
}

.price .info {
	font-size: 14px;
	color: #898b8a;
	text-align: center;
}

.mar-t20 {
	margin-top: 20px;
}

.mar-t30 {
	margin-top: 30px;
}

.mar-t40 {
	margin-top: 40px;
}

.mar-t65 {
	margin-top: 65px;
}

.full-image {
	background-size: cover;
	background-position: center;
}

.title-section {
	font-size: 80px;
	font-weight: 600;
	color: #aeb0b0;
	letter-spacing: -0.05em;
	line-height: 1em;
}

.why-book-box {
	background: #FFF url(//www.todoferry.com/cdn/images/icon-help.png) -15px 104% no-repeat;
	box-shadow: 0 1px 5px #7d7d7d;
	padding: 50px 30px 27px 30px;
	overflow: hidden;
	clip-path: polygon(0px 100%, 100% 100%, 100% 0px, 0px 10%);
}

.why-book-box .info-footer {
	font-size: 17px
}

.why-book-box .info-footer span {
	font-weight: 600;
}

.why-book-box .description {
	position: relative;
	z-index: 1
}

.why-book-box .icon-info {
	position: absolute;
	top: -50px;
	left: -70px;
	z-index: 0
}

.routes-box {
	clip-path: polygon(0px 100%, 100% 90%, 100% 0px, 0px 10%);
}

.routes-box .position-btn {
	position: absolute;
	bottom: 50px;
	right: 20px;
}

.routes-box .texts-box {
	width: 555px;
	padding: 70px 20px;
	margin: 0 auto;
	position: relative;
}

.texts-box .fromDestination {
	font-size: 14px;
	line-height: 1em;
	letter-spacing: 0.07em;
}

.texts-box .title {
	margin-bottom: 15px;
}

.texts-box {
	padding: 30px 30px 25px;
	min-height: 370px;
}

.texts-box.diagonal {
	padding: 70px 30px 25px;
}

.texts-box.dark {
	background-color: #151d29;
}

.texts-box.white {
	background-color: #FFF;
}

.texts-box.white .diagonal-line {
	position: absolute;
	z-index: 1;
	top: 0px;
	bottom: 0px;
	width: 42px;
	left: -41px;
	background-color: #FFF;
	-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 0% 100%);
}

.texts-box.white .position-btn {
	position: absolute;
	left: -20px;
	bottom: 20px;
	z-index: 2;
}

.texts-box.dark .diagonal-line {
	position: absolute;
	z-index: 1;
	top: 0px;
	bottom: 0px;
	width: 42px;
	right: -41px;
	background-color: #151d29;
	-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 100% 100%);
	clip-path: polygon(0 0, 0 0, 0 100%, 100% 100%);
}

.texts-box.dark.diagonal .position-btn {
	position: absolute;
	right: -20px;
	bottom: 20px;
	z-index: 2;
}

.texts-box.dark .fromDestination {
	color: #acaeae;
}

.texts-box.dark .title {
	color: #FFF;
}

.texts-box.white .price {
	color: #898b8a;
}

.texts-box.white .price .amount {
	color: #151d29;
}

.texts-box.white .price .right-side .from {
	color: #151d29
}

.texts-box.white .price .right-side .currency {
	color: #c6c8c8
}

.texts-box.white .price .info {
	color: #898b8a;
}

.texts-box.white .fromDestination {
	color: #acaeae;
}

.texts-box.dark .price {
	color: #eef4f4;
}

.routes-box .texts-box .separator {
	margin-bottom: 20px;
}

.box-recomended.block-left {
	padding: 0px;
	clip-path: polygon(0px 100%, 100% 100%, 100% 10%, 0 20%)
}

.box-recomended.block-right {
	padding: 0px;
	clip-path: polygon(0px 100%, 100% 100%, 100% 0px, 0 10%)
}

.box-recomended .image {
	height: 370px
}

.more-info {
	background-color: #151d29;
	position: relative;
	z-index: 0;
	padding: 55px 0px;
	margin-top: -20px;
	color: #FFF
}

.more-info .position-bar {
	position: absolute;
	z-index: 1;
	top: -5px;
	height: 11px;
	left: 0;
	right: 0;
	background-image: url(//www.todoferry.com/cdn/images/top-bar.png);
}

.more-info .texts-info {
	font-size: 40px;
	line-height: 1.1em
}

.more-info .texts-info.line-1 {
	font-weight: 700
}

.more-info .texts-info a {
	font-weight: 600;
}

.more-info .description {
	color: #c6c8c8
}

.more-info .description span {
	font-weight: 600;
	color: #FFF
}

.availFerries .resultsContainer .ferryContainer .boxTariff .tariffName{color:#F88B00; font-size:15px;}

.bookingPage .infoSection.formImportantMsg{font-size:13px; margin:2px 0px}

.loginBox .btnLogin {border-radius:25px;
    background-color: var(--ct-color-cta);
    color: #FFF;
    padding: 10px 20px;
    margin:5px 0px;
    width: 100%;
    text-transform: inherit;
    font-weight: 700;}
    .loginBox .btnLogin.btnTwitter {background-color:#1DA1F2}
    .loginBox .btnLogin.btnLinkedin {background-color:#0077b5}
    .loginBox .btnLogin.btnPayPal {background-color:#003087}
    .loginBox .btnLogin.btnTWSClient  {margin-top:10px}
    .loginBox .btnLogin:hover{background-color:var(--ct-color-secundary) !important}
.loginBox md-checkbox, .loginContainer md-checkbox{margin-bottom:0px; font-size:1.5rem}
.loginBox .md-block a, .loginContainer .md-block a{font-size:1.5rem}
.registerAction .loginLink, .registerBox .loginLink{
    background: var(--ct-color-primary);
    color: #FFF;
    border-radius: 25px;
    padding: 10px 25px;
    display: inline-block;
    margin-top: 10px;}
    
#web-footer .logotypes{display:flex; justify-content:space-between; align-items:center}
    #web-footer .logotypes .europe{    display: flex;    align-items: center;}
    #web-footer .logotypes .europe .description{margin-left:5px}
    
@media (min-width: 1200px) {
    .container {width:100%; max-width:1370px;}

}
@media (max-width: 1200px) {
    #web-header .preheader{font-size:15px;}
    #web-header .top-nav li.my-account{margin-left:0px;}
}
@media (max-width: 991px) {
   #web-header .description{width:100%; text-align:center;} 
}
@media (max-width: 767px) {
    .texts-box .diagonal-line{display:none;}
    .texts-box.dark.diagonal .position-btn{right:20px;}
    .texts-box.white .position-btn{left:20px; bottom:50px;}
    .texts-box.diagonal{padding:50px 30px 25px;}
    .texts-box{min-height:300px;}
    
    .main-box-searcher .title-main{font-size:40px;}
    .title-section{font-size:48px;}
    
    .routes-box, .box-recomended.block-left, .box-recomended.block-right{clip-path:inherit}
    .why-book-box{padding:50px 15px 27px; background-image:none; }
    
    .mar-xs{margin-bottom:15px;}
}
@media (max-width:555px){
    .routes-box .texts-box{width:auto;}
}
@media (max-width: 515px) {
    #web-header .main-header{padding:25px 15px;}
    #web-header .main-header .logo{max-width:200px;}
    #web-header .main-header .main-route{padding:5px 0px;}
        #web-header .main-header .main-route a{font-size:18px;}
        
    .main-box-searcher{padding:30px 15px 70px;}    
}.info-searcher{background-color:#FFF; padding:10px; font-size:12px}