﻿@font-face {
    font-family: 'montserratlight';
    src: url('../../fonts/montserrat-light-webfont.eot');
    src: url('../../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('../../fonts/montserrat-light-webfont.woff') format('woff'),
         url('../../fonts/montserrat-light-webfont.svg#montserratlight') format('svg'),
		 url('../../fonts/montserrat-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratregular';
    src: url('../../fonts/montserrat-regular-webfont.eot');
    src: url('../../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../../fonts/montserrat-regular-webfont.woff') format('woff'),
		 url('../../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg'),
         url('../../fonts/montserrat-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
	padding-top: 0px !important;
    padding-bottom: 20px;
	font-family: 'montserratlight', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {max-width:100%; height:auto;}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
	padding-bottom: 25px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
/*h1 {color:#fff; background-color:#21BAED; padding: 10px; float:left; clear:both; margin-top:0px;}*/
h1 {color:#0A5B91; float:left; clear:both; margin-top:0;}
.carousel-caption h1 { color: #fff; }
h2, h3 {color:#0A5B91; margin-top:0; clear:both;}
p {clear: both;}

b, strong {font-family: 'montserratregular', Arial, sans-serif; font-weight: normal;}

.btn {background-color:#e61b72; background-image:none !important; border:0px; border-radius:4px; text-shadow:none !important; color:#fff; clear:both; margin-bottom:10px;}
.btn:hover, .btn:focus, btn.active {background-color:#EF2F83 !important; text-decoration:underline; color:#fff;}

.btn.remove-accom {background-color: #21BAED !important; font-size:12px;}
.btn.remove-accom:hover , .btn.remove-accom:focus  {background-color: #21BAED !important; font-size:12px;}

hr { border-top: 1px solid #0A5B91;}

.top-strip {background-color:#21BAED; padding-top:5px;height: 30px;margin-bottom: 10px;}
.top-strip ul {list-style:none;}
.top-strip ul li {float: right}
.top-strip ul li a {color:#fff; margin-left:15px; margin-bottom:5px;}
.top-strip ul li.dropdown ul {
    padding: 5px;
}

.header {padding-bottom:25px;}

.phone-no {font-size:24px; color:#0A5B91; margin-top: 3px; margin-right: 10px;}
.phone-icon {width:17px; height:22px; float:right; margin-top:10px; margin-right:10px;}

.navbar {min-height:38px;}
.navbar-inverse {width:100%; float:right; background-color:#0075be; border-radius: 0px; background-image:none !important; border:none; margin-top: 10px;}
.navbar-nav li a {color:#fff !important; text-shadow:none !important; padding-left:6px; padding-right:6px; font-size:12px;}
.navbar-nav li a:hover, .navbar-nav .nav-on a {color:#fff/*312782*/ !important; background-color:#21BAED !important;}
.top-nav li a {color:#0A5B91 !important; }
.cart {background-color:#e61b72 !important; width: auto;}
.cart li a {height: 44px;}
.cart li a:hover, .cart li a:focus, .cart li a:active {text-decoration:underline; background-color: #EF2F83 !important; color:#fff !important;}
.top-nav li a:hover {background-color:#fff !important; text-decoration:underline;}
/*.cart li a { padding-left: 15px !important;padding-right: 15px !important;}*/
.cart li a img { margin-right: 5px;}

/*.cart-icon {width:22px; height:22px; margin-top:9px; margin-left:12px; float:right;}*/
/*.navbar-right {padding-right: 10px;}*/

.side-panel {
    border: 1px solid #0A5B91 !important;
    margin-bottom:20px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(236,241,243,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(236,241,243,1)));
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(236,241,243,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(236,241,243,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(236,241,243,1) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(236,241,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ecf1f3', GradientType=1 );
}

.search-header {width:100%; height: 73px; padding-left: 20px; padding-top: 8px; color:#fff; background-color:#0075be;}

.well {border: 0; border-top:1px solid #0075be !important; border-bottom:1px solid #0075be !important; border-radius:0px; box-shadow:none !important; background-color:#fff; /*background-image:none !important;*/}
.accomm-search {min-height:398px; color:#0A5B91;}
.accomm-search p {margin-bottom:5px;}
.accomm-search .datepicker {/*border:1px solid #0A5B91; */padding:6px; float:left; margin-right:10px; margin-bottom:8px; min-width: 82%;}
.accomm-search .datePicker-with-button {/*border:1px solid #0A5B91; */padding:6px; float:left; margin-right:10px; margin-bottom:8px; min-width: 100%;}
.accomm-search-property .datePicker-with-button {/*border:1px solid #0A5B91; */padding:6px; margin-right:10px; margin-bottom:8px; min-width: 82%;}
.ui-datepicker-trigger { /*border:1px solid #0A5B91; */padding:6px; background-color: white; height: 32px; width: 32px;}
.date-picker-icon {float:left; /*border:1px solid #0A5B91; */padding:6px;}
.accomm-search select {/*border:1px solid #0A5B91; */background-image:none !important; background-color:#fff !important; /*height: 30px; */width: 55px; margin-bottom:10px; }
.accomm-search p a {color:#0A5B91;}

td.dayofarrival a, td.dayofdeparture a {
    border: 1px solid #e61b72 !important;
}

.carousel-caption {
    top: 0px;
    left: 40px;
    text-align: left;
    max-width: 45%;
}
.carousel-caption h1 {background-color: rgba(4, 186, 238, .7); padding: 15px; text-shadow: none; float: left; clear: both; font-size: 20px; margin-top: 0px;}
.carousel-control {top: inherit; height:60px; z-index:999;}
.carousel-control .glyphicon {line-height:0;}
.carousel .btn {float:left !important; font-size: 13px;}

.holiday-home h2 {margin-top: 0px;} 

.feature-box {max-width:262px; height:193px; text-align:center; padding-top:144px; margin: 0px auto 30px auto; background-repeat:no-repeat}
.feature-box .btn {float:none;}

.focus-box {max-width:360px; height:265px; text-align:center; padding-top:205px; margin:0px auto 35px auto; text-size:18px; background-repeat:no-repeat}
.focus-box .btn {font-size:20px;}

.body-content ul {clear:both;}

.padded {padding:30px 0px;}
.left-line {border-left:1px solid #0075be !important; padding-left:30px;}

/*.highlight-box {background-color:#f5f5f5;}*/
.highlight-box {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(236,241,243,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(236,241,243,1)));
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(236,241,243,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(236,241,243,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(236,241,243,1) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(236,241,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ecf1f3', GradientType=1 );
}
.search-result {padding-top:10px; padding-bottom:10px; border-bottom:1px solid #c6c6c6;}
.highlight-box select {width:100px; /*height:30px; border:1px solid #0A5B91; */background-image:none !important; background-color:#fff !important;}
.highlight-box h2 {margin-top:0;}
.result-buttons {padding-top:15px;}
.dividing-line {padding-top:30px; border-top:2px solid #c6c6c6 !important;}

.alert {border-radius:0px;}
div#cookieWarning {margin-bottom:0px; border:0px;}

#map-canvas {width:100% !important; margin-bottom: 30px;}

.livigno-footer {color:#fff; background-color:#0075be; padding-bottom:30px;}
.livigno-footer h4 {padding-top:20px; padding-bottom:20px;}
.livigno-footer a {color:#fff;}
.livigno-footer p {clear:right;}
.footer-icon {width:22px; height:22px; float:left; margin-right:15px;}
.address-icon {width:22px; height:100px; float:left; margin-right:15px;}

.mountains {height:66px; background-image:url(../images/mountains.png); background-color:#0075be; background-repeat:repeat-x; background-position:center;}
.white-footer {height:80px; margin-top:20px; margin-bottom: 40px;}

@media (max-width: 500px) {
    .carousel-caption { max-width: 75%; }
	.carousel-caption h1 {padding: 10px; font-size: 14px; margin-top: -10px;}
	.carousel .btn {float:left !important; font-size: 12px;}
	.carousel-control {height:85px;}
}
  
@media (min-width: 768px) {
	.navbar-nav>li>a {padding-top:12px; padding-bottom:12px; padding-left:7px; padding-right:7px;}
	.navbar-collapse {padding-left:0px; padding-right:15px;}
	.carousel-caption h1 {padding: 21px; font-size: 28px; margin-top: 20px;}
	.carousel-control {height:85px;}
	.carousel-control .glyphicon {line-height: 1;}
	/*.cart {width: 120px;}*/
	.accomm-search select {width:170px;}
  }
  
@media (min-width: 992px) {
	.logo {padding-top:18px;}
	.navbar {min-height:36px;}
  	.navbar-nav>li>a {padding: 8px 6px;}
	/*.cart {width: 113px;}*/
	/*.cart-icon {margin-top: 6px; margin-left: 10px;}*/
	.carousel .btn {float:left !important; font-size: 18px;}
	.accomm-search .datepicker {min-width:127px;}
    .accomm-search .datePicker-with-button {min-width:127px;}
    /*.accomm-search-property .datePicker-with-button {min-width:150px; width:150px;}*/
	.accomm-search select {width:70px;}
	.side-panel input#email {max-width:171px;}
	.get-in-touch p {font-size:13px !important;}
    .homepage .carousel-inner .item img {height:577px; max-width:100%;}
	.homepage .carousel-inner.one-resort .item img {height:507px; max-width:none;}
	.left-line {min-height:310px;}
	/*.highlightbox input#checkin, .highlightbox input#checkout {width:160px;}*/
	.livigno-footer p {font-size:12px;}
    }
  
@media (min-width: 1200px) {
  .logo {padding-top:9px;}
  .navbar {min-height:38px;}
  .navbar-nav li a {padding: 12px 9px; font-size:14px;}
  .navbar-collapse.collapse {width:850px !important;}
  .search-header {height: 53px;}
  /*.cart {width: 134px;}*/
  /*.cart-icon {margin-top: 12px; margin-left: 14px;}*/
  /*.accomm-search .datepicker {min-width:177px;}
  .accomm-search .datePicker-with-button {min-width:177px;}
  .accomm-search-property .datePicker-with-button {min-width:177px;}*/
  .accomm-search select {width:95px;}
  .side-panel input#email {max-width:221px;}
  .get-in-touch p {font-size:14px !important;}
  .left-line {min-height:265px;}
  .homepage .carousel-inner .item img {height:517px; max-width:100%;}
  .homepage .carousel-inner.one-resort .item img {height:450px; max-width:100%;}
  .livigno-footer p {font-size:14px;}
  }

.contact-form {margin-left:-15px;}
.contact-form .data-entry {margin-bottom:15px;}
