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

body {background:#EEE;font:500 12px/140% 'Montserrat', Arial,Helvetica,sans-serif;margin: 0;width: 100%;color:#333;}

a{text-decoration:none;color:#A8141D;}
a:hover{text-decoration:underline;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.clearfix{clear:both;}
.red{background:red;}
.blue{background:blue;}
.grey{background:grey;}

#header_wrap{width:100%; position:relative; height:80px; z-index:90;}
#header_container{width:100%; position:relative; top:0; left:0; background:url(images/menu_bg.png) repeat-x top left; height:80px; z-index:90;}

.container{width:92%;margin:0 auto; max-width:1400px;/*width:1400px;*/}
#container {width:92%; max-width:1400px;margin: 0 auto;}
#content-container { opacity:0; filter:alpha(opacity=0); position: relative; width: 92vw; margin: 0 auto;}
.body.container{margin-top:40px;}
.body.gan{display:block !important}
#logo{width:190px;height:77px; float:left;margin-top:2px;}
#logo a{width:100%;height:100%; display:block;background:url(images/logo_d-edge.svg) no-repeat top left transparent; background-size:auto 100%;text-indent:-999px;}

#menu{float:right; height:30px; margin-top:25px;position:relative;display:none;}
#menu > ul {position:relative;}
#menu ul li{float:left;list-style:none; margin-left:5px;}
#menu ul li > span, 
#menu ul li a{background:#847F85;color:#fff;width:110px; height:30px; display:block; text-align:center; line-height:30px;text-decoration:none; cursor:pointer;}
#menu ul li > span {width:75px; text-transform:capitalize;}
#menu ul li > span:hover, #menu ul li > span:active, #menu ul li a:hover, #menu ul li a:active {background:#ccc;color:#666;}
#menu ul li a.edit-tags{ text-transform: uppercase; background: #133E61; }
#menu ul li a.edit-tags:hover, #menu ul li a.edit-tags:active{ background:#A7131D; color:#fff; }
#menu ul li a.add-new{ text-transform: uppercase; background: #A7131D; }
#menu ul li a.add-new:hover, #menu ul li a.add-new:active{ background:#133E61; color:#fff; }

#options.submenu {position:absolute;width:222px; background:#ccc; border-width:1px 0 0; border-color:white; border-style:solid; display:none;}
#options.submenu ul li {margin:0; height: auto;}
#options.submenu ul li a {background:#ccc;color:#666; border-width:0 1px 1px 0; border-style: solid; border-color: white; font-size:11px; line-height: 150%; height: auto; padding: 0.6em 0;}
#options.submenu ul li a:hover, #options.submenu ul li a:active {background:#847F85;color:#fff;}

#options ul li a.all {width:221px;}
#options ul li a.selected {background:#aaa;color:#fff;}

#options.submenu.location{right:0;}
#options.submenu.location ul li a {border-width:0 0 1px 1px; }

#options.sub_submenu {position:absolute;width:111px; background:#B4AFB5; border: 1px solid #fff; border-bottom:0; display:none !important; left:110px; margin-top:-32px;}
#options.sub_submenu ul li a{background:#B4AFB5;color:#fff; border-width:0 0px 1px 0; border-color:#fff;}
#options.sub_submenu ul li a:hover{background:#847F85;}

#submenus  { width: 100%; position: relative; z-index: 89;}
#submenus > div { width: 92%; margin: 0 auto; max-width: 1400px; margin-top:20px; }
#submenus > div li a { display: block; float: left; background: #e1e1e1; border: 1px solid #fff; font-size: 13px; color: #666; padding: 10px; margin: 0 5px 10px 5px; }
#submenus > div li a:hover, #submenus > div li a:active{background:#fff;text-decoration:none; border:1px solid #e1e1e1;}
#submenus > div li a.selected{background:#847F85;text-decoration:none; border:1px solid #847F85; color: #fff;}

#container .element {width: 19.9%; width:279px; overflow:hidden; color:#333;}
#container .single_hotel{width:94%; width:262px; margin:3%;margin:8px;text-align:center;background:#fff; /*overflow:hidden;*/ position: relative;}
#container .single_hotel:hover, #last_website .thumb:hover{background:#ccc;cursor:pointer;}

#container .element.evolution .single_hotel,
#container .element.pro .single_hotel,
#container .element.accorhotels-templates .single_hotel{padding-bottom:20px;}
#container .element.evolution .online_date,
#container .element.pro .online_date,
#container .element.accorhotels-templates .online_date,
#container .element.bronze .online_date,
#container .element.silver .online_date,
#container .element.gold .online_date,
#container .element.restaurants .online_date,
#container .element.templates .online_date{display:none;}

.element .extras {background:rgba(255,255,255,0.75); color:#333; position:absolute; top:0; left:0; width: 100%; height: 100%; margin: 0; z-index: 25; display:none;}
.element:hover .extras, .element:active .extras { display:block; }
.element .extras .edit, .element .extras .delete { border: 1px solid #ddd; padding: 10px; background:#f8f8f8 url(images/edit.png) no-repeat center center; width:48px; height:48px; float:left; position:absolute; top:50%; left:50%; margin:-24px 0 0 -84px; cursor:pointer; }
.element .extras .delete { background-image:url(images/delete.png); margin-left:14px; }
.element .extras .edit:hover, .element .extras .delete:hover, .element .extras .edit:active, .element .extras .delete:active { background-color:#fff; }

#last_website .thumb{width:36%; width:504px; margin:0 1%; margin:0 14px 30px 14px;; background:#fff; margin-bottom:30px; position:relative; overflow:hidden;}
#last_website .thumb .image, #last_website .thumb .image_hover{width:98%;height:auto; margin:1%; display:block; position:relative; z-index:10;}
#last_website .thumb .image_hover{display:none;}
#last_website .thumb:hover .image_hover{display:block;}
#last_website .thumb:hover .image{display:none;}
/*#last_website .thumb .luxury {width:148px; height:44px;position:absolute; z-index:20; top:0; left:0; margin:10% 0 0 1%;}*/
#last_website .thumb .luxury {width:167px; height:38px;position:absolute; z-index:20; top:0; left:0; margin:10% 0 0 1%;}

#last_website .content{width:60%; margin:0 1%; margin: 0 14px; opacity:0; filter : alpha(opacity=0);}

#last_website  .title, #last_website .hotel_name, #last_website .view_site, .details  .hotel_name{text-transform:uppercase;}

#last_website .title{width:100%;border-bottom:1px solid #ccc; font-size:18px;line-height:40px;}
#last_website .single_hotel{width:100%;border-top:1px solid #fff;}

#last_website .single_hotel .hotel_name, .details  .hotel_name{font-size:32px;margin:20px 0; padding:0; line-height: 120%; color:#333;}
#last_website  .online_date, #last_website .city{color:#666;font-size:18px;margin-bottom:20px; padding:0;}
#last_website .city{text-transform:capitalize;}
#last_website .view_site a, .details .view_site a{color:#fff;text-decoration:none;display:block; background:#432975; line-height:36px; width:180px; text-align:center; font-size:14px; transition:all 0.3s ease;}
#last_website .view_site a:hover, .details .view_site a:hover{background:#00D7B0;}
#last_website .tags, .details .tags{margin:20px 0;}
#last_website .tags span, .details .tags span{display:block;float:left; background:#e1e1e1; border:1px solid #fff; font-size:13px; color:#666;padding:10px; margin:0 10px 0 0;}
#last_website .tags span , .details .tags span:hover, .details .tags span:active {background:#fff;text-decoration:none; border:1px solid #e1e1e1;}
#last_website .tags span { cursor:default; }
.fancybox-inner .tags span:hover, .fancybox-inner .tags span:hover { background:#e1e1e1 !important; border:1px solid #fff !important; }

#last_website .single_hotel:hover .hotel_name, #last_website .single_hotel:hover .city, #last_website .single_hotel:hover .online_date{display:block;}

.single_hotel .thumb {width:96%; width:262px; padding:2%; padding:5px; overflow:hidden;position: relative;height: 167px;}
.single_hotel .thumb .image, .single_hotel .image_hover{opacity:0;filter:alpha(opacity=0);display:block;width:100%;height:auto;  position:absolute; z-index:10;}
.single_hotel .image_hover{z-index:9;}
.single_hotel:hover .image_hover, .single_hotel:active .image_hover{z-index:11;}
.single_hotel .thumb .luxury {width:167px; height:38px;position:absolute; z-index:20; top:0; left:0; margin: 10% 0 0 2%; background:transparent url(images/luxury.png) no-repeat top left; }
.single_hotel .hotel_name {font-size: 18px;line-height: 150%;text-transform: uppercase;padding:4% 10%;padding:10px 26px;word-wrap: break-word;text-decoration:none;}
.single_hotel .city, .single_hotel .group {color:#666;text-transform:capitalize;word-wrap: break-word;text-decoration:none;}
.single_hotel .group {font-weight:bold; text-transform:uppercase;}
.single_hotel .group{padding:0 0 4% 0;}
.single_hotel .online_date {color:#666;padding:4% 0 8% 0;padding:10px 0 20px 0;text-decoration:none;}

/*.single_hotel:hover .hotel_name{color:#fff;}*/
.single_hotel:hover .image{display:none !important;}
.single_hotel:hover .image_hover{display:block !important;}
.single_hotel:hover .city, .single_hotel:hover .group, .single_hotel:hover .online_date{color:#333;text-decoration:none;}
/*.single_hotel:hover .hotel_name, .single_hotel:hover .city, .single_hotel:hover .group, .single_hotel:hover .online_date{display:none;}*/


#footer{margin:40px 0; color:#666;text-align:center;}
#footer span{color:#432975;}

.details.no_visible{display:none;}
.details .container{width:800px; background:#f9f9f9;}

.details .view_site{width:180px;}
.details .hotel_name{width:430px;margin-top:30px;}
.details .view_site a {margin-top:30px;position:relative;z-index:9999;}
.details .screen {width:100%;margin:0 auto; padding:20px 0; border-bottom:1px solid #ccc;border-top:1px solid #ccc; }
.details .screen .thumb{width:32%;display:block; height:auto; float:left; margin:0 0.5%;}

.details .container.small{width:860px;}
.details .small .screen .thumb{width:100%;display:block; height:auto; float:none; margin:3% auto; padding:0 0 5% 0; border-bottom:5px #133E61 solid;}
.details .screen .thumbnail { width:auto !important; height: auto !important; }
.details .small .hotel_name{width:330px;}
.details .small .view_site a {margin-top:30px; margin-right:20px;position:relative;z-index:9999;}

.fancybox-next {right: -70px;}
.fancybox-prev {left: -70px;}
.fancybox-nav {width:5%;}

.fancybox-skin { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.fancybox-overlay { background:rgba(0,0,0,.8); }

.fancybox-nav span {visibility:visible;}

.isotope, .isotope .isotope-item {

  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

@media only screen and (max-width : 1000px) {
	#submenus {
		margin-top: 40px;
	}
}


#loader {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.bouncywrap{
  position: relative;
}

.dotcon{
  display: block;
  float: left;
  width: 56px;
  position: absolute;
}

.dc1{
  -webkit-animation: bouncy1 1.5s infinite;
  left: -40px;
  animation: bouncy1 1.5s infinite;
}

.dc2{
  -webkit-animation: bouncy2 1.5s infinite;
  animation: bouncy2 1.5s infinite;
  left: 0;
}

.dc3{
  -webkit-animation: bouncy3 1.5s infinite;
  animation: bouncy3 1.5s infinite;
  left: 40px;
}

.dot{
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: rgba(150,160,180,0.8);
  -webkit-transition: background .4s ease-in-out;
	-moz-transition: background .4s ease-in-out;
	-o-transition: background .4s ease-in-out; 
	-ms-transition: background .4s ease-in-out;
	transition: background .4s ease-in-out; 
}

.dc1 .dot { background:#16284C; }


@-webkit-keyframes bouncy1{
  0% {-webkit-transform: translate(0px,0px) rotate(0deg);}
  50% {-webkit-transform: translate(0px,0px) rotate(180deg);}
  100% {-webkit-transform: translate(40px,0px) rotate(-180deg);}
}

@keyframes bouncy1{
  0% {transform: translate(0px,0px) rotate(0deg);}
  50% {transform: translate(0px,0px) rotate(180deg);}
  100% {transform: translate(40px,0px) rotate(-180deg);}
}

@-webkit-keyframes bouncy2{
  0% {-webkit-transform: translateX(0px);}
  50% {-webkit-transform: translateX(-40px);}
  100% {-webkit-transform: translateX(-40px);}
}

@keyframes bouncy2{
  0% {transform: translateX(0px);}
  50% {transform: translateX(-40px);}
  100% {transform: translateX(-40px);}
}

@-webkit-keyframes bouncy3{
  0% {-webkit-transform: translateX(0px);}
  50% {-webkit-transform: translateX(0px);}
  100% {-webkit-transform: translateX(-40px);}
}

@keyframes bouncy3{
  0% {transform: translateX(0px);}
  50% {transform: translateX(0px);}
  100% {transform: translateX(-40px);}
}

a.fancy.y2013, a.fancy.y2012, a.fancy.y2011, a.fancy.y2010, a.fancy.y2009 {
    display: none;
}

#filter {
    text-transform: capitalize;
}