@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,700,600,300&subset=latin,greek);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic&subset=latin,greek);

body{color: #746f6f; font-family: 'Roboto', sans-serif;}
.clear{clear: both; height: 0;}
.container{max-width: 768px;}
.home .t3-sl-1{border-bottom: none !important;}
.t3-content .page-header{border: none; display: none;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Roboto', sans-serif; font-weight: 300; }
h1, .h1{font-size: 230%;}
h4, .h4, h3, .h3{font-weight: 400;color: #A7051F;}
.jsn-uniform h4{font-family: 'Roboto', sans-serif !important;font-weight: 400 !important;}

/*----- TABS TOP -----*/
.navbar-default{background-color:#eee; border: none;}
.navbar-header{width: 100%;}
.container > .navbar-header{margin: 0 !important}
#t3-mainnav > .container{padding:0 !important;}
.custom-tabs{float: left;width:25%;}
.custom-tabs a{width:100%;font-family: 'Open Sans', sans-serif; background-color: #eee; float: left;height: 60px; text-align: center; text-decoration: none; color: #746f6f; font-size: 16px;border-right:1px solid #fbfbfb;border-left: 1px solid #cbcbcb;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
 transition-duration: 0.4s;-moz-transition-duration: 0.4s; /* Firefox 4 */-webkit-transition-duration: 0.4s; /* Safari and Chrome */-o-transition-duration: 0.4s; /* Opera */}
.custom-tabs a:hover, .custom-tabs a:focus{background-color:#A7051F; color: #fff;}
.custom-tabs a.phone, .custom-tabs a.map, .custom-book a.book{line-height: 90px; position: relative;}
.custom-tabs a.phone:before{content:""; background: url('/images/phone.png') no-repeat; display: inline-block; width:16px; height: 16px; position: absolute; left:50%; margin-left: -8px; top: 5px;}
.custom-tabs a.phone:hover:before{content:""; background: url('/images/phone-white2.png') no-repeat; display: inline-block; width:16px; height: 16px; position: absolute; left:50%; margin-left: -8px; top: 5px;}
.custom-tabs a.map:before{content:""; background: url('/images/map.png') no-repeat; display: inline-block; width:16px; height: 16px; position: absolute; left:50%; margin-left: -8px; top: 5px;}
.custom-tabs a.map:hover:before{content:""; background: url('/images/map-white2.png') no-repeat; display: inline-block; width:16px; height: 16px; position: absolute; left:50%; margin-left: -8px; top: 5px;}
.custom-book a.book:before{content:""; background: url('/images/reservation.png') no-repeat; display: inline-block; width:16px; height: 16px; position: absolute; left:50%; margin-left: -8px; top: 5px;}
.custom-book a.book{background-color: #A7051F; color:#fff;}
.custom-book{width: 38% !important; float: left;}
.custom-book a{width:100%; font-family: 'Open Sans', sans-serif;float: left; height: 60px; text-align: center; text-decoration: none; font-size: 16px;border-right:1px solid #fbfbfb;border-left: 1px solid #cbcbcb;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
 transition-duration: 0.4s;-moz-transition-duration: 0.4s; /* Firefox 4 */-webkit-transition-duration: 0.4s; /* Safari and Chrome */-o-transition-duration: 0.4s; /* Opera */}
.navbar{min-height: 60px;}
.off-canvas-toggle{float: left;height: 60px;width:50%; background-color: #A7051F; font-size: 21px; color: #fff;border-right:1px solid #fbfbfb;position:relative;}
.off-canvas-toggle:hover,.off-canvas-toggle:focus{background-color:#A7051F; color: #fff;border-right:1px solid #fbfbfb;}
.t3-megamenu .nav{display: none;}
.off-canvas-toggle .fa{height: 60px;}
.off-canvas-toggle .fa:after{content: "MENU";  font-family: 'Open Sans',sans-serif; font-size: 16px;text-align: center;display: inline-block; line-height: 89px;}
.off-canvas-toggle .fa:before{ display: inline-block;font-size:17px; position: absolute;left: 50%;margin-left: -9px;top: 5px;}
.t3-off-canvas .t3-off-canvas-body a:hover,.t3-off-canvas .t3-off-canvas-body a:focus {color: #A7051F;}

/*----- LOGO -----*/
.logo{text-align:center}

/*----- LANGUAGES -----*/
.mod-languages{width:65px; margin:0 auto; }
.mod-languages .inputbox{width:65px; display:block; text-align: center; margin: 0 auto 20px auto; border: none; color: #A7051F; font-weight: bold; font-size: 20px;box-shadow: none; background: #fff !important; padding: 0; height: 28px; position: relative; z-index: 99;}
.mod-languages .inputbox option{}

/*----- SLIDESHOW -----*/
.wk-slideshow img, .wk-gallery img, .spotlight img, a[data-lightbox] img{width: 100%;}

/*----- DROP DOWN MENU -----*/
.menu-select{max-width: 768px; margin: 0 auto;}
.menu-select li a{font-size: 20px; font-family: 'Roboto', sans-serif;  border-radius: 0 !important; text-align: left; color:#fff;}
.menu-select .dropdown{width: 90%; margin: 40px 5% 0 5%;  position: relative; border: 1px solid #bebebe;}
.menu-select .dropdown-toggle{ background: #A7051F!important;}
.menu-select .caret{border:none; background: url('/images/arrow-down.png') no-repeat; width:28px; height:17px; position: absolute; right: 15px; top: 15px;}
.menu-select .dropdown-menu li a{font-size: 16px; color: #A7051F;}
.menu-select .dropdown-menu li.active a{background: #A7051F; color: #fff;}
.menu-select .dropdown-menu{border-radius: 0 !important; width: 100%;}
.menu-select > li.active > a, .menu-select > li.active > a:hover, .menu-select > li.active > a:focus{background-color: #0d6b95;}

/*----- TEXT -----*/
.custom-text h1{ font-weight: 300; font-size: 33px; color: #746f6f; font-family: 'Roboto', sans-serif;}
.custom-text{margin: 0 5%;}
.article-title{color: #A7051F;font-weight: 300; font-size: 33px; font-family: 'Roboto', sans-serif;}
.article-content{text-align: justify;}
.article-content a, .jsn-uniform a{color:#A7051F; font-weight: 600;}
.t3-wrapper img{max-width: 100%;}

/*----- COPYRIGHT -----*/
.t3-copyright{    background: url(/templates/t3_bs3_blank/images/footerBg.jpg) 0 100% repeat-x; color: #fff; text-align: center;font-family: 'Roboto', sans-serif;font-size: 14px; padding: 40px 0;}
.t3-copyright a{color: #fff; text-decoration: underline;}

/*----- AVAILABILITY -----*/
#availability-checker{max-width: 768px; margin: 0 auto;}
.custom-availability {position:relative; font-family: 'Roboto', sans-serif; font-size: 16px; background-color: #ededed; padding:25px 15px;}
.custom-availability .bookingBtn input {background-color: #0d6b95;color: #FFFFFF;cursor: pointer; padding:7px 0px;position:relative;font-family: 'Roboto', sans-serif; width: 100%; border: none; margin-top: 30px;}
.custom-availability .bookingBtn input:hover, .custom-availability .bookingBtn input:focus {opacity: 0.8;}
.custom-availability .date, .custom-availability .adults{float: left; }
.custom-availability .nights, .custom-availability .children, .custom-availability .date.out{float: right; width:45%; text-align:left;}
.custom-availability label{font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 300; color: #565656}
.custom-availability .date, .custom-availability .nights{margin-bottom: 10px;}
.custom-availability .date input{width:100% !important; background: #fff !important;}
.custom-availability .date{width: 45%; position: relative;}
.custom-availability .date .ui-datepicker-trigger{position: absolute; right: 1px; top: 34px;}
.custom-availability input, .custom-availability select{border: 1px solid #fff; border-radius: 0; box-shadow: none;  padding: 0 12px;height: 51px; }
.custom-availability input:focus, .custom-availability select:focus{box-shadow: none;border: 1px solid #0d6b95;}
.custom-availability select{ overflow: hidden; width: 110%; background: transparent;background: #FFF url("../images/select-arrow.png") no-repeat scroll 90.5% bottom; }
.custom-availability .adults, .custom-availability .children,.custom-availability .nights{ position: relative;z-index: 1;width:45%;overflow: hidden;}

/*----- SOCIAL -----*/
.custom-social{padding: 25px 0;}
.custom-social div{width:230px; margin: 0 auto;}
.custom-social a{float: left; margin-right: 10px;  transition-duration: 0.4s;-moz-transition-duration: 0.4s; /* Firefox 4 */-webkit-transition-duration: 0.4s; /* Safari and Chrome */-o-transition-duration: 0.4s; /* Opera */}
.custom-social a img{width:70px; height: auto;}
.custom-social a:hover,.custom-social a:focus{opacity: 0.8;}
.custom-social a:last-child{margin-right: 0px;}
.custom-social:after{  visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

/*----- FOOTER -----*/
.t3-footer{border-top:1px dashed #b7b7b7;}


.t3-off-canvas .t3-off-canvas-body a{color:#fff;background: #A7051F;}
.t3-off-canvas {background: #A7051F;color: #fff;}
.t3-off-canvas .t3-off-canvas-header {background: #A7051F;color: #fff;}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu .active a {
    background: transparent;
    color: #A7051F;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{background-color:#A7051F;}
.nav .caret, .nav .caret:hover, .nav .caret:focus {border-top-color: #fff;border-bottom-color: #fff;}

/*----- JSN UNIFORM -----*/
#jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label, #jsn_form_2.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label{font-family: 'Roboto', sans-serif;color: #A7051F; font-size: 13px;}
.jsn-bootstrap .row-fluid{margin:0;}
.jsn-container-left{padding:0;}
.control-group.name input{float: left;}
.control-group.name input:first-child{margin-right:5px;}
.control-group.name .help-block{clear:both;}
.control-group.message textarea{height:150px;}
.jsn-uniform.jsn-master .jsn-bootstrap .jsn-form-content .control-group{padding:10px 0 !important;}
.jsn-master p{font-family: 'Roboto', sans-serif; font-size: 13px;}
.ui-state-highlight{border: none !important;}
.jsn-uniform{font-family: 'Roboto', sans-serif; font-size: 14px;}
.btn-toolbar .btn{background-color:#A7051F; border-radius: 0px !important; color: #fff; letter-spacing: 1px;transition-duration: 0.4s;-moz-transition-duration: 0.4s; /* Firefox 4 */-webkit-transition-duration: 0.4s; /* Safari and Chrome */-o-transition-duration: 0.4s; /* Opera */}
.btn-toolbar .btn:hover,.btn-toolbar .btn:focus{background-color:#EDEDED; color: #0d6b95;}

#junModal {margin-top: 0.5px !important;}

div.effect-julia .jun-icon.icon-lightbox { display: none; margin: 0; padding: 0; opacity: 0; background: #e54e53; color: #ffffff; text-transform: none; font-weight: 500; font-size: 16px; height: 44px; width: 44px; border-radius: 50%; line-height: 45px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; -moz-transition: opacity 0.35s, -moz-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -ms-transition: opacity 0.35s, -ms-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-200px, 0, 0); -moz-transform: translate3d(-200px, 0, 0); -o-transform: translate3d(-200px, 0, 0); -ms-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0);}

.jun-item .jun-item-content .jun-content-more a { text-decoration: none; color: inherit; padding: 0; margin: 0; color: #A7051F; font-weight: 600;}

.jun-portfolio-filters #filter .jun-filter a.active { background: #A7051F; color: #fff; -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15) !important; -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15) !important; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15) !important;
}

body > div.t3-wrapper > div > div.wrap.t3-sl.t3-sl-1 > div.custom.sol-title {width: 768px; margin: 0 auto; padding: 0 15px; color: #A7051F; font-weight: 800; font-size: 33px; font-family: 'Roboto', sans-serif;}