/**
 * Place your custom styles here.
 */

@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700');

body {
	font-family: "Open Sans Condensed";
	font-size: 20px;
	color: #414042;
	font-weight: 300;
}

h1.page-header, .block .block-title, .block h2 {
	font-size: 50px;
	border: 0px;
}

header.navbar {
	background: #fafafa;
	border: 0px;
	border-radius: 0px;
	padding-right: 0px;
	margin-bottom: 0px;
}

.navbar-header {
	width: 100%;
}

#block-parosphiloxenia-main-menu {
	float: left;
}

.mainmenu-button-wrapper {
	position: relative;
}

button.mainmenu-button,
button.booknow-button {
	line-height: 59px;
	background: #2f7bb7;
	color: #fff;
	border: 0px;
	font-size: 20px;
	border-radius: 0px;
	position: relative;
	padding-left: 80px;
	padding-right: 80px;
}

button.booknow-button {
	background: #333;
	right: -10px;
	padding-left: 70px;
}

button.booknow-button:after {
	border-style: solid;
    border-width: 0 0 71px 10px;
    border-color: transparent transparent #333 transparent;
    content: " ";
    position: absolute;
    left: -10px;
    top: 0px;
}

.mainmenu-button:focus, .mainmenu-button.focus,
.mainmenu-button:hover, .mainmenu-button.hover,
.mainmenu-button:active, .mainmenu-button.active, .open > .mainmenu-button.mainmenu-button,
.mainmenu-button:active:hover,
.mainmenu-button.active:hover, 
.open > .dropdown-toggle.mainmenu-button:hover, 
.mainmenu-button:active:focus,
.mainmenu-button.active:focus, 
.open > .dropdown-toggle.mainmenu-button:focus, 
.mainmenu-button:active.focus, 
.mainmenu-button.active.focus, 
.open > .dropdown-toggle.mainmenu-button.focus {
	background: #2f7bb7;
	color: #fff;
	outline: 0;
}

.booknow-button:focus, .booknow-button.focus,
.booknow-button:hover, .booknow-button.hover,
.booknow-button:active, .booknow-button.active, .open > .booknow-button.booknow-button,
.booknow-button:active:hover,
.booknow-button.active:hover, 
.open > .dropdown-toggle.booknow-button:hover, 
.booknow-button:active:focus,
.booknow-button.active:focus, 
.open > .dropdown-toggle.booknow-button:focus, 
.booknow-button:active.focus, 
.booknow-button.active.focus, 
.open > .dropdown-toggle.booknow-button.focus {
	background: #333;
	color: #fff;
	outline: 0;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background: transparent;
	color: #333;
}

button.mainmenu-button .icon-bar.f {
	margin-top: 21px;
}

button.mainmenu-button .icon-bar {
	width: 25px;
	height: 2px;
	border-radius: 2px;
	background: #fff;
	content: " ";
	display: block;
	margin: 5px 0px;
	
	margin-left: 50px;
}

button.mainmenu-button:after {
	border-style: solid;
    border-width: 0 0 71px 10px;
    border-color: transparent transparent #2f7bb7 transparent;
    content: " ";
    position: absolute;
    left: -10px;
    top: 0px;
}

section.prefooter {
	background: #d1d3d4;
	position: relative;
	margin-top: 50px;
}

section.prefooter .block {
	padding: 60px 0px;
}

section.prefooter .container-wrapper {
	position: absolute;
	top: 0px;
	width: 100%;
}

section.prefooter .block .block-title {
	margin-top: 0px;
}

div.img-cover {
	margin-bottom: 30px;
}

div.img-cover img {
  -webkit-clip-path: polygon( 0 0, 100% 0%, 100% 100%, 0 95%);
  clip-path: polygon( 0 0, 100% 0%, 100% 100%, 0 95%);
}

img.block-top {
  -webkit-clip-path: polygon( 0 0%, 100% 5%, 100% 100%, 0 100%);
  clip-path: polygon( 0 0%, 100% 5%, 100% 100%, 0 100%);
  margin-bottom: 30px;
}

.prefooter-bg > div {
	min-height: 0px;
}

.prefooter-bg .left {
	width: 48%;
	float: left;
}

.prefooter-bg .right {
	background: #414042;
	width: 52%;
	float: left;
	position: relative;
}

.prefooter-bg .right {
	
  -webkit-clip-path: polygon( 0 0%, 100% 0%, 100% 100%, 2% 100%);
  clip-path: polygon( 0 0%, 100% 0%, 100% 100%, 2% 100%);
}

#block-parosphiloxeniaparossurf,
#block-parosphiloxeniaparossurf-2 {
	position: relative;
	color: #fff;
	padding-left: 50px;
}

section.post-content .block {
	margin-top: 30px;
}

footer.footer {
	margin: 0;
	padding: 0;
	border: 0;
	background: #2f7bb7;
	color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 16px;
}

.block.overlay {
	padding-top: 50px;
	padding-bottom: 50px;
	color: #fff;
	font-size: 22px;
	-webkit-clip-path: polygon( 0 0%, 100% 0%, 100% 95%, 0 100%);
	clip-path: polygon( 0 0%, 100% 0%, 100% 95%, 0 100%);
}

.block h3 {
	font-size: 30px;
}

/* main menu */
.mainmenu-wrapper {
	position: absolute;
	right: 0px;
	top: 72px;
	min-width: 244px;
	background: #2f7bb7;
	color: #fff;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	padding-bottom: 15px;
	
	-webkit-transition: right 0.3s, opacity 0.4s;
	transition: right 0.3s, opacity 0.4s;
}

.mainmenu-wrapper.visible {
	visibility: visible;
	right: 0px;
	opacity: 1;
}

.navbar-default .navbar-nav {
	padding-right: 63px;
	padding-left: 30px;
}

.navbar-default .navbar-nav > li {
	display: block;
	float: none;
	text-align: right;
}

.navbar-default .navbar-nav > li > a {
	color: #fff;
}

#block-views-block-equipment-block-1 .block-title {
	margin-bottom: 50px;
}

.equipment-item {
	margin-bottom: 50px;
	min-height: 320px;
}

.equipment-item h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 3px;
}

footer.footer a {
	color: #fff;
}

.header-wrapper p {
	margin: 0;
}

.form-tel {
	width: 100% !important;
	display: block !important;
}

#webform-submission-contact-add-form label {
	font-weight: 300;
}

#webform-submission-contact-add-form .form-control {
	border-radius: 0px;
}

#webform-submission-contact-add-form .form-control {
	font-size: 18px;
}

#webform-submission-contact-add-form button {
	margin-top: 15px;
	font-size: 18px;
	padding: 10px 25px;
	border-radius: 0px;
	background: #2f7bb7;
	border: none;
	color: #fff;
	margin-right: 0px;
}

#webform-submission-contact-add-form .webform-actions {
	text-align: right;
}

#webform-submission-contact-add-form {
	padding-right: 50px;
}

#map {
	height: 450px;
}

.header-wrapper img {
  -webkit-clip-path: polygon( 0 0, 100% 0%, 100% 100%, 0 95%);
  clip-path: polygon( 0 0, 100% 0%, 100% 100%, 0 95%);
}

.anim-invisible {
	opacity: 0;
}

.block a.btn.btn-md {
	border: 0px;
	border-radius: 0px;
	padding: 15px 45px;
	font-size: 18px;
}

.mainmenu-button-wrapper .language-list {
	display: inline-block;
	position: relative;
	top: -10px;
}

#block-languageswitcher ul {
	padding: 0;
	margin: 0;
	padding-right: 5px;
}

#block-languageswitcher ul li {
	display: inline-block;
	margin-right: 5px;
}

.region-prefooter-right .block a {
	color: #fff;
	text-decoration: underline;
}

@media screen and (min-width: 768px) {

	.navbar .logo {
	    margin-right: 0;
	    padding-left: 0;
	    margin-left: 15px;
	}	

}

@media screen and (max-width: 767px) {
	
	#block-languageswitcher ul {
		padding-left: 15px;
		padding-top: 10px;
	}
	
	.navbar-header {
		margin: 0px !important;
	}
	
	header.navbar {
		padding-left: 0px;
	}
	
	.navbar .logo {
		padding-right: 15px;
		width: 100%;
	}
	
	.navbar .logo img {
		max-width: 100%;
		height: auto;
	}
	
	.anim-invisible {
		visibility: visible;
		opacity: 1;
	}
	
	.mainmenu-wrapper {
		top: 92px;
	}
	
	.prefooter-bg,
	button.mainmenu-button .icon-bar {
		display: none;
	}
	
	section.prefooter {
	}
	
	.mainmenu-button-wrapper {
		width: 100%;
	}
	
	button.mainmenu-button {
		width: 100%;
		text-align: center;
	}
	
	button.mainmenu-button span {
		float: none !important;
		display: inline-block;
	}
	
	button.mainmenu-button:after,
	button.booknow-button:after {
		display: none;
	}
	
	.mainmenu-wrapper,
	.booknow-button,
	#block-parosphiloxenia-main-menu {
		width: 100%;
	}
	
	button.booknow-button {
		right: 0px;
	}
	
	.navbar-default .navbar-nav {
		margin-right: 15px;
		margin-left: 15px;
	}
	
	#webform-submission-contact-add-form {
		padding-right: 0px;
	}
	
	.navbar-default .navbar-nav,
	.navbar-default .navbar-nav > li {
		padding: 0px;
		text-align: center;
	}
	
	p iframe {
		max-width: 100%;
		width: 100% !important;
	}
	
	section.prefooter:after {
		display: block;
		content: " ";
		clear: both;
	}
	
	section.prefooter .container-wrapper {
		position: relative;
	}
	
	#block-parosphiloxeniaparossurf,
	#block-parosphiloxeniaparossurf-2 {
		padding-left: 0px;
	}
	
	section.prefooter .container-wrapper .row .col-md-6:last-child {
		background: #414042;
	}
}

/* ANIMATIONS */
/*
.main-content {
	opacity: 0;
}
*/

.float {
    position: fixed;
    bottom:0;
    left:0;
    z-index:1000;
}