@charset "UTF-8";

@import url(animate.css);

@import url(//stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700,900);



/*========================================================

                      Additional Styles

=========================================================*/

.flags-box {
	margin-left: auto;
	padding-right:22px;
}
.opening2017 {
	background-image:url("/morzinestorage/assets/img/opening-flag.png");
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	right:0;
	z-index:20;
	width:140px;
	height:129px;
}
.panel {
	flex-flow: column;
}

.panel:first-child {
	margin-left:0;
	padding-left:0;	
}
.panel:last-child {
	margin-right:0;
	padding-right:0;	
}
.panelnumber {
	width:60px;
	height:60px;
	margin:0 auto 40px auto;
}
.panelnumber p {
    font-size: 4em;
    font-weight: bold;
    margin-left: 10px;
    margin-top: -28px;
}
.paneltext p, .paneltext h2 {
	text-align:center;
}
.rightside-panel {
	margin-left:1em;
}
.panelnumber {
    cursor: pointer;
    background-color: #619a84;
    border: 4px solid #8e4e63;
    color: white;
    padding: 20px;
    border-radius: 50%;
}


.bg-secondary2_before_non {
    clear: both;
    height: 50px;
}


@media screen and (max-width: 1009px) and (min-width: 768px) {  
.header-container, .howitworks-container {
		flex-flow: row;
}
.flags-box {
	margin-left: auto;
	padding-right:22px;
}
.opening2017 {
	background-image:url("/morzinestorage/assets/img/opening-flag.png");
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	right:0;
	z-index:20;
	width:140px;
	height:129px;
}
.panel {
	flex-flow: column;
}
.panel:first-child {
	margin-left:0;
	padding-left:0;	
}
.panel:last-child {
	margin-right:0;
	padding-right:0;	
}
.panelnumber {
	width:60px;
	height:60px;
	margin:0 auto 40px auto;
}
.panelnumber p {
	font-size:4em;
	font-weight:500;
	margin-left: 12px;
    margin-top: -10px;
	}
.paneltext p, .paneltext h2 {
	text-align:center;
}
.rightside-panel {
	margin-left:1em;
}
}

@media screen and (max-width: 767px) and (min-width: 401px) {
	.header-container, .howitworks-container {
		flex-flow: column;
}
.logo-box {
	order:2
}

.flags-box {
	order:1;
	margin-top:10px;
}

.more-box {
	order:3;
	padding-bottom: 15px;
}
.opening2017:before {
	content:"OPENING WINTER 2017";
}

.opening2017 {
	height:30px;
	width:100%;
	background-color:#619a84;
	color:white;
	 padding-top: 13px;
    text-align: center;
}
.panelnumber {
	width:25px;
	height:25px;
	float:left;
	margin-right:28px;
}
.panelnumber p {
	font-size:3em;
	font-weight:500;
	margin-left: 0;
    margin-top: -16px;
	}
}

@media screen and (max-width: 400px) {
.header-container, .howitworks-container {
		flex-flow: column;
}
.logo-box {
	order:2
}

.flags-box {
	order:1;
	margin-top:10px;
}

.more-box {
	order:3;
	padding-bottom: 15px;
}
.opening2017:before {
	content:"OPENING WINTER 2017";
}
.opening2017 {
	height:30px;
	width:100%;
	background-color:#619a84;
	color:white;
	 padding-top: 13px;
    text-align: center;
}
.panelnumber {
	width:25px;
	height:25px;
	float:left;
	margin-right:28px;
}
.panelnumber p {
	font-size:3em;
	font-weight:500;
	margin-left: 0;
    margin-top: -16px;
	}
}


#rh-transfers h1 {
    color: #f3c63f;
    font-family: "Lato", sans-serif;
}
#rh-transfers h2 {
    color: #E1E1E1;
    font-family: "Lato", sans-serif;
    text-transform: none;
    font-weight: 100 !important;
}


.ml_transfer_headgraphic_logo {
    margin-bottom: 10px;
    max-width: 200px;
}


a.list-group-item-warning, button.list-group-item-warning {
    color: #8a6d3b;
}
a.list-group-item, button.list-group-item {
    color: #555;
}
.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}
.list-group-item {
    position: relative;
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

#accordion .panel-body {
	padding:15px 15px 30px 15px;
	background-color:#F97303;
	color:white;
	border-color:#666;
}
#accordion .panel {
    border: 2px solid transparent;
}


.pricetable {
		width: 100%;
	}

@media screen and (max-width: 767px) {

.google-maps {
	position: relative;
	padding-bottom: 100%; /* This is the aspect ratio*/
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

	
.pricetable td {
		padding:3px 1px !important;
		margin:0px;
		border:1px solid #ccc;
		text-align:center;
		font-size:82%;
	color: #000 !important;
	}
	.pricetable tr {
		background-color:#fff;
		color: #000 !important;
	}
	.pricetable tr:nth-child(odd) {
		background-color:#f2f1f1;
	}
	
	.pricetable th {
		background-color:#fff;
		padding:3px 1px !important;
		margin:0px;
		font-weight:bold;
		font-size:82%;
		color: #000 !important;
	}

}

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

.google-maps {
	position: relative;
	padding-bottom: 50%; /* This is the aspect ratio*/
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


.pricetable td {
		padding:4px 0 4px 4px;
		margin:1px;
		border:1px solid #ccc;
		text-align:center;
	color: #000 !important;
	}
	.pricetable tr {
		background-color:#fff;
		color: #000 !important;
	}
	.pricetable tr:nth-child(odd) {
		background-color:#f2f1f1;
	}
	
	
	.pricetable th {
		background-color:#fff;
		padding:4px 0 4px 4px;
		margin:1px;
		font-weight:bold;
		color: #000 !important;
	}	


}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {

background: #8e4f64; /* Old browsers */

background: -moz-linear-gradient(top,  #8e4f64 0%, #73233e 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #8e4f64 0%,#73233e 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #8e4f64 0%,#73233e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e4f64', endColorstr='#73233e',GradientType=0 ); /* IE6-9 */

text-shadow: 0 -1px 0 #73233e;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #F97303;
    background-color: #8e4f64;
    border-color: #8e4f64;
}
.list-group-item h4 {
	margin-top:2px;
	margin-bottom:2px;	
}

.list-group-item p {
	display: inline-block;
	padding-top: 9px;	
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-group .panel-heading {
    border-bottom: 0;
        border-bottom-color: currentcolor;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

    .panel-heading [data-toggle="collapse"]:after {
        content: "\f062"; 
    	font-family: FontAwesome;
        float: right;
        color: #619a84;
        font-size: 18px;
        line-height: 22px;
        
    }

    .panel-heading [data-toggle="collapse"].collapsed:after {
        content: "\f063"; 
    	font-family: FontAwesome;
        color: #8e4f64;
    }
	

.img-fluid {
    max-width: 100%;
    height: auto;
}

.gallerymargin {
	padding-top:15px;
	padding-bottom:15px;
}
	
.galleryborder {	
	border:6px solid #bb8b9b;
	border-radius:50%;
}
.galleryborder:hover {	
	border:6px solid #619a84;
}

.img-fluid {
  @include img-fluid;
}


.img-thumbnail {
  padding: $thumbnail-padding;
  background-color: $thumbnail-bg;
  border: $thumbnail-border-width solid $thumbnail-border-color;
  @include border-radius($thumbnail-border-radius);
  @include transition($thumbnail-transition);
  @include box-shadow($thumbnail-box-shadow);
  @include img-fluid;
}



.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: ($spacer / 2);
  line-height: 1;
}

.figure-caption {
  font-size: $figure-caption-font-size;
  color: $figure-caption-color;
}

#bookonline .btn-block {
    display: block;
    width: 100%;
	margin: auto;
}


#bookonline .btn-gonext {
    background-image: -webkit-linear-gradient(top,#73bfa2 0,#619a84 100%);
    background-image: -o-linear-gradient(top,#73bfa2 0,#619a84 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#73bfa2),to(#619a84));
    background-image: linear-gradient(to bottom,#73bfa2 0,#619a84 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73bfa2', endColorstr='#619a84', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #4fc899;
    color: #FFF;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #418b6f;
}
#bookonline .btn1 {
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 4px;
}



#bagandbike .btn-block {
    display: block;
    width: 80%;
	margin: auto;
}


#bagandbike .btn-gonext {
    background-image: -webkit-linear-gradient(top,#73bfa2 0,#619a84 100%);
    background-image: -o-linear-gradient(top,#73bfa2 0,#619a84 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#73bfa2),to(#619a84));
    background-image: linear-gradient(to bottom,#73bfa2 0,#619a84 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73bfa2', endColorstr='#619a84', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #4fc899;
    color: #FFF;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #418b6f;
}
#bagandbike .btn1 {
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 4px;
}


#bagandbike .PageHeader {
    font-size: 45px;
    margin: 10px 0;
    color: #F97303;
	text-transform: capitalize !important;
}

#bagandbike .mainactionstext {
    text-align: center;
}

#bagandbike .h1, #bagandbike h1 {
    font-size: 65px;
    font-weight: 100;
    line-height: 1.04;
}

#bagandbike .h2, #bagandbike h2 {
    font-size: 28px;
font-weight: bold;
}

#bagandbike .h3, #bagandbike h3 {
    font-size: 34px;
	font-weight: bold;
}
#bagandbike .h1, #bagandbike .h2, #bagandbike .h3, #bagandbike h1, #bagandbike h2, #bagandbike h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

#bagandbike .howitworks-container p {
    color: white;
}
#bagandbike .panelnumber p {
    font-size: 4em;
    font-weight: bold;
    margin-left: 10px;
    margin-top: -28px;
}



footer .list li {
    list-style: disc !important;
    
}

.textlink {

	background:#f3c63f;

	padding:2px 6px;

	color:#fff;

}


.rhodoshotelstyling .thumb img {
    -webkit-border-radius: 0% !important;
    -moz-border-radius: 0% !important;
    border-radius: 0% !important;
}

.rhodoshotelstyling .thumb {
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 0% !important;
    -moz-border-radius: 0% !important;
    border-radius: 0% !important;
}

.rhodoshotelstyling .thumb_overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    color: #fff;
    -webkit-border-radius: 0% !important;
    -moz-border-radius: 0% !important;
    border-radius: 0% !important;
    background: transparent;
}

/*========================================================

                      Main Styles

=========================================================*/

body {

  background: #1a1a1a;

  color: #777777;

  font: 300 17px "Lato", sans-serif;

  line-height: 1.647058823529412;

  -webkit-text-size-adjust: none;

}

@media (max-width: 979px) {

  body {

    font-size: 14px;

  }

}



img {

  max-width: 100%;

  height: auto;

}



h1, h2, h3, h4, h5, h6, .terms-list dt {

  text-transform: uppercase;

}



h1 {

  font-size: 80px;

  line-height: 1;

}



h2 {

  font-size: 75px;

  font-weight: 100;

  line-height: 1.04;
padding-top: 30px;
}

h2 strong {

  font-weight: 700;

}

@media (max-width: 979px) {

  h2 {

    font-size: 50px;

  }

}

@media (max-width: 767px) {

  h2 {

    font-size: 30px;

  }

}



.rhodoshotelstyling h1  
{

  font-weight: 700 !important;

  font-size: 26px !important;

  line-height: 1.423076923076923 !important;
	
	color: #f3c63f;
	
	padding-top: 18px;

}

@media (max-width: 979px) {

.rhodoshotelstyling h1 {

    font-size: 22px !important;

  }

}

@media (max-width: 767px) {

.rhodoshotelstyling h1 {

    font-size: 18px !important;

  }

}


.rhodoshotelstyling h2  
{

  font-weight: 700 !important;

  font-size: 26px !important;

  line-height: 1.423076923076923 !important;
	
	padding-top: 18px;

}

@media (max-width: 979px) {

.rhodoshotelstyling h2 {

    font-size: 22px !important;

  }

}

@media (max-width: 767px) {

.rhodoshotelstyling h2 {

    font-size: 18px !important;

  }

}


.rhodoshotelstyling h3  
{

  font-weight: 700 !important;

  font-size: 26px !important;

  line-height: 1.423076923076923 !important;
	
	padding-top: 18px;

}

@media (max-width: 979px) {

.rhodoshotelstyling h3 {

    font-size: 22px !important;

  }

}

@media (max-width: 767px) {

.rhodoshotelstyling h3 {

    font-size: 18px !important;

  }

}








h3 {

  font-size: 65px;

  line-height: 1;

}

@media (max-width: 979px) {

  h3 {

    font-size: 40px;

  }

}

@media (max-width: 767px) {

  h3 {

    font-size: 26px;

  }

}



h4 {

  font-size: 30px;

  line-height: 1;

}

@media (max-width: 979px) {

  h4 {

    font-size: 36px;

  }

}

@media (max-width: 767px) {

  h4 {

    font-size: 24px;

  }

}



h5, address, .terms-list dt {

  font-weight: 700;

  font-size: 26px;

  line-height: 1.423076923076923;

}

@media (max-width: 979px) {

  h5, address, .terms-list dt {

    font-size: 22px;

  }

}

@media (max-width: 767px) {

  h5, address, .terms-list dt {

    font-size: 18px;

  }

}



h6 {

  font-size: 20px;

  line-height: 1;

}



p a:hover, dl a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, small a:hover, .marked-list a:hover {

  text-decoration: underline;

}

p .fa, dl .fa, h2 .fa, h3 .fa, h4 .fa, h5 .fa, h6 .fa, small .fa, .marked-list .fa {

  text-decoration: none;

}



p a {

  color: #f3c63f;

}



small {

  display: block;

  font-size: 12px;

  line-height: 1.583333333333333;

}



time {

  display: block;

}



blockquote q {

  display: block;

  position: relative;

  padding-left: 70px;

}

blockquote q:before {

  font-size: 40px;

  position: absolute;

  left: 0;

  top: 0;

  line-height: 1.3;

  color: #f3c63f;

}



a {

  font: inherit;

  color: inherit;

  text-decoration: none;

  -moz-transition: 0.3s;

  -o-transition: 0.3s;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

a:focus {

  outline: none;

}

a:active {

  background-color: transparent;

}



a[href^="tel:"],

a[href^="callto:"] {

  color: inherit;

  text-decoration: none;

}



strong {

  font-weight: 900;

}



.fa {

  line-height: inherit;

}



[class*='fa-']:before {

  font-weight: 400;

  font-family: "FontAwesome";

}



.page {

  overflow: hidden;

  min-height: 500px;

}

.lt-ie9 .page {

  min-width: 1200px;

}



.center {

  text-align: center;

}



.right {

  text-align: right;

}



.round {

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

}



.clear:before, .clear:after {

  display: table;

  content: "";

  line-height: 0;

}

.clear:after {

  clear: both;

}



/*=======================================================

                       Main Layout

=========================================================*/

.bg-primary + * {

  margin-top: -30px;

  float: left;

  width: 100%;

}



* + h5 {

  margin-top: 22px;

}



* + address {

  margin-top: 19px;

}



* + p {

  margin-top: 5px;

}



* + blockquote {

  margin-top: 72px;

}



* + small {

  margin-top: 66px;

}



* + .row {

  margin-top: 25px;

}



* + .btn {

  margin-top: 33px;

}



* + .index-list {

  margin-top: 72px;

}



* + .list {

  margin-top: 23px;

}



* + .inline-list {

  margin-top: 34px;

}



* + .contact-info {

  margin-top: 6px;

}



* + .resp-tabs {

  margin-top: 33px;

}



* + .map-2 {

  margin-top: 34px;

}



* + .mailform {

  margin-top: 33px;

}



* + .terms-list {

  margin-top: 24px;

}



* + .off1 {

  margin-top: 40px;

}



img + p {

  margin-top: 22px;

}



.contact-info + .contact-info {

  margin-top: 0;

}



.row + .row {

  margin-top: 44px;

}



/*=======================================================

                        Components

=========================================================*/

/*==================     Brand     ======================*/

.brand {

  display: inline-block;

  background :url("/rhodosbooking/img/RH_rhodos_hotel.png") no-repeat;

  background-size:cover;

  height:109px;

  width:200px;

}

h1.brand_name {

  display:none;

}

@media (max-width: 979px) {

  .brand_name {

    font-size: 45px;

  }

  .brand {display: none;}

}



/*==================    Colors     ======================*/

.primary {

  color: #141414;

}



.secondary {

  color: #232323;

}



/*==================  Backgrounds  ======================*/

.bg-primary {

  position: relative;

  color: #ffffff;

  z-index: 1;

}

.bg-primary_cnt:before, .bg-primary_before, .bg-primary_after {

  position: absolute;

  z-index: -1;

}

.bg-primary_before, .bg-primary_after {

  pointer-events: none;

}

.bg-primary_cnt:before, .bg-primary_before:before, .bg-primary_after:before {

  content: '';

  background: #141414;

}

.bg-primary_cnt {

  padding-top: 9px;

}

.bg-primary_cnt:before {

  left: 0;

  right: 0;

  top: 0;

  bottom: 30px;

}

.bg-primary_before {

  bottom: 100%;

  left: 0;

  right: 0;

  height: 209px;

  margin-bottom: -1px;

  clip: rect(0, auto, 110px, 0);

}

.bg-primary_before:before {

  position: absolute;

  top: 57px;

  left: -5000px;

  right: -5000px;

  height: 5000px;

  -moz-transform: rotate(3.2deg);

  -ms-transform: rotate(3.2deg);

  -o-transform: rotate(3.2deg);

  -webkit-transform: rotate(3.2deg);

  transform: rotate(3.2deg);

}

.bg-primary_after {

  top: 100%;

  left: 0;

  right: 0;

  margin-top: -31px;

  height: 237px;

  clip: rect(0, auto, 237px, 0);

}

.bg-primary_after:before {

  position: absolute;

  left: -5000px;

  right: -5000px;

  height: 5000px;

  bottom: 141px;

  -moz-transform: rotate(-6.2deg);

  -ms-transform: rotate(-6.2deg);

  -o-transform: rotate(-6.2deg);

  -webkit-transform: rotate(-6.2deg);

  transform: rotate(-6.2deg);

}

.bg-primary:last-child .bg-primary_cnt {

  padding-bottom: 133px;

}

.bg-primary:last-child .bg-primary_cnt:before {

  bottom: 0;

}

.bg-primary:last-child .bg-primary_after {

  display: none;

}



.bg-secondary {

  position: relative;

  z-index: 1;

}

.bg-secondary_cnt:before, .bg-secondary_before, .bg-secondary_after {

  position: absolute;

}

.bg-secondary_before, .bg-secondary_after {

  pointer-events: none;

}

.bg-secondary_cnt:before, .bg-secondary_before:before, .bg-secondary_after:before {

  content: '';

  background: #ededed;

}

.bg-secondary_cnt {

  position: relative;

  padding-top: 9px;

  padding-bottom: 59px;

}

.bg-secondary_cnt:before {

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  z-index: -1;

}

.bg-secondary_before {

  bottom: 100%;

  left: 0;

  right: 0;

  height: 162px;

  margin-bottom: -1px;

  clip: rect(0, auto, 192px, 0);

  z-index: 0;

}

.bg-secondary_before:before {

  position: absolute;

  top: 89px;

  left: -5000px;

  right: -5000px;

  height: 5000px;

  -moz-transform: rotate(4.8deg);

  -ms-transform: rotate(4.8deg);

  -o-transform: rotate(4.8deg);

  -webkit-transform: rotate(4.8deg);

  transform: rotate(4.8deg);

}

.bg-secondary_before_inner {

  position: absolute;

  bottom: 115px;

  left: -500px;

  right: -500px;

  height: 411px;

  overflow: hidden;

  -moz-transform: rotate(-8.2deg);

  -ms-transform: rotate(-8.2deg);

  -o-transform: rotate(-8.2deg);

  -webkit-transform: rotate(-8.2deg);

  transform: rotate(-8.2deg);

}

.bg-secondary_before_inner:before {

  content: "";

  position: absolute;

  left: -5000px;

  right: -5000px;

  height: 5000px;

  top: 172px;

  transform: rotate(13deg);

  background: #232323;

  -moz-transform: rotate(13deg);

  -ms-transform: rotate(13deg);

  -o-transform: rotate(13deg);

  -webkit-transform: rotate(13deg);

  transform: rotate(13deg);

  clip: rect(334px, auto, auto, 0);

}

.bg-secondary_after {

  top: 100%;

  left: 0;

  right: 0;

  height: 108px;

  clip: rect(0, auto, 108px, 0);

  z-index: -1;

}

.bg-secondary_after:before {

  position: absolute;

  left: -5000px;

  right: -5000px;

  height: 5000px;

  bottom: 58px;

  -moz-transform: rotate(3.2deg);

  -ms-transform: rotate(3.2deg);

  -o-transform: rotate(3.2deg);

  -webkit-transform: rotate(3.2deg);

  transform: rotate(3.2deg);

}

.bg-secondary h1, .bg-secondary h2, .bg-secondary h3, .bg-secondary h4, .bg-secondary h5, .bg-secondary h6 {

  color: #292929;

}

.bg-secondary:last-child .bg-secondary_cnt {

  padding-bottom: 133px;

}

.bg-secondary:last-child .bg-secondary_after {

  display: none;

}



.bg-secondary2 {

  position: relative;

}

.bg-secondary2 h1, .bg-secondary2 h2, .bg-secondary2 h3, .bg-secondary2 h4, .bg-secondary2 h5, .bg-secondary2 h6 {

  color: #fff;

}

.bg-secondary2_before {

  position: absolute;

  top: 0;

  left: -500px;

  right: -500px;

  height: 237px;

  pointer-events: none;

  clip: rect(0, auto, 237px, 0);

}

.bg-secondary2_before:before {

  content: "";

  position: absolute;

  left: -5000px;

  right: -5000px;

  height: 5000px;

  bottom: 203px;

  -moz-transform: rotate(8.15deg);

  -ms-transform: rotate(8.15deg);

  -o-transform: rotate(8.15deg);

  -webkit-transform: rotate(8.15deg);

  transform: rotate(8.15deg);

  background: #232323;

}



/*==================     Terms     ======================*/

.terms-list dt + dd {

  margin-top: 6px;

}

.terms-list dd + dt {

  margin-top: 34px;

}



/*==================     Info      ======================*/

.contact-info dt, .contact-info dd {

  display: inline-block;

}

.contact-info dt {

  min-width: 85px;

}



/*==================     Icons     ======================*/

.fa-facebook,

.fa-twitter,

.fa-google-plus,

.fa-linkedin {

  width: 62px;

  height: 62px;

  line-height: 62px !important;

  text-align: center;

  font-size: 34px !important;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  color: #ffffff;

  border: 2px solid #515151;

}

.fa-facebook:hover,

.fa-twitter:hover,

.fa-google-plus:hover,

.fa-linkedin:hover {

  background: #515151;

}



/*==================     Date      ======================*/

.date {

  display: inline-block;

  position: relative;

  max-width: 100%;

}

.date time {

  position: absolute;

  bottom: 0;

  left: -33px;

  width: 145px;

  height: 70px;

  text-align: center;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  color: #ffffff;

  font-size: 20px;

  font-weight: 700;

  text-transform: uppercase;

  background: #302b2b;

  padding-top: 20px;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



@media (max-width: 1199px) {

  .date time {

    width: 100px;

    left: 5px;

	font-size: 14px;

  	padding-top: 24px;



  }

 

}



/*==================    Buttons    ======================*/

.btn {

  display: inline-block;

  padding: 13px 38px;

  font-size: 26px;

  font-weight: 700;

  text-transform: uppercase;

  color: #ffffff;

  background: #6f201b;

  -moz-transition: 0.3s all ease;

  -o-transition: 0.3s all ease;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

}

.btn:hover, .btn:active {

  background: #0a0a0a;

  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5);

  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5);

  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5);

}

.btn-primary {

  background: #141414;

}

.btn-primary:hover, .btn-primary:active {

  background: #ce4900;

  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5);

  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5);

  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5);

}



/*==================      Video    ======================*/

.video {

  position: relative;

  padding-bottom: 56.49122807017544%;

}

.video iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



/*==================     Figure    ======================*/

figure small:first-child {

  font-size: 17px;

  float: right;

  margin-left: 15px;

  margin-top: 7px;

}



/*==================      List     ======================*/

.list li {

  margin-top: 10px;

  margin-left:30px;

  padding-left:10px;

}

.list a:hover {

  color: #f3c63f;

}

.list p {

	display:inline;

 padding-left:20px;



	}

.list li.fa-angle-right:before {

  content: '\f105';

  margin-left:-30px;

}



/*==================  Inline List  ======================*/

.inline-list li {

  display: inline-block;

}

.inline-list li + li {

  margin-left: 6px;

}



/*==================   Index List  ======================*/

.index-list {

  counter-reset: li;

}

.index-list li {

  position: relative;

  padding-left: 170px;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.index-list li:before {

  position: absolute;

  left: 0;

  top: 6px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  background: #141414;

  width: 145px;

  height: 145px;

  font-weight: 700;

  font-size: 67px;

  line-height: 145px;

  text-align: center;

  content: counter(li,decimal-leading-zero);

  counter-increment: li;

  -moz-transition: 0.3s all ease;

  -o-transition: 0.3s all ease;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

}

.index-list li:hover:before {

  background: #292929;

}

.index-list li.fa-cutlery:before {

  content: '\f0f5';

}

.index-list li.fa-glass:before {

  content: '\f000';

}

.index-list li.fa-bed:before {

  content: '\f236';

}

.index-list li.fa-picture-o:before {

  content: '\f03e';

}

.index-list li.fa-lock:before {

  content: '\f023';

}
.index-list li.fa-ticket:before {

  content: '\f145';

}
.index-list li.fa-bus:before {

  content: '\f207';

}


.orangebutton li:before {

  background-color: #232323 !important;
}


.index-list li.grid_1:nth-child(n + 13),

.index-list li.grid_2:nth-child(n + 7),

.index-list li.grid_3:nth-child(n + 5),

.index-list li.grid_4:nth-child(n + 4),

.index-list li.grid_6:nth-child(n + 3) {

  margin-top: 34px;

}

.index-list li.grid_1:nth-child(12n + 13),

.index-list li.grid_2:nth-child(6n + 7),

.index-list li.grid_3:nth-child(4n + 5),

.index-list li.grid_4:nth-child(3n + 4),

.index-list li.grid_6:nth-child(2n + 3) {

  clear: left;

}

@media (max-width: 979px) {

  .index-list li {

    padding-left: 100px;

  }

  .index-list li:before {

    width: 70px;

    height: 70px;

    line-height: 70px;

    text-align: center;

    font-size: 32px;

  }

}



/*==================   Index List - ON RED BACKGROUND  ======================*/

.index-list2 {

  counter-reset: li;

}

.index-list2 li {

  position: relative;

  padding-left: 170px;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.index-list2 li:before {

  position: absolute;

  left: 0;

  top: 6px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  background: #fff;

  width: 145px;

  height: 145px;

  font-weight: 700;

  font-size: 67px;

  line-height: 145px;

  text-align: center;

  content: counter(li,decimal-leading-zero);

  counter-increment: li;

  -moz-transition: 0.3s all ease;

  -o-transition: 0.3s all ease;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;
    
    color: #141414;

}

.index-list2 h5 {
 color: gold
    }

.index-list2 li:hover:before {

  background: gold;

}

.index-list2 li.fa-promise:before {

  content: '\f132';

}

.index-list2 li.fa-rebooking:before {

  content: '\f236';

}

.index-list2 li.fa-change:before {

  content: '\f0ec';

}

.index-list2 li.fa-refund:before {

  content: '\f09d';

}



.index-list2 li.grid_1:nth-child(n + 13),

.index-list2 li.grid_2:nth-child(n + 7),

.index-list2 li.grid_3:nth-child(n + 5),

.index-list2 li.grid_4:nth-child(n + 4),

.index-list2 li.grid_6:nth-child(n + 3) {

  margin-top: 34px;

}

.index-list2 li.grid_1:nth-child(12n + 13),

.index-list2 li.grid_2:nth-child(6n + 7),

.index-list2 li.grid_3:nth-child(4n + 5),

.index-list2 li.grid_4:nth-child(3n + 4),

.index-list2 li.grid_6:nth-child(2n + 3) {

  clear: left;

}

@media (max-width: 979px) {

  .index-list2 li {

    padding-left: 100px;

  }

  .index-list2 li:before {

    width: 70px;

    height: 70px;

    line-height: 70px;

    text-align: center;

    font-size: 32px;

  }

}



/*==================      Box      ======================*/

.box:before, .box:after {

  display: table;

  content: "";

  line-height: 0;

}

.box:after {

  clear: both;

}

.box_aside {

  float: left;

  min-width: 170px;

  margin-right: 30px;

}

.box_cnt__no-flow {

  overflow: hidden;

}

@media (max-width: 767px) {

  .box_aside {

    float: none;

    margin-right: 0;

    margin-bottom: 30px;

    text-align: center;

  }

}



/*========================   Menu   ==========================*/

.sf-menu {

  display: inline-block;

  text-transform: uppercase;

}

.sf-menu:before, .sf-menu:after {

  display: table;

  content: "";

  line-height: 0;

}

.sf-menu:after {

  clear: both;

}

.sf-menu > li {

  position: relative;

  float: left;

}

.sf-menu > li + li {

  margin-left: 27px;

}

.sf-menu a {

  display: block;

}



.sf-menu > li > a {

  color: #ffffff;

  font-size: 21px;

  font-weight: 700;

}

.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.active > a {

  color: #f3c63f;

}



.sf-menu ul {

  display: none;

  position: absolute;

  left: -30px;

  top: 100%;

  width: 235px;

  margin-top: 20px;

  padding: 10px 0 10px;

  font-size: 13px;

  font-weight: 400;

  background: rgba(40, 40, 40, 0.9);

  z-index: 2;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



.sf-menu ul > li > a {

  padding: 9px 30px;

  color: #ffffff;

}

.sf-menu ul > li.sfHover > a, .sf-menu ul > li > a:hover {

  color: #ffffff;

  background: #141414;

}



.sf-menu ul ul {

  position: static;

  top: 100%;

  width: auto;

  margin-top: 0;

  padding: 0;

  z-index: 4;

}



.sf-menu > li > .sf-with-ul {

  position: relative;

}

.sf-menu > li > .sf-with-ul:before {

  position: absolute;

  left: 50%;

  top: 85%;

  margin-left: -6px;

  content: "";

  font: 400 12px/12px "FontAwesome";

}



.sf-menu ul > li > .sf-with-ul {

  position: relative;

}

.sf-menu ul > li > .sf-with-ul:before {

  position: absolute;

  right: 20px;

  top: 50%;

  margin-top: -11px;

  content: "";

  font: 400 22px/22px "FontAwesome";

  -moz-transition: 0.3s all ease;

  -o-transition: 0.3s all ease;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

}



.sf-menu ul > li.sfHover > .sf-with-ul:before {

  -moz-transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  -o-transform: rotate(90deg);

  -webkit-transform: rotate(90deg);

  transform: rotate(90deg);

}



@media (max-width: 979px) {

  .sf-menu {

    display: none;

  }

}

/*==================   RD Mobile Menu    =====================*/

.rd-mobilemenu {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  bottom: 0;

  z-index: 9999999;

  text-align: left;

  -moz-transition: 0.3s all ease;

  -o-transition: 0.3s all ease;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

}

.rd-mobilemenu.active {

  right: 0;

}



.rd-mobilemenu_ul {

  position: fixed;

  top: -56px;

  left: 0;

  bottom: -56px;

  width: 240px;

  padding: 132px 0 76px;

  color: #A5BFD2;

  background: #232323;

  font-size: 14px;

  line-height: 20px;

  overflow: auto;

  -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);

  box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);

  -moz-transform: translateX(-240px);

  -ms-transform: translateX(-240px);

  -o-transform: translateX(-240px);

  -webkit-transform: translateX(-240px);

  transform: translateX(-240px);

  -moz-transition: 0.3s ease;

  -o-transition: 0.3s ease;

  -webkit-transition: 0.3s ease;

  transition: 0.3s ease;

  -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);

  -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);

  -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);

  transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);

}

.rd-mobilemenu.active .rd-mobilemenu_ul {

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  -webkit-transform: translateX(0);

  transform: translateX(0);

}

.rd-mobilemenu_ul a {

  display: block;

  padding: 14px 25px 16px;

}

.rd-mobilemenu_ul a.active {

  background: #3d3d3d;

  color: #fff;

}

.rd-mobilemenu_ul a:hover {

  background: #141414;

  color: #FFF;

}

.rd-mobilemenu_ul a .rd-submenu-toggle {

  position: absolute;

  top: 50%;

  right: 11px;

  margin-top: -17.5px;

  width: 32px;

  height: 32px;

  font: 400 10px "FontAwesome";

  line-height: 32px;

  text-align: center;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  -moz-transition: 0.5s all ease;

  -o-transition: 0.5s all ease;

  -webkit-transition: 0.5s all ease;

  transition: 0.5s all ease;

  z-index: 1;

  background: rgba(0, 0, 0, 0.1);

}

.rd-mobilemenu_ul a .rd-submenu-toggle:after {

  content: '\f078';

}

.rd-mobilemenu_ul a .rd-submenu-toggle:hover {

  background: #232323;

  color: #A5BFD2;

}

.rd-mobilemenu_ul a.rd-with-ul {

  position: relative;

}

.rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle {

  -moz-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -o-transform: rotate(180deg);

  -webkit-transform: rotate(180deg);

  transform: rotate(180deg);

}

.rd-mobilemenu_ul ul a {

  padding-left: 40px;

}

.rd-mobilemenu_ul ul ul a {

  padding-left: 60px;

}

.rd-mobilemenu_ul:after {

  content: '';

  display: block;

  height: 20px;

}



.rd-mobilepanel {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  height: 56px;

  background: #303030;

  color: #FFF;

  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);

  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);

  z-index: 99999991;

  	background-image: url('/img/les_rhodos_hotel2.png');

    background-repeat: no-repeat;

    background-position: right;

	background-size: contain;

}



.rd-mobilepanel_title {

  position: fixed;

  top: 4px;

  left: 56px;

  right: 56px;

  color: #FFF;

  font-weight: 700;

  font-size: 24px;

  line-height: 48px;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.rd-mobilepanel_toggle {

  position: fixed;

  top: 4px;

  left: 8px;

  width: 48px;

  height: 48px;

}

.rd-mobilepanel_toggle span {

  position: relative;

  display: block;

  margin: auto;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before {

  content: "";

  position: absolute;

  left: 0;

  top: -8px;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.rd-mobilepanel_toggle span:after {

  top: 8px;

}

.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span {

  width: 24px;

  height: 4px;

  background-color: #FFF;

  backface-visibility: hidden;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

}

.rd-mobilepanel_toggle span {

  -moz-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -o-transform: rotate(180deg);

  -webkit-transform: rotate(180deg);

  transform: rotate(180deg);

}

.rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {

  -moz-transform-origin: 1.71429px center;

  -ms-transform-origin: 1.71429px center;

  -o-transform-origin: 1.71429px center;

  -webkit-transform-origin: 1.71429px center;

  transform-origin: 1.71429px center;

  -moz-transform-origin: 1.71429px center;

  -ms-transform-origin: 1.71429px center;

  -o-transform-origin: 1.71429px center;

  -webkit-transform-origin: 1.71429px center;

  transform-origin: 1.71429px center;

}

.rd-mobilepanel_toggle.active span {

  -moz-transform: rotate(360deg);

  -ms-transform: rotate(360deg);

  -o-transform: rotate(360deg);

  -webkit-transform: rotate(360deg);

  transform: rotate(360deg);

}

.rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {

  top: 0;

  width: 15px;

}

.rd-mobilepanel_toggle.active span:before {

  -webkit-transform: rotate3d(0, 0, 1, -40deg);

  transform: rotate3d(0, 0, 1, -40deg);

}

.rd-mobilepanel_toggle.active span:after {

  -webkit-transform: rotate3d(0, 0, 1, 40deg);

  transform: rotate3d(0, 0, 1, 40deg);

}



@media (max-width: 979px) {

  body {

    padding-top: 56px;

  }



  .rd-mobilemenu, .rd-mobilepanel {

    display: block;

  }

}

@media (max-width: 359px) {

  .rd-mobilepanel_title {

    font-size: 18px;

  }

}

/*==================  Stuck menu  ======================*/

.stuck_container {

  position: absolute;

  padding: 0;

  top: 0;

  left: 0;

  right: 0;

}

.stuck_container nav {

  margin-top: 23px;

}



.isStuck {

  background: #232323;

  z-index: 999;

  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);

  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);

}

.isStuck nav {

  margin-top: 16px;

}



@media (max-width: 979px) {

  .stuck_container {

    top: 0px;

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

  }

}

@media only screen and (max-width: 979px) {

  .isStuck {

    display: none !important;

  }

}

/*==================     ToTop     ======================*/

.toTop {

  width: 50px;

  height: 50px;

  font-size: 24px;

  line-height: 50px;

  color: #fff;

  background: #232323;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  position: fixed;

  right: 66px;

  bottom: 180px;

  -webkit-box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.3);

  box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.3);

  display: none;

  overflow: hidden;

  text-align: center;

  text-decoration: none;

  z-index: 20;

}

.toTop:hover {

  color: #fff;

  background: #141414;

  text-decoration: none;

}



@media only screen and (max-width: 1399px) {

  .toTop {

    bottom: 20px;

    right: 20px;

  }

}

/*==================  RD Parallax    ======================*/

.parallax {

  position: relative;

  overflow: hidden;

  color: #FFF;

}

.parallax_image, .parallax_pattern {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  height: 100%;

  background-position: center center;

  will-change: transform;

}

.parallax_image {

  background-repeat: no-repeat;

  -webkit-background-size: cover;

  background-size: cover;

}

.parallax_pattern {

  background-repeat: repeat;

}

.parallax_cnt {

  position: relative;

}



/*=================       Tabs     ======================*/

.resp-tabs-list li {

  display: inline-block;

  padding: 5px 58px;

  font-size: 21px;

  cursor: pointer;

  color: #292929;

  background: #fb7d39;

  -moz-transition: 0.3s all ease;

  -o-transition: 0.3s all ease;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

}

.resp-tabs-list li:hover, .resp-tabs-list li.resp-tab-active {

  color: #ffffff;

  background: #292929;

}

.resp-tabs-list li + li {

  margin-left: -2px;

}

@media (max-width: 979px) {

  .resp-tabs-list li {

    padding-left: 28px;

    padding-right: 28px;

  }

}



.resp-accordion {

  display: none;

  padding: 5px 58px;

  margin-bottom: 10px;

  font-size: 21px;

  cursor: pointer;

  color: #292929;

  background: #fb7d39;

  -moz-transition: 0.3s all ease;

  -o-transition: 0.3s all ease;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

}

.resp-accordion:hover, .resp-accordion.resp-tab-active {

  color: #ffffff;

  background: #292929;

}



.resp-tab-content {

  display: none;

}



.resp-tab-content-active {

  display: block;

  margin-bottom: 10px;

}



@media (max-width: 767px) {

  .resp-accordion {

    display: block;

  }



  .resp-tabs-list {

    display: none;

  }

}

/*==================   Thumbnail    ======================*/

.thumb {

  display: block;

  position: relative;

  overflow: hidden;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

}

.thumb img {

  width: 100%;

  height: auto;

  -moz-transition: 0.5s all ease;

  -o-transition: 0.5s all ease;

  -webkit-transition: 0.5s all ease;

  transition: 0.5s all ease;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

}

.thumb_overlay {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  opacity: 0;

  -moz-transition: 0.3s all ease;

  -o-transition: 0.3s all ease;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

  color: #fff;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  background: transparent;

}

.thumb_overlay:before {

  content: "";

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  font: 400 30px "FontAwesome";

  line-height: 30px;

  margin-top: -15px;

  text-align: center;

}

.lt-ie9 .thumb_overlay:before {

  display: none;

}

.thumb:hover .thumb_overlay {

  opacity: 1;

  background: rgba(0, 0, 0, 0.5);

}

.lt-ie9 .thumb:hover .thumb_overlay {

  background: none;

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000')";

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000');

  zoom: 1;

}

.lt-ie9 .thumb:hover .thumb_overlay:before {

  display: block;

}



/*========================================================

                     HEADER  Section

=========================================================*/

header {

  position: relative;

  color: #ffffff;

}

header .brand {

  float: left;

}

header .nav {

  float: right;

}

@media (max-width: 979px) {

  header {

    text-align: center;

  }

  header .brand, header .nav {

    float: none;

  }

}



.header_panel_bar {

  height: 98px;

  -webkit-background-size: cover;

  background-size: cover;

}

.header_panel_restaurant {

  height: 109px;

  -webkit-background-size: cover;

  background-size: cover;

}

.header_panel_hotel {

  height: 109px;

  -webkit-background-size: cover;

  background-size: cover;

}

.header_panel_events {

  height: 109px;

  -webkit-background-size: cover;

  background-size: cover;

}

.header_panel_contact {

  height: 109px;

  -webkit-background-size: cover;

  background-size: cover;

}



/*========================================================

                     CONTENT  Section

=========================================================*/

main {

  display: block;


}



/*==================      Well     ======================*/

.well {

  padding-top: 204px;

  padding-bottom: 174px;

}



.well2 {

  padding-top: 138px;

  padding-bottom: 164px;

}



.well3 {

  padding-top: 274px;

  padding-bottom: 133px;

}



/*========================================================

                     FOOTER  Styles

=========================================================*/

footer {

  padding-top: 81px;

  padding-bottom: 95px;

}

footer h2, footer h3, footer h4, footer h5, footer h6 {

  color: #ffffff;

}

footer small:first-child {

  margin-top: 23px;

}

footer .grid_6:last-child small:first-child {

  margin-top: 94px;

  padding-right: 12%;

}

@media (max-width: 979px) {

  footer .grid_6:last-child small:first-child {

    margin-top: 57px;

  }

}

@media (max-width: 767px) {

  footer, footer .right {

    text-align: center;

  }

  footer small:first-child {

    margin-top: 0;

  }

}

@media (min-width: 767px) {
.extra-left-margin {
	margin-left:60px !important;
}
.room-name {
	margin-top:5px;
	margin-bottom:20px;
}
}

@media (max-width: 767px) {
.extra-left-margin {
	margin-left:inherit;
}
}

.mtb-list-container {
	padding-left:20px !important;
}
.mtb-list-item::before {content: "•"; color: #f3c63f;
  display: inline-block; width: 1em;
  margin-left: -1em}



@media (min-width: 991px) {
.book-direct-button {
	width: 400px;
	height: 161px;
	transform: rotate(13deg);
	position: absolute;
	background: url(/img/book-direct-to-save-button.png);
	background-size: contain;
	right: 50px;
	top: 150px;
	z-index: 2;
	
}
}

@media (min-width: 667px) and (max-width: 990px) {
.book-direct-button {
	width: 300px;
	height: 121px;
	transform: rotate(13deg);
	position: absolute;
	background: url(/img/book-direct-to-save-button.png);
	background-size: contain;
	right: 30px;
	top: 50px;
	z-index: 2;
	}
}

@media (max-width: 667px) {
.book-direct-button {
	width: 240px;
	height: 97px;
	transform: rotate(0deg);
	position: absolute;
	background: url(/img/book-direct-to-save-button.png);
	background-size: contain;
	right: 10px;
	top: 25px;
	z-index: 2;
	}
}


.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}