/*
Theme Name: xenonas-platanos
Theme URL: www.simple-ideas.gr
Description: www.xenonas-platanos.gr
Author:Simple Ideas | Nick Melistas
Author URI:www.simple-ideas.gr
*/
/* Import Google Web Fonts
*********************************************/
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=greek,latin);
@import url(_si/bskit.css);
@import url(_si/flaticon.css);

/* LETS THEME THIS
***************************************************/
body {
font-family: 'Open Sans Condensed', sans-serif;
position:relative;
background:#fefefe;
}
/* SOME GENERAL STYLES
***************************************************/
a:link, a:visited {
outline:none;
text-decoration:none;
color:#93182E;
}
a:hover, a:active {
text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
}
/*
.transitionhidden{
opacity:0;
}
.transitionvisible{
opacity:1;
}
*/
/* SINGLE
***************************************************/
.single{
padding: 0 50px;
}
.post{
color:#000;
}
.post h1{
margin:30px 0 50px 0;
font-size:1.8em;
line-height:1.2em;
color:#333;
}
.post table{
width:100%;
}
.post table, .post tr, .post td {
border:1px solid #ccc;
}
.post p{
margin:0 0 15px 0;
line-height:1.5em;
text-align:left;
}
.post br{
margin:0 0 15px 0;
}
.post img{
border:1px solid #ddd;
background:#fff;
padding:5px;
margin:10px 0;
max-width:99.9%;
height:auto;
}
.post img.alignright{
margin: 0 0 0 1em;
float:right;
width:50%;
}
.post img.alignleft{
margin: 0 1em 0 0;
float:left;
width:50%;
}
.post em{
font-style:italic;
}
.post ul, .post ol{
padding: 2px 10px;
}
.post ul li{
margin:10px;
list-style-type:disc;
}
.post ol li{
margin:10px;
}
#postmeta-top {
font-size:.9em;
border-bottom:1px solid #ccc;
padding:5px;
text-align:left;
margin: 0 0 20px 0;
}
#postmeta-top .small {
margin: 0 0 20px 0;
}
#postmeta-top {
color:#666;
text-transform:uppercase;
}
#postmeta-top a{
color:#666;
text-transform:uppercase;
}
#postmeta {
margin:50px 0 20px 0;
border-top:1px solid #ccc;
padding:5px;
text-align:left;
font-size:.9em;
}
#postmeta a{
display:inline-block;
margin: 0 10px 0 0;
font-weight:600;
}
#postmeta .addthis_toolbox{
display:inline-block;
float:right;
}
#postmeta .addthis_toolbox a{
margin: 0 1px 0 0;
}
/* GRID
***************************************************/
section{
margin-bottom:50px;
}
/* HEADER
***************************************************/



.tagline{
text-align:center;
margin-bottom:0;
margin-left:0;
margin-top:0;
font-size:1em;
padding:5px;
color:#fff;
width:100%;
text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}

.tagline h3{
margin-bottom:0px;
}



/* MAINMENU
***************************************************/
#header .col-sm-12, #header .row{
padding:0;
}
#header,#header.affix {
background:#993300;
min-height:150px;
width:100%;
z-index:9999;
}
.navbar {
margin-top:0px;

}
#mainmenu {
background:#B99257;
height:50px;
margin-top:10px;
}

#mainmenu-inner {
display: table;   /* Allow the centering to work */
margin: 0 auto;
}


#mainmenu-inner .nav li a{
font-size:1.1em;
color:#fff;
padding:5px 8px;
margin:10px 0 0 0;
border-radius:0px;
font-weight:600;
text-transform:uppercase;
letter-spacing:0px;
text-shadow: 1px 1px 1px rgba(0,0,0,.5);
letter-spacing:1px
}
#mainmenu-inner .nav li a:hover, #mainmenu-inner .nav li.current-menu-item a, #mainmenu-inner .nav li.current-menu-item a:hover,
#mainmenu-inner .nav * {
background:transparent;
text-shadow: 0px 1px 1px rgba(0,0,0,.2);
border-radius:0px;
height:35px;
}
#mainmenu-inner .nav li a:hover{
background:transparent;
color:#993300;
border-bottom:2px solid #993300;
border-radius:0px;

}
#headergallery{
position:relative;
top:-50px;
height:400px;
overflow:hidden;
margin-bottom:-50px;
}

#headergallery img{
height:400px;
border:5px solid #000;
overflow:hidden;
}
#headergallery .slick-prev, #headergallery .slick-next{
border:0;
background:none;
width:40px;
height:40px;
box-shadow: 0;
}
#headergallery .slick-prev{
position:absolute;
top:180px;
z-index:9999;
float:left;
text-indent:-110px;
}
#headergallery .slick-prev:after{
content: "\f060";
font-family: FontAwesome;
font-size:1em;
position:absolute;
top:2px;
left:3px;
z-index:9999;
width:30px;
height:30px;
text-indent:0px;
font-size:1.6em;
color:#fff;
}
#headergallery .slick-next:after{
content: "\f061";
font-family: FontAwesome;
font-size:1em;
position:absolute;
top:2px;
left:3px;
z-index:9999;
width:30px;
height:30px;
text-indent:0px;
font-size:1.6em;
color:#fff;
}
#headergallery .slick-next{
position:absolute;
top:180px;
right:0px;
z-index:9999;
float:right;
text-indent:110px;
}




h2.section-title{
text-align:center;
background-color:transparent;
background-image:url('./img/hrline.png');
background-repeat:no-repeat;
background-position:center -25px;
padding:20px 0 30px 0;
margin-bottom:50px;
}
















/* PROFILE
***************************************************/
#video-intro p, #xenonas-intro p{
font-size:1em;
text-align:justify;
color:#000;
}
#video-intro p:first-child, #xenonas-intro p:first-child{
padding-bottom:20px;
color:#000;
}
#xenonas-intro{
background: #e1d0b7;
padding:50px 0;
margin:0;
color:#000;
}



/* Single */
#single{
margin:0;
background:transparent url(img/hr.png) no-repeat center bottom;
padding-bottom:50px;
}
#single .lead{
margin:0;
padding-bottom:50px;
}
#single .lead:before {
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.1;
background-image: url(img/logo.png);
background-repeat: no-repeat;
background-position: 0 120px;
-ms-background-size: 20%;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: 100%;
}
#page-all-photos{
margin:20px 0 0 0;
}
#single p{
font-size:1.1em;
text-align:justify;
color:#000;
  margin-bottom:30px;
}


.photowall img{
  margin-bottom:20px;
  min-height:65px ;

}
/* PHOTOS
***************************************************/

.photos-photogallery a{
  z-index:1;
  margin-bottom:.5%
}

.photos-photogallery a img{
border:1px solid #666;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color=#000000)";/*IE 8*/
-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);/*FF 3.5+*/
-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color=#000000); /*IE 5.5-7*/
}



.scrollphotos .slick-prev, .scrollphotos .slick-next{
border:1px solid #ccc;
background: rgba(250,250,250, 0.8);
width:30px;
height:30px;
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
border-radius:50%;
}
.scrollphotos .slick-prev{
position:absolute;
top:30%;
left:-15px;
z-index:9999;
float:left;
text-indent:-110px;
overflow:hidden;
}
.scrollphotos .slick-prev:after{
content: "\f060";
font-family: FontAwesome;
position:absolute;
top:5px;
left:3px;
z-index:9999;
width:20px;
height:20px;
text-indent:0px;
font-size:.9em;
color:#666;
}

.scrollphotos .slick-next:after{
content: "\f061";
font-family: FontAwesome;
position:absolute;
top:5px;
left:3px;
z-index:9999;
width:20px;
height:20px;
text-indent:0px;
font-size:.9em;
color:#666;
}
.scrollphotos .slick-next{
position:absolute;
top:30%;
right:0px;
z-index:9999;
float:right;
text-indent:110px;
overflow:hidden;
}
.featherlight-content{
overflow-y:hidden !important;
}
.featherlight-previous span img,
.featherlight-next span img  {
display: none !important;

}
.featherlight-previous:hover {
background: rgba(255,255,255,0.15);
background-image: url(img/left.png);
background-repeat: no-repeat;
background-position: 50%;
    background-size:30px;

}
.featherlight-next:hover {
background: rgba(255,255,255,0.15);
background-image: url(img/right.png);
background-repeat: no-repeat;
background-position: 50%;
    background-size:30px;
}




/* contact
***************************************************/
#contact{
padding:0;
position:relative;
overflow:hidden;
font-size:1.5em;
text-align:center;
margin:-50px 0 0 0;
}

#contact p{
font-size:.9em;
text-align:left
}

#contact a{
font-size:.9em;
text-align:left;
color:#93182E !important;
font-weight:600
}

#contact p{
  text-align:center;
}
#contact input, #contact textarea{
margin-bottom:10px;
}
.general-contact-form{
margin-top:50px;
}
.general-contact-form *{
z-index:999;
}
#contact span{
margin:0 15px;
}
.contact-info{
  padding: 0;
margin:15px 0;
  height:80px;

}
.contact-info li{
  float:left;
  padding: 0 0 0 10px;
  font-size:.8em;
}

#form-container *{
  z-index: 9999;
}


/* Button PRIMARY */
.btn.btn-primary {
	background: #B99257;
	box-shadow: 0 2px #43291B;
}

.btn.btn-primary:hover {
	background: #43291B;
	color:#fff !important;
}




#finish{
    padding:0;
  margin-bottom:0px;
border-top:10px solid #B99257;
}



#finish-opacity {
  width: 100%;
  height: 170px;
  display: block;
  position: relative;
  text-align:center;
   background: url(./img/platanos.jpg);

}

#finish-opacity h1 {
  content: "";
  background-color: rgba(0,0,0, 0.7);
  text-align:center;
 padding:50px;
 width:100%;
 height:170px;
 margin:0px auto 0 auto;
 font-size:2.3em;
 color:#fff

}


/* FOOTER
***************************************/
#toTop {
background: #333 url('img/totop.png') no-repeat scroll center center;
color: #ffffff;
position: fixed;
right: 10px;
bottom: 50px;
display: none;
overflow: hidden;
height: 30px;
width: 30px;
text-decoration: none;
text-indent: -999px;
z-index:9999;
}
#toTop:active,
#toTop:focus {
outline: none;
}
#toTopHover {
background: #666 url('img/totop.png') no-repeat scroll center center;
display: block;
overflow: hidden;
float: left;
height: 30px;
width: 30px;
opacity: 0;
}

footer{
border-top:2px solid #43291B;
background:#3c2e19 !important;
padding:5px 0;
color:#fff;
border-bottom:20px solid #302514;
text-align:center;
}


#footer-contacts-details span{
margin:0 5px 0 10px;
}
#footer-contacts-details a{
color:#fff
}






/*transitions and effects
****************************/
.fx-grow-width{
width: 90px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}
.fx-grow-width:hover {
width: 110px;
}



/******************************
Modal thank you
******************************/
.modalblock {
display: block;
}
.vertical-alignment-helper {
display:table;
height: 100%;
width: 100%;
}
.vertical-align-center {
/* To center vertically */
display: table-cell;
vertical-align: middle;
}
.modal-content {
/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
width:inherit;
height:inherit;
/* To center horizontally */
margin: 0 auto;
background:#fff;
width:300px;
height:300px;
border-radius:0;
padding:0 10px;
text-align:center;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-moz-transition: none;
-webkit-transition: none;

}
.modal-backdrop {
background-color: #000 !important;
opacity: .8 !important;
}
#contactthankyoumodal  .close {
margin:10px;
color:#333 !important;
opacity: 1;
font-size:2em;
}
#contactthanks  .col-xs-12 h3{
display:block;
height:50px;
margin-top:-10px;
  font-size:2.2em;
}
#contactthanks  .col-xs-12 p{

  font-size:.7em;
}










/*
MOBILE FIX
*/
/* Extra Small Devices, Phones */
/************/
@media only screen and (min-width : 280px) and (max-width:768px ) {
#phone-shortcuts .row{
text-align:left;
background:#B99257;
width:115%;
padding:10px 5px 10px 0;
}
#phone-shortcuts {
background:#B99257;
width:100%;
}
#phone-shortcuts a {
background-color: rgba(0, 0, 0, 0.6);
width:99%;
display:inline-block;
padding:5px 0 5px 20px;
color:#fff;
margin:5px 0 5px 0;
font-size:1.2em;
border:1px solid #fff;
border-radius:2px;
box-shadow:1px 2px 3px #000;
}
#phone-shortcuts a i{
margin:0 10px 0 0;
}
  #top-languages-mobile{
margin:0 auto;
    text-align:center;
}

    #top-languages-mobile ul{
margin:0 auto;
    text-align:center;


}
#top-languages-mobile a{
background-color:transparent;
width:10%;
display:inline-block;
  float:left;
padding:5px 0 5px 10px;
color:#fff;
margin:5px 0 5px 0;
font-size:1.2em;
border:0;
border-radius:0;
box-shadow:none;
}



.navbar {
margin-top:-5px;
box-shadow:0 2px 5px #333;
height:140px !important;
background: transparent url(img/old-wood-texture.jpg) repeat center center;
}
#header,#header.affix {
background:#fff;
width:100%;
z-index:9999;
}
#indexlogo{
width:180px;
}
#header .col-sm-2{
margin-top:5px;
background:#fff;
box-shadow:0 0 0 #000;
}
.navbar-toggle{
margin-top:-75px;
border:1px solid #000;
}
.navbar-toggle *{
border:1px solid #000;
}
#main-menu-toggle{
text-align:center;
border-top:1px solid #ccc;
border-bottom:5px solid #ccc;
background:#fff;
z-index:9999;
overflow:hidden;
}
#main-menu-toggle .nav {
display:inline-block;
width:100%;
margin-top:0px;
text-align:right;
text-align:center;
}
#main-menu-toggle .nav li{
display:inline-block;
width:45%;
height:35px;
float:left;
text-align:left;
}
#main-menu-toggle .nav li:first-child{
display:none
}
#mainmenu-inner .nav li a{
color:#333;
font-size:1.em;
padding:3px 8px;
margin:0;
border-radius:0px;
text-transform:uppercase;
letter-spacing:0px;
text-shadow: 0px 1px 1px rgba(0,0,0,.2);
}
#mainmenu-inner .nav li a:hover{
border-bottom:0px;
}




#cover{
position:relative;
left:0px;
top:-50px;
z-index:0;
width:100%;
height:350px;
}
#cover .item{
width:100%;
height:400px;
background-position:center 150px;
background-repeat:no-repeat;
background-size:100% 300px;
background-attachment: fixed;
}
#cover .carousel-caption{
position:relative;
text-align:left;
margin-bottom:0;
margin-left:0;
margin-top:0;
font-size:1em;
background-color: rgba(0, 0, 0, 0.6);
padding:5px;
color:#fff;
width:100%;
position:relative;
top:300px;
left:0;
}
#cover .carousel-caption h3{
font-size:1em;
margin:0;
padding:5px 2px;
}
#cover .carousel-control{
z-index:1 !important;
background:none;
}
.carousel-fade .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}


.photowall img{
  width:100%
}




#drastiriotites{
background: url(img/kakavos.jpg) no-repeat center center;
background-size:cover;
height:300px;
margin:0;
border-top:2px solid #43291B;
border-bottom:2px solid #43291B;
  position:relative;
  text-align:center;

}
.drastiriotitestagline h3{
  position:relative;
  top:10px;
color:#fff;
 font-size:3em !important;
  text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  padding: 0 5px;

}






#contact .container{
width:100%;
  margin:0 auto;
}



#social img{
margin:30px auto;
}



footer {
text-align:center
}
footer .col-md-4 img{
width:170px;
margin:0 auto;
display:none;
}
#footer-contacts-details span{
display:none;
}
#footer-contacts-details a{
color:#fff;
}






/************/
}
/************/
/*
MOBILE FIX
*/


/*
TABLET FIX
*/
/* Extra Small Devices, Phones */
/************/
@media only screen and (min-width : 769px) and (max-width:1024px ) {

#cover{
position:relative;
left:0px;
top:-50px;
z-index:0;
width:100%;
height:350px;
}
#cover .item{
width:100%;
height:400px;
background-position:center 150px;
background-repeat:no-repeat;
background-size:100% 300px;
background-attachment: fixed;
}
#cover .carousel-caption{
position:relative;
text-align:left;
margin-bottom:0;
margin-left:0;
margin-top:0;
font-size:1em;
background-color: rgba(0, 0, 0, 0.6);
padding:5px;
color:#fff;
width:100%;
position:relative;
top:300px;
left:0;
}
#cover .carousel-caption h3{
font-size:1em;
margin:0;
padding:5px 2px;
}
#cover .carousel-control{
z-index:1 !important;
background:none;
}
.carousel-fade .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}








/************/
}
/************/
/*
TABLET FIX
*/