/* 
Destil.al - Developed by ATIS SHPK - ALBANIA
*/

@font-face {
  font-family:'DeStencilNF';
  src:url('../fonts/destil.ttf') format('truetype'), 
      url('../fonts/destil.eot') format('embedded-opentype'),
      url('../fonts/destil.woff') format('woff'),
      url('../fonts/destil.ttf') format('truetype'),
      url('../fonts/destil.svg') format('svg');
}
@font-face {
  font-family:'DeStijl';
  src:url('../fonts/DeStijl.ttf') format('truetype'),
      url('../fonts/DeStijl.eot') format('embedded-opentype'),
      url('../fonts/DeStijl.woff') format('woff'),
      url('../fonts/DeStijl.ttf') format('truetype'),
      url('../fonts/DeStijl.svg') format('svg');
}
@font-face {
  font-family:'Century Gothic';
  src:url('../fonts/century_gothic.ttf') format('truetype'),
      url('../fonts/century_gothic.eot') format('embedded-opentype'),
      url('../fonts/century_gothic.woff') format('woff'),
      url('../fonts/century_gothic.ttf') format('truetype'),
      url('../fonts/century_gothic.svg') format('svg');
}

html, body {height:100%;font-family:'Century Gothic';}
body {padding-top:200px;color:#666;background:#f8f8f8 url('../img/ticks.png') repeat 0 0;}
h1 {font-size:30px;}
.navbar-brand img {margin-top:-19px;width:155px;}
.menu-top-line {position:absolute;margin:0;padding:0;top:21px;left:0;margin-top:69px;width:100%;border-bottom:1px solid #777;}
.vertical-line {position:absolute;margin-left: 106px;top: 110px;height:10000%;border-left:3px solid #191919;z-index:1000;}
.vertical-line img {margin-left:-85px;}
.tab-pane {margin-top:15px;}
.section-colored {background-color:#191919;}
.list-social-icons {margin-bottom:45px;}
.tooltip-social a {text-decoration:none;color:inherit;}
.facebook-link a:hover {color:#324DA1;transition: all 0.3s linear 0s;}
.pinterest-link a:hover {color:#B21D19;transition: all 0.3s linear 0s;}
.twitter-link a:hover {color:#39a9e0;transition: all 0.3s linear 0s;}
.google-plus-link a:hover {color:#AA2B1C;transition: all 0.3s linear 0s;}

/********** HOME PAGE *********/
.intro {padding-top:30px;}
.intro h2 {font-family:'DeStijl'; font-size:58px;color:#626262;text-align:center;margin:0;text-transform:uppercase;}
.intro h1 {font-family:'DeStencilNF'; font-size:58px;color:#000;text-align:center;text-transform:uppercase;}
.intro p {text-align:justify;}
.intro .modal-booking {border:3px solid #A6424E;margin:0 13px;}
.intro .modal-booking h2 {color:#A6424E;}
.intro .modal-booking h2:hover {color:#7C292C;}
.intro .modal-booking a:hover {text-decoration:none;}
.intro .modal-booking img {padding:10px 0;}
.intro .col-lg-4 .col-md-12 {margin-top:20px;padding:13px;}
.intro .col-lg-4 .col-md-12 img {width:100%;}
.intro .col-lg-4 .col-lg-12 {padding-left:13px;padding-right:13px;}
.intro .col-lg-4 .col-lg-12 img {width:100%;}
.display {display:initial;}
.why-stay h2 {font-family:'DeStijl';font-size:62px;color:#626262;text-align:center;margin:0;}
.why-stay h2 span {color:#A6424E;}
.why-stay .col-sm-4 .col-md-12 {padding:13px;}
.why-stay .col-md-4 .col-md-12 ul {line-height:2;list-style-image:url('../img/dotted.png');}
.why-stay .col-sm-4 .col-md-12 img {width:100%;}
.enjoy h2 {font-family:'DeStijl'; font-size:43px;color:#626262;text-align:center;margin:0;text-transform:uppercase;}
.enjoy {padding-top:20px;}
.enjoy .col-sm-4 .col-md-12 {padding:13px;}
.enjoy .col-md-4 .col-md-12 ul {line-height:2;list-style-image:url('../img/dotted.png');}
.enjoy .col-sm-4 .col-md-12 img {width:100%;}

.col-centered{float:none;margin:0 auto;}

.navbar-collapse {min-height:80px;}
.navbar-inverse {background-color:#fff;border-bottom:1px solid #777;}
.nav > li > a {padding:0 20px;color:#444 !important;}
.nav > li > a:hover {background-color:none;}

.nav-menu {margin-top:50px;}
.nav-menu li {font-size:16px;}
.nav-menu li a {line-height:1.2;}
.line {/*padding-top:13px;*/color:#999;}
.nav-menu .line {font-size:8px; margin-top:4px}
.welcome-page, .contact-page, .gallery-page, .rooms-page, .facilities-page {margin-top:-80px;}

.footer {padding:0;z-index:10000;}
footer {padding-top:50px;color:#eee;}
footer p {text-align:center;}

a:hover, a:active, a:focus {outline:0;}
.rooms .col-lg-2 img {width:100%;}
.room-description ul, .facilities-description ul {list-style-type:circle;font-size:14px;line-height:2;}
.room-description p, .facilities-description p {font-size:17px;text-align:justify;padding-left:10px;}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {background-color:none;}
ul{list-style-type: none;}
.portfolio {border:2px solid #A6424E;}

.btn-warning {background-color:#666;border-color:#444;}
.btn-warning:hover{background-color:#A6424E;border-color:#601921;transition: all 0.3s linear 0s;}
.nav-menu > li > a:hover {/*border-bottom:3px solid #67B3AD;*/transition: all 0.1s linear 0s;}
.nav-language {margin-top:20px;}
.nav-language > li > a:hover {color:#A6424E !important;transition: all 0.2s linear 0s;}

.facilities-description .col-lg-12 {padding-bottom:20px;}
.facilities-description .col-lg-2 img {width:100%;}
.img-responsive {margin:0 auto;}


@media (min-width:1200px) {
  .modal-booking {width:92%;}
}
@media (min-width:992px) and (max-width:1199px) {
  .intro h2 {font-size:66px;}
  .intro h1 {font-size:66px;}
  .why-stay h2 {font-size:73px;}
  .enjoy h2 {font-size:50px;}
}
@media (min-width:768px) and (max-width:991px) {
  .intro h2 {font-size:49px;}
  .intro h1 {font-size:49px;}
  .why-stay h2 {font-size:53px;}
  .enjoy h2 {font-size:36px;}
  .about-page h1 {font-size:20px;}
}

@media (min-width:768px) {
  .navbar-header p {display:none;}
  .footer .col-lg-8 {width:66.66666666666666%;float:left;}
  .footer .col-lg-4 {width:33.33333333333333%;float:left;}
  .room-description p {padding-left:20px;}
  .gallery-page .col-lg-10 {float:right;}
  .contact-page .col-sm-7, .contact-page .col-sm-3, .contact-page .col-lg-10 {float:right;}
  .rooms-page .col-lg-6 {width:50%;}
  .facilities-page .col-lg-6 {width:50%;float:left;}
  .about-page .col-lg-10 {float:right;}
  .about-page .col-md-6 {width:50%;float:left;}
}
@media (max-width:767px) {
  h1 {font-size:25px; }
  .intro h1 {font-size:43px;}
  .welcome-page .container .col-sm-12 {margin-left:0 !important;}
  .intro .modal-booking {float:left;width:95%;padding:15px;}
  .intro .col-lg-4 .col-md-12 img {padding-top:40px;}
  .intro .col-md-4 .col-md-12 {padding-bottom:40px;position:static;}
  .intro .col-md-4 {position:static;}

  .room-description p {padding-top:30px;}
  .menu-top-line {display:none;}
  .vertical-line {display:none;}
  .page-header {font-size:25px;}

  .nav-language {padding-bottom:15px;border-bottom:1px solid #666;}
  .nav-menu {margin-top:-30px;}
  .welcome-page, .contact-page, .gallery-page, .rooms-page, .facilities-page {margin-top:-120px;}
  .navbar-inverse .navbar-toggle {background-color:#333;}
  .navbar-inverse {background-color:#444;}
  .nav > li > a {color:#eee !important;text-align:center;}
  .nav > li > a {padding-top:7px;padding-bottom:7px;}
  .navbar-inverse .navbar-nav > .active > a,
  .navbar-inverse .navbar-nav > .active > a:hover,
  .navbar-inverse .navbar-nav > .active > a:focus {border:none;}
  .nav-menu > li > a:hover {border:none;background-color:#A6424E !important;}
  .navbar-header p {font-family:'DeStencilNF';color:#A6424E;position:absolute;left:41%;padding-top:10px;font-size:22px;font-weight:bold;}
  .navbar-inverse img {display:none;}
  .line {display:none !important;}
}
@media (max-width:550px) {
  .navbar-header p {left:37%;}
}
@media (min-width: 768px) and (max-width: 1199px){
  h1 {font-size:30px; }
  .col-md-4, .col-md-2 {float:left;}
  .col-md-4 {width:46%;}
  .col-md-2 {width:2%;}
  .col-lg-10 {width:83.33333333333334%;}
  .page-header {font-size:30px;}

  .col-lg-5, .col-lg-7 {float:left;}
  .col-lg-7 {width:58.333333333333336%;}
  .col-lg-5 {width:41.66666666666667%;}
}

/***** MODAL *****/
.modal-dialog {margin-top:2%;width:500px;overflow:auto;background-color:#333;}
.modal-content {background-color:#222;color:#ddd;}
.modal-footer {border-top:none;}
.modal-footer .btn-primary {background-color:#666;border-color:#444;}
.modal-footer .btn-primary:hover {background-color:#222;border-color:#999;transition:all 0.3s linear 0s;}
.modal-footer .btn-warning:hover {border-color:#999;}
.form-control:focus {border-color:#E65324;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(230,83,36,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(230,83,36,.6);}
button.close {width:20px;background:none repeat scroll 0 0 #FF0000;}
.modal.fade {-webkit-transition:opacity 0.3s linear,left 0.3s ease-out;-moz-transition:opacity 0.3s linear,left 0.3s ease-out;-o-transition:opacity 0.3s linear,left 0.3s ease-out;transition:opacity 0.3s linear,left 0.3s ease-out;}
.modal.fade.in {left:100px;}
#success, #error {display:none}
#success p, #error p {display:block;position:absolute;top:0;width:100%}
#success p, #error p {margin-top:6em}
#success p {color:#9bd32d;text-align:center;}
#error p {color:#c0392b}
form label.error {margin-top:-1em;margin-bottom:1em;font-size:12px;line-height:12px;font-size:1.2rem;line-height:1.2rem;color:#c0392b}
@media (max-width:768px) {.modal-dialog {width:95%;margin-top:2%;}.modal.fade.in {left:0;}}


.room-description li {list-style-type:none;padding-left:35px;display:inline-block;}
.room-description #tel {background: url('http://www.destil.al/images/tel-ico.png') no-repeat left 3px;}
.room-description #wifi {background: url('http://www.destil.al/images/wifi-ico.png') no-repeat left 3px;}
.room-description #air {background: url('http://www.destil.al/images/air-ico.png') no-repeat left 5px;}
.room-description #tv {background: url('http://www.destil.al/images/tv-ico.png') no-repeat left 3px;}

@media (min-width:768px) {.room-description {padding:0;}}
@media (max-width:767px) {
  .facilities-description .col-lg-2 {width:16.666666666666664%;float:left;}
  .facilities-description .col-lg-12 img {padding-top:30px;}
  .facilities-description .col-lg-12 {height:auto;}
}
@media (max-width: 1199px) {
  .room-description ul {padding-top:30px;}
  .rooms .col-lg-2 img {width:50%;margin:auto 0;padding-bottom:50px;}
}
@media (min-width:768px) and (max-width: 1199px) {
  .facilities-description .col-lg-2 {width:16.6666666%;float:left;padding-left:5px;padding-right:5px;}
}

h1 {font-family:'DeStijl';}
.facilities-description .col-lg-12 {display:inline-block;}
.room-description {display:inline-block;}

.page-header {color:#B74D51;}

.about-page {margin-top:-50px;}
.about-page p {text-align:justify;}


@media (min-width: 768px) and (max-width: 1199px){
  .welcome-page .container .col-sm-12 {margin-left:9%;}
}

.welcome-page span, .about-page span {color:#B74D52;}



.about-page img {border-radius:50%;border:10px solid #fff;}

.carousel-search .caret {float:right;}

.welcome-page .container .col-sm-12 {margin-left:9%;}

.number-of .btn-select {width:200px;}
.carousel-search .arrival-day {width:70px;}
.carousel-search .arrival-date {width:180px;}