@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,300italic,400italic&subset=latin,greek);
/* CSS Document */
body, html{
	position:relative;
	height:100%;
}
.navbar-brand img{
	width:100%;
	min-width:82px;
}
.navbar-brand{
	color: #777;
    position: relative;
    float: left;
    margin: 0;
    display: block;
    width: 23%;
	z-index:1;
}
carousel .item {
  height: 200px;
  background-color: #000;
  background-size:cover;
  background-position:center center;
}
.carousel.fade {
  opacity: 1;
}
.carousel.fade .item {
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}
.carousel.fade .item:first-child {
  top:auto;
  position:relative;
}
.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out 1s;
  -o-transition: opacity ease-in-out 1s;
  -webkit-transition: opacity ease-in-out 1s;
  transition: opacity ease-in-out 1s;
  z-index:2;
}
.carousel .carousel-inner img{
	display:none;
}
.carousel .carousel-inner div{
	background-size:cover;
	background-position:center;
}
.index .carousel .carousel-inner div:first-of-type{
	background-image:url(../img/index/margie-hotel-mynokons-index-01.jpg);
}
.index .carousel .carousel-inner div:nth-child(2){
	background-image:url(../img/index/margie-hotel-mynokons-index-02.jpg);
}
.index .carousel .carousel-inner div:nth-child(3){
	background-image:url(../img/index/margie-hotel-mynokons-index-03.jpg);
}
.index .carousel .carousel-inner div:nth-child(4){
	background-image:url(../img/index/margie-hotel-mynokons-index-04.jpg);
}
.index .carousel .carousel-inner div:nth-child(5){
	background-image:url(../img/index/margie-hotel-mynokons-index-05.jpg);
}
.index .carousel .carousel-inner div:nth-child(6){
	background-image:url(../img/index/margie-hotel-mynokons-index-06.jpg);
}
.index .carousel .carousel-inner div:nth-child(7){
	background-image:url(../img/index/margie-hotel-mynokons-index-07.jpg);
}
.accommodation .carousel .carousel-inner div:first-of-type{
	background-image: url(../img/accommodation/margie-hotel-mynokons-accommodation-01.jpg);
}
.accommodation .carousel .carousel-inner div:nth-child(2){
	background-image:url(../img/accommodation/margie-hotel-mynokons-accommodation-02.jpg);
}
.accommodation .carousel .carousel-inner div:nth-child(3){
	background-image:url(../img/accommodation/margie-hotel-mynokons-accommodation-03.jpg);
}
.accommodation .carousel .carousel-inner div:nth-child(4){
	background-image:url(../img/accommodation/margie-hotel-mynokons-accommodation-04.jpg);
}
.accommodation .carousel .carousel-inner div:nth-child(5){
	background-image:url(../img/accommodation/margie-hotel-mynokons-accommodation-05.jpg);
}
.slider{
	padding:0;
	height:40%;
}
.navbar{
	margin-bottom:0;
	z-index:99;
}
footer{
	text-align:center;
	margin-top:20px;
	background-color:#f5f5f5;
	padding:10px;
}
.language{
	position:absolute;
	margin:auto;
	width:29px;
	margin-right:2px;
	right:0;
	top:0;
	bottom:0;
	height:61px;
}
.language a{
	text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-size: .8em;
    background-color: rgba(174, 219, 221, 0.9);
    color: #fff;
    padding: 7px;
	display:block;
	margin-bottom:2px;
}
.language a:hover, .language a.active{
    background-color: rgba(255,255,255,.9);
    color: #aedbdd;
}
.button-wrapper{
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	width:43px;
	height:46px;
	z-index:9999;
}
.button-wrapper .navbar-toggle{
	margin:0;
	z-index:9999;
	position:relative;
}
.button-wrapper:after{
	 content: 'Menu';
    display: block;
    position: relative;
    text-transform: uppercase;
    font-size: 12px;
	text-align:center;
}
.swiper-container {
	position:absolute;
	top:80px;
	bottom:0;
	left:0;
	width:100%;
	padding:0;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.gallery{
	height:100%;
	position:relative;
}
.swiper-wrapper>div{
	background-size:cover;
	background-position:center;
}
.swiper-wrapper>div:first-of-type{
	background-image:url(../img/gallery/margie-hotel-mynokons-gallery-01.jpg);
}
.swiper-wrapper>div:nth-child(2){
	background-image:url(../img/gallery/margie-hotel-mynokons-gallery-02.jpg);
}
.swiper-wrapper>div:nth-child(3){
	background-image:url(../img/gallery/margie-hotel-mynokons-gallery-03.jpg);
}
.swiper-wrapper>div:nth-child(4){
	background-image:url(../img/gallery/margie-hotel-mynokons-gallery-04.jpg);
}
.swiper-wrapper>div:nth-child(5){
	background-image:url(../img/gallery/margie-hotel-mynokons-gallery-05.jpg);
}
.swiper-wrapper>div:nth-child(6){
	background-image:url(../img/gallery/margie-hotel-mynokons-gallery-06.jpg);
}
.swiper-wrapper>div:nth-child(7){
	background-image:url(../img/gallery/margie-hotel-mynokons-gallery-07.jpg);
}
.swiper-wrapper>div:nth-child(8){
	background-image:url(../img/gallery/margie-hotel-mynokons-gallery-08.jpg);
}
.swiper-wrapper>div:nth-child(9){
	background-image:url(../img/gallery/margie-hotel-mynokons-gallery-09.jpg);
}
.swiper-wrapper>div:nth-child(10){
	background-image:url(../img/gallery/margie-hotel-mynokons-gallery-10.jpg);
}
.swiper-wrapper>div:nth-child(11){
	background-image:url(../img/gallery/margie-hotel-mynokons-gallery-11.jpg);
}
.swiper-wrapper>div:nth-child(12){
	background-image:url(../img/gallery/margie-hotel-mynokons-gallery-12.jpg);
}
.swiper-wrapper>div:nth-child(13){
	background-image:url(../img/gallery/margie-hotel-mynokons-gallery-13.jpg);
}
h2{
	font-size:20px;
}
.contact figure{
	width:100%;
	height:100%;
	background-image:url(../img/contact/margie-hotel-mynokons-contact.jpg);
	background-position:center;
	background-size:cover;
}
form input, form textarea{
	width:100%;
	margin-bottom:5px;
	padding:5px;
	box-sizing:border-box;
}
form label{
	display:none;
}
h1, h2{
	color:#aedbdd;
}
.navbar-header{
	position:relative;
}
footer a{
	color:#aedbdd;
}
.accommodation .container ul{
	margin-bottom:0;
}