body {
	font-family: sans-serif;
	font-size: .8em;
	height: 100vh;
	background-color: #446AB9;
	background-image: url(img/waves.jpg);
	background-position: top center;
	background-size: cover;
	background-attachment: fixed;
}

a {
	color: #162d50;
}

.wrapper {
	max-width: 1400px;
	margin: 0 auto;
	width: 96%;
}

.inner-wrapper {
	margin: 0 auto;
	width: 95%;
}

header {
	background-color: #fff;
}

.page-contacts, .page-contacts a {
	color: #fff;
}

.logo-wrapper {
	margin-top: -2rem;
}

.contacts {
	bottom: 2rem;
    right: 3rem;
    position: absolute;
}

.contacts i {
	margin: 0 7px;
}

.contacts a {
	color: #32549B;
}

.types {
	margin-top: -1.9rem;
}

.logo img {
	width: 93%;
	margin: 1.2rem auto 2rem auto;
}

.top {
	height: 4rem;
	color: #32549b;
}

.top .border {
	background-color: #00ccff;
	height: 1.3rem;
	margin-bottom: -1.3rem;
    position: relative;
    z-index: 1;
}

header a.language {
	margin-top: 1.3rem;
    display: inline-block;
    margin-right: .4rem;
    position: relative;
    z-index: 2;
}

header .language img {
	height: 2.2rem;
}

.top a.language.current {
	margin-top: 0;
	border-top: solid 1.3rem #ffd42a;
}

.types a {
	display: block;
	text-align: center;
	padding-top: 2.2rem;
}

.types img {
	width: 100%;
}

.types a.current {
    background-color: #ffd42a;
}

.filters *[class^=col] {
	text-align: center;

}

.filters input {
	color: #ff0000;
	font-size: 1.5rem;
	text-align: center;
	margin-top: 1.2rem;
	margin-bottom: -.4rem
}

.wave {
	background-image: url(img/wave.png);
	height: 16px;
	margin-top: -16px;
    position: relative;
    z-index: 1;
}

.content-area {

	padding: 2rem 1rem;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#348fce+0,348fce+7&1+0,0.83+7,0.83+100 */
background: -moz-linear-gradient(top, rgba(52,143,206,1) 0%, rgba(52,143,206,0.83) 7%, rgba(52,143,206,0.83) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(52,143,206,1) 0%,rgba(52,143,206,0.83) 7%,rgba(52,143,206,0.83) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(52,143,206,1) 0%,rgba(52,143,206,0.83) 7%,rgba(52,143,206,0.83) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#348fce', endColorstr='#d4348fce',GradientType=0 ); /* IE6-9 */
}

.yacht-container {
	display: flex;
}

.yacht {
	margin: .2rem;
	-webkit-box-shadow: 0 1px 4px 2px rgba(0,0,0,.3);
	box-shadow: 0 1px 4px 2px rgba(0,0,0,.3);

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+91,dbe3de+100 */
	background: #ffffff;
	/* Old browsers */background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 91%, #dbe3de 100%);
	/* FF3.6-15 */background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 91%,#dbe3de 100%);
	/* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #ffffff 0%,#ffffff 91%,#dbe3de 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbe3de',GradientType=0 ); /* IE6-9 */
}

.yacht > * {
	padding: .5rem;
}

.yacht .header {
	background-color: #00ccff;
	min-height: 3.4rem;
}

.yacht h3 {
	font-size: 1rem;
	text-transform: uppercase;
	margin-bottom: 0;
}

.yacht a:hover {
	text-decoration: none;
	background-color: #ffd42a;
	color: #162d50;
}

.yacht .header a:hover {
	color: #ff0000;
}

.yacht .tight {
	line-height: 1.1em;
}

.yacht .short {
	min-height: 5.8rem;
}

.yacht .dots {
	background-image: url(img/dot.png);
	background-position:  center center;
	background-repeat: repeat-x;
}

.yacht .specs {
    min-height: 3.4rem;
}

.grey {
	background-color: #dbe3de;
	padding: 30px;
}

.yacht-full {
	
}

.yacht-full .header {
	font-size: 1.1rem
}

.adm-thumb {
	width: 100px;
}

.red {
	color: #f00;
}

.hilight {
	background-color: #ffe680;
	padding: 20px;
	font-size: 1.1em;
	margin-bottom: 1rem;
}

.order {
	background-color: #44aa00;
	color: #fff;
	font-size: 1.3rem;
	padding: 20px;
	border: none;
	border-radius: 8px;
}

.yacht-full .specs {
	background-color: #fff;
	margin-bottom: 1rem;
}

.yacht-full .specs h3, .yacht-full .prices h3 {
	background-color: #00ccff;
	font-size: 1.3em;
	padding: .3rem;
	text-align: center;
	margin-bottom: 0
}

.yacht-full .specs > div {
	padding: .5rem;
	border-bottom: solid 1px #eaeaea;
}

.yacht-full .specs .spec-name {
	background-color: #fff6d5;
}

.yacht-full .prices {
	background-color: #fff;
	margin-bottom: 1rem;
}

.yacht-full .prices .price-header, 
.yacht-full .prices .price-value {
	padding: .5rem;
	text-align: center;
}

.yacht-full .prices .price-header {
	background-color: #fff6d5;
}

.yacht-full .prices .col:not(:first-child) {
	border-left: solid 1px #eaeaea;
}

.yacht-full .prices .col:not(:first-child) .col-12:not(:first-child) {
	color: red;
	font-weight: bold;
}


.yacht-full .prices button:hover {
	background-color: #44aa00;
	color: #fff;
}

#map {
	width: 100%;
	height: 70vh;
}

.route .main-photo {
	padding-bottom: 65%
}

.iconFav {
	color: #a4a4a4;
	cursor: pointer;
}

.iconUnfav {
	color: #ff8383;
	cursor: pointer;
}

.yacht.favourited .header {
	background-color: #ffb964;
}

.yacht .fa-heart {
	display: none;
}

.yacht.favourited .fa-heart {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	color: #ff8383;
	cursor: pointer;
}

.green-header {
	background-color: #44aa00;
	text-align: center;
	color: #fff;
}

@media screen and (max-width: 48em) {
	
	.wrapper {
		width: 100%;
	}
	
	.inner-wrapper {
		margin: 0 auto 2rem auto;
	}
	
	.routes-icon {
		width: 84px;
	}
	
	.yacht {
		margin: .07rem;
	}
	
	.yacht > * {
		padding: .2rem;
	}
	
	.yacht .short {
		min-height: 6rem;
	}
	
	.yacht .header {
		min-height: 4rem;
	}
	.content-area {
		padding: 1rem .2rem;
	}
	
	.logo img {
		width: 45%;
	}
}


@media screen and (min-width: 48em) {

	
}