/* CUSTOM CSS SINCI
-------------------------------------------------*/


/* LAYOUT
-------------------------------------------------*/

@font-face { font-family: fontawsome; src: url(fonts/FontAwesome.otf); }
@font-face { font-family: FontAwsome; src: url(fonts/fontawesome-webfont.ttf); }

 .island_image_desc { width: 15%; padding: 5% 4% 5% 0; font-size: 27px; float: left; text-align: right; }
 .island_image_desc h2 {font-size: 27px; text-align: right; color:#777 !important;}
 .island_image_desc h2 b {font-size:50px; color:#777 !important;}
 .island_image_desc b {font-size:50px; color:#777 !important;}
 .island_image {width:20%; float:left; color:#777 !important;}
 .island_image img {width:100%;}
 .island_images_combo {float:left; clear:both; width:100%; margin:5px 0 0 0;}
 .uk-margin-bottom-remove a { text-decoration:none;}
 .uk-margin-bottom-remove a:hover {text-decoration: underline;}
 #bottom-b-a { border-bottom:1px solid #ccc; padding-bottom: 40px; padding-top:40px;}
 
 
h1, .uk-h1 {
  font-size: 59px;
  line-height: 73px;
  font-weight: 700;
  color: #323232;
}

h2, .uk-h2 {
  font-size: 24px;
  

line-height: 30px;
  color: #323232;
}

h3, .uk-h3 {
  font-size: 28px;
  line-height: 38px;
  color: #323232;
}



#cyclades, #dodecanese, #ionian_islands, #aegean_islands,#sporades,#crete, #hotel-in-greece, #hotels, #restaurants, #rentals, #general, #islandstop-a {
  padding:140px 0;
}


#cyclades, #dodecanese, #ionian_islands, #aegean_islands,#sporades,#crete, #hotel-in-greece, #hotels, #restaurants, #rentals, #general, #islandstop-a {
  border-top: 1px solid #ddd; margin: 70px 0 0 0;
}

.uk-width-medium-1-4 {margin: 0 0 30px 0;}

.uk-text-large {
  font-size: 20px;
  line-height: 26px;
}
.uk-text-small {
  font-size: 15px;
  line-height: 24px;
  margin: 0 auto 3px;
}

.smallbg {
	background: none repeat scroll 0 0 #39B9C8;
    border-radius: 15px;
    color: #FFFFFF;
    line-height: 34px;
    padding: 4px 10px;
	}

.uk-icon-envelope:before {content: "fa-calendar";}




div.uk-grid.margin-top {
  margin-top: 35px;
}

.uk-icon-large:before {
  font-size: 500%;
  vertical-align: -22%;
}

.sprocket-mosaic .sprocket-mosaic-header .sprocket-mosaic-filter {
  float: none;
  text-align: center;
  padding-bottom: 

40px;
}

div.uk-panel.uk-panel-space.portfolio {
  margin: 0;
  padding: 0;
}

#main .sprocket-mosaic .sprocket-mosaic-filter 

ul li, #main .sprocket-mosaic .sprocket-mosaic-filter ul li, .sprocket-mosaic .sprocket-mosaic-filter li, .sprocket-

mosaic .sprocket-mosaic-filter li {
  border-radius: 0;
  background:#fff;
}

.sprocket-mosaic-item .sprocket-padding {
  

padding: 0;
}

.sprocket-mosaic-item {
  margin: 0;
}

.sprocket-mosaic-item {
  border:none;
  border-radius:0;
}

.sprocket-

mosaic-loadmore {
  background: #FFFFFF;
  border-radius: 0;
  margin-top: 40px;
}

span.loadmore-text {
  color: #323232;
}

.sprocket-mosaic-hovercontent {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.43);
  top: 0;
  content: "";
  

display: block;
  width: 100%;
  height: 100%;
}

.sprocket-mosaic-hovercontent span {
  display: block;
  font-size: 3.1em;
  

margin: 0;
  top: 50%;
  position: absolute;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  line-height: 50px;
  

text-align: center;
  width: 50px;
  height: 50px
}

.sprocket-mosaic-filter li.active,
.sprocket-mosaic-filter li:hover {
  

color: #39b9c8;
}

.sprocket-mosaic .sprocket-mosaic-container {
  margin:0;
}


/* HEADER / LOGO / MENU / SOCIALICONS
-------------------------------------------------*/

.tm-headerbar {
  z-index: 10;
  width: 100%;
  margin: 0;
  

background: #fff;
  border-bottom: 1px solid #ddd;
}

.tm-logo {
  margin-top: 25px;
}

.uk-navbar-nav {
  float: right;
}

.uk-

navbar-nav > li > a {
  color: #323232;
}

.tm-navbar {
  margin-top: 25px;
  margin-bottom: 25px;
}

/* HEADER / LOGO / MENU / 

SOCIALICONS - END
-------------------------------------------------*/

/* #TOB-A / SLIDESHOW-HOME
-------------------------------------------------*/

#camera_wrap_88 .camera_caption > div {
  margin-bottom:5%;
  font-

size: 56px;
  font-family: 'Droid Sans';
  width:35%!important;
}

div.camera_caption_desc {
  font-size: 26px;
  color: 

#39b9c8;
}

span#pie_camera_wrap_88 {
  background-color: rgb(57,185,200)!important;
}

/* #TOB-A / SLIDESHOW - END
-------------------------------------------------*/




/* MOBILE MAX 768px WIDTH */
@media (max-width: 768px) {
 

#camera_wrap_88 .camera_caption > div {
  margin-bottom:5px;
  font-size: 36px;
  font-family: 'Droid Sans';
  width:30%!

important;
}

#top-c,
#bottom-a,
#bottom-b {
  padding:150px 0;
}

#top-b {
  padding-top: 150px;
}

}

/* MOBILE MAX WIDTH END */

/* 

MOBILE MAX 480px WIDTH */

@media (max-width: 480px) {

 #camera_wrap_88 .camera_caption > div {
  display:none;
}

#top-b,
#top-c,
#bottom-a,
#bottom-b,
#bottom-c {
 padding:50px 0;
}

.tm-navbar {
  margin: 0;
}

}