#example { width:678px; height:308px; position:relative; }

#ribbon { position:absolute; top:-3px; left:-15px; z-index:500; }

#frame { position:absolute; z-index:0; width:739px; height:341px; top:-3px; left:-80px; }

/*need help*/
.left_slideshow_wrapper { display:block; float:left; width:322px; }
.box_blue { width:100%; height:276px; background:#62a1cd; display:block; float:left; padding:10px 20px; margin:25px 0 0 0; border:0px; }
.box_orange { width:100%; background:#fd9b3a url(/styles/images/icon-info.png) 263px 9px no-repeat; display:block; float:left; /*padding:22px 40px 15px 40px;*/padding:3px 19px; margin:2px 0 0 0; cursor:pointer; border:0px; }
.orange-text-left { text-align:left; background-image:none; }
.h2_white { font-family:'Roboto'; font-weight:400; font-size:24px; color:#ffffff; line-height:19px; display:block; }
.h2_black { font-family:'Roboto'; font-weight:400; font-size:30px; color:#000000; line-height:25px; }
.h2_black_border { font-family:'Roboto'; font-weight:400; font-size:30px; color:#3e3e3e; text-align:left; border-bottom: 2px solid #e5e5e5; line-height:36px;  }
.h3_white { font-family:'Roboto'; font-weight:400; font-size:20px; color:#ffffff; line-height:25px; margin:0px; }
.orange-text-left .h3_white { font-size: 17px; line-height: 24px; }
.h3_black { font-family:'Roboto'; font-weight:400; font-size:20px; color:#000000; margin:0px;
    text-align:left; border-bottom: 2px solid #E5E5E5; line-height:13px; margin:0;}
h2 span, h3 span { background:#fff; padding:0 20px 0 0; }    
.h4_white { font-family:'Roboto'; font-weight:400; font-size:12px; color:#ffffff; line-height:17px; margin:0px; }
.circle { width:20px; height:20px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#ffffff; float:left; margin:3px 0 2px 0; }
span.ribon_price_type{position: relative;top: -13px;background: #219c78;display: block;float: left;width: 100%;text-align: center;left: -15px;padding: 2px 0;
box-shadow: 2px 2px 3px #177559;}
/* popular hotels */
.hotel_price { float: left;
background: #27be92;
padding: 10px 12px 6px 15px;
border-radius: 4px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
position: absolute;
top: 14px;
left: 0px;
color: #ffffff;
font-size: 15px;
font-weight: 700;
line-height: 17px; }

.hotel_price span{font-weight:normal;font-size: 11px;}
.hotel_name { font-family:'Roboto Slab'; font-weight:700; font-size:20px; color:#000000; line-height:25px; margin:0px; }
.hotel_description { font-family:'Open Sans'; font-weight:400; font-size:14px; color:#000000; margin:0px; }
.hotel_info { border:1px solid #cdcdcd; border-top:0px; padding:24px 15px; height:190px; }
.hotel_more { position:absolute; bottom:10px; right:10px; }
.hotel_location { font-size:15px; font-weight:700; }
.to_hide{display:none;}
.cleared{clear:both; padding:0; margin:0;}
.all_sithonia_offers_toggle{float: right; margin: 10px 0;text-decoration: none;
    font-size: 16px; font-weight: 500;}

.arrow-down {
  background: transparent;width: 214px;height: 25px;position: relative;padding: 12px 9px 0 9px;margin: 10px 10px 25px 0;}

.arrow-down.active {
  background: transparent;
}

.arrow-down:before, .arrow-down:after {
  content: "";
  display: block;
  width: 20px;
  height: 5px;
  background: green;
  position: absolute;
  top: 20px;
  transition: transform .5s;
}

.arrow-down:before {
  right: 21px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  transform: rotate(45deg);
}

.arrow-down:after {
  right: 10px;
  transform: rotate(-45deg);
}

.arrow-down.active:before {
  transform: rotate(-45deg);
}

.arrow-down.active:after {
  transform: rotate(45deg);
}

/* packages tables */
.packages_wrapper { margin:50px 0 54px 0 !important; }
.packages_tbl { width:322px; border:0px; }
.packages_travel { background:#27be92 url(/styles/images/icon-travel2.png) 220px 45px no-repeat; padding:51px 37px; }
.packages_transfers { background:#fd9b3a url(/styles/images/icon-transfers2.png) 220px 45px no-repeat; padding:51px 37px;}
.packages_info { background:#62a1cd url(/styles/images/icon-bed.png) 220px 45px no-repeat; padding:51px 37px; }
.packages_backpack { background:#7cb9ea url(/styles/images/icon-backpack.png) 220px 45px no-repeat; }
.packages_luggage { background:#62a1cd url(/styles/images/icon-luggage.png) 220px 45px no-repeat; }
.h2_slab { font-family:Roboto Slab; }
.packages_more { background:#62a1cd; height:54px; }
.more_wrapper { float:right; background:#fd9b3a; padding:9px 16px; border-radius:4px; margin: 0 6px 0 0;}
.more_wrapper a { text-decoration:none; color:#ffffff; }
.packages_more_link { font-family:Roboto; font-size:15px; font-weight:700; color:#ffffff; }

/* banners */
.img_banners { display:block; float:left; margin:8px 0px 7px 0px; position:relative; width:323px; }
.img_middle { margin:8px 14px 7px 14px; }
.banner_icon { position:absolute; top:30px; left:130px; }
.banner_description { font-family:'Open Sans'; font-weight:400; font-size:14px; color:#000000; margin:0px; padding:16px 28px; text-align:justify; }
.banner_title { background:#cccccc; height:118px; padding:58px 0 34px 0; text-align:center; color:#000000; }
.banner_title a { color:#000000; text-decoration:none; }

/* Slideshow */
.slideshow { display:block; float:right; margin:25px 0 0 0; }
#slides { position:absolute; top:0px; left:0px; z-index:100; text-align:center; }

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container { width:678px; overflow:hidden; position:relative; display:none; }

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide { width:678px; height:308px; display:block; }


/*
	Next/prev buttons
*/

#slides .next,#slides .prev { position:absolute; top:107px; left:-39px; width:24px; height:43px; display:block; z-index:101; }

#slides .next { left:585px; }

/*
	Pagination
*/

.pagination { margin:7px 0 0 0; /*width:100px;*/ padding:0px; }

.pagination ul { border:1px solid red; }

.pagination li { float:left; margin:0 1px; list-style:none; }

.pagination li a { display:block; width:3px; height:0; padding:6px; background-image:url(/styles/images/pagination.png); background-position:0 0; float:left; overflow:hidden; border:0px; color:#fff; }

.pagination li.current a { background-position:0 -12px; }

/*
	Caption
*/

.caption { z-index:500; position:absolute; bottom:-55px; left:0; height:30px; padding:5px 20px 0 20px; background:#000; background:rgba(0,0,0,.5);  width:100%; font-size:1.3em; line-height:1.33; color:#fff; border-top:0px solid #000; text-shadow:none; text-align:left; }

.caption a { color:#ffffff; text-decoration:none; }
.blue_box{margin:10px 0 0 0;}

/* main */
.bookWrapper { width:100%; max-width:1000px; padding:0px; margin:0px auto; background-color:#ffffff; border:0px; overflow:hidden; }
.bookRequest { display:block; float:left; }
.bookExcursion { display:block; float:left; margin:0 17px; }
.bookTransfer { display:block; float:left; }

/* mobiles */
@media only screen and (min-width: 0px) and (max-width: 999px) {
    #slides{display:none;}
    .left_slideshow_wrapper{width:100%;}
    .srt-container{width:auto;}
    .slideshow { display:none; }
    .bookRequest, .bookExcursion, .bookTransfer { margin:8px auto; float:none; }
    .img_middle { margin:0px; }
    .img_banners { float:none; margin:8px auto 7px auto; }
}
@media only screen and (min-width: 640px) and (max-width: 999px) {
    .bookExcursion { margin:8px 17px; }
}