/** START: Price Widget Styling**/
	
*{
	margin:0;
	padding:0;
}

*{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
}

body {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

iframe {background:none; border:0; outline:none; overflow:hidden;}
.priceWidgetOuter {
	background:#1f3745;
	z-index:999;
	width:100%;
}

.priceWidgetWrap {max-width:1030px; width:100%; height:63px; line-height:63px; margin:0 auto; overflow:hidden; padding:0 15px;}
.priceWidgetWrap .defaultDate {background:#2a566f; display:inline-block; vertical-align:middle; height:39px; padding:0 50px 0 45px; font-size:15px; color:#fff; line-height:39px; border-radius:5px 0 0 5px; position:relative;}
.priceWidgetWrap .defaultDate:after {content:''; background:url(../images/icon-white-cal.png) no-repeat 0 0; width:20px; height:20px; display:block; position:absolute; top:8px; left:15px;}

.priceWidgetWrap .defaultDate:before {
    content: "";
	background:url(../images/widgetDate_arrow.png) no-repeat 0 0;
    position: absolute;
    right: -22px;
    bottom: 0;
    width: 22px;
    height: 39px;
  }
  
.priceScrollCol {display:inline-block; width:280px; height:63px; vertical-align:top; line-height:normal; margin-left:50px; position:relative;}
.priceScrollCol:before {content:''; display:block; width:100%; height:22px; position:absolute; top:0; left:0; z-index:2; 
background: -moz-linear-gradient(top, rgba(31,55,69,1) 0%, rgba(255,255,255,0) 100%); 
background: -webkit-linear-gradient(top, rgba(31,55,69,1) 0%,rgba(255,255,255,0) 100%); 
background: linear-gradient(to bottom, rgba(31,55,69,1) 0%,rgba(255,255,255,0) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3745', endColorstr='#00ffffff',GradientType=0 ); 
}
.priceScrollCol:after {content:''; display:block; width:100%; height:22px; position:absolute; bottom:0; left:0; z-index:2;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(31,55,69,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(31,55,69,1) 100%); 
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(31,55,69,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1f3745',GradientType=0 );
}
.priceScrollCol .slick-vertical .slick-slide {color:#fff; font-size:15px; padding:3px 0;}
.priceScrollCol .priceScroll {margin-top:-5px;}

.priceScrollCol .ourPriceTag.slick-slide {color:#90d7ff !important; /*font-weight:600;*/ display:none;}

.priceWidgetWrap #wrapper-triangle {float: none; width:50px; display: inline-block; vertical-align: middle; position:relative;}

.priceWidgetWrap #triangle-main { width: 0; height: 0; border-top: 62px solid transparent; border-bottom: 62px solid transparent; border-left: 50px solid; position: absolute; top: -62px; border-left-color: #284d63;}
	
.priceWidgetWrap #triangle-cut {width: 0; height: 0; border-top: 31px solid transparent; border-bottom: 31px solid transparent; border-left: 25px solid; position: absolute; top: -31px;  border-left-color: #1f3745;}
          
.lowestPrice {display:inline-block; margin:0 40px; vertical-align:middle; line-height:normal; text-align:center; font-size:15px; color:#fff;}
.lowestPrice span {display:block; font-size:19px; color:#90d7ff;}

.compareRate {float:right; clear:right; line-height:normal; margin-top:20px;}
.compareRate a {background:#7db343; font-size:12px; color:#fff; text-decoration:none; text-transform:uppercase; padding:9px 22px; border-radius:25px;}

.priceWidgetTitle {margin-bottom:20px; margin:0 20px 20px;}
.priceWidgetTitle .title {font-size:24px; color:#282828; font-weight:600;}


.priceWidgetDates {background:#ececec; padding:20px; clear:both; overflow:hidden; margin:0 20px 10px;}
.calenderColsLeft {width:50%; float:left; padding-right:10px; clear:left;}
.calenderColsRight {width:50%; float:right; padding-left:10px; clear:right;}

.priceWidgetDates label {font-size:13px; color:#1b1b1b; font-weight:600; margin-bottom:5px; display:block;}
.priceWidgetDates .calendarCol {background:#fff; border:1px solid #aeabab; border-radius:4px; padding-right:10px;}
.priceWidgetDates .calendarCol input {background:url(../images/icon-black-cal.png) no-repeat right center; padding:7px 10px; width:100%; border:0; outline:none;}

.priceWidgeCompareList {margin:0 20px; max-height: 360px; overflow: auto;}
.priceWidgeCompareRow {border-bottom:1px solid #d6d6d6; padding:12px 0; clear:both; overflow:hidden;}
.priceWidgeCompareRow:last-child{border-bottom:0;}
.priceWidgeCompareRow:hover {background:#f2f2f2;}

.priceWidgeCompareRow.ourHotel .col2 {color:#1074ac;}

.priceWidgeCompareCol {display:inline-block; vertical-align:middle; padding-right:20px; color:#818181;}
.priceWidgeCompareCol.col1 {width:20%;}
.priceWidgeCompareCol.col2 {width:45%;}
.priceWidgeCompareCol.col3 {width:32%; text-align:right; padding-right:5px;}
.priceWidgeCompareCol.col3 a {background:#7db343; color:#fff; text-decoration:none; padding:7px 25px; border-radius:5px;}

.priceWidgetFooter {padding:15px 15px; border-top:1px solid #d6d6d6; text-align:right;}
.priceWidgetFooter span {display:inline-block; vertical-align:middle; font-size:12px; color:#282828; margin-right:5px;}
.priceWidgetFooter a {display:inline-block; vertical-align:middle;}

.bookNowMobile {padding:15px; text-align:center; display:none;}
.bookNowMobile a {background:#7db343; color:#fff; text-decoration:none; display:block; padding:7px 25px; border-radius:5px;}

/** END: Price Widget Styling**/

@media screen and (max-width: 1040px) {
	.priceWidgetWrap .defaultDate {padding:0 30px 0 40px;}
	.priceScrollCol {width:270px;}
}

@media screen and (max-width: 991px) {
	.priceScrollCol {width:200px; margin-left:0;}
	.priceWidgetWrap .defaultDate {display:none;}
	.lowestPrice {margin:0 20px; font-size:13px;}
	.lowestPrice span {font-size:17px;}
} 

@media screen and (max-width: 767px) {
	.priceScrollCol .ourPriceTag.slick-slide {display:block;}
	.lowestPrice {display:none;}
}

@media screen and (max-width: 629px) {
	.priceWidgeCompareCol.col3 {display:none;}
	.priceWidgeCompareCol.col1 {width:100px; padding-right:5px;}
	.priceWidgeCompareCol.col2 {width:62%; text-align:right; padding-right:0; float:right; font-size:13px;}
	.bookNowMobile {display:block;}
	.priceWidgeCompareRow:last-child {border-bottom: 1px solid #d6d6d6;}
}

@media screen and (max-width: 479px) {
	.priceWidgetWrap #wrapper-triangle {display:none;}
	.priceScrollCol {width:180px;}
	.priceScrollCol .slick-vertical .slick-slide {font-size:12px; padding:4px 0; font-weight:600;}
	.compareRate a {font-size:10px; padding:9px 12px; font-weight:700;}
	
	.priceWidgetTitle, .priceWidgetDates, .priceWidgeCompareList {margin-left:15px; margin-right:15px;}
	.priceWidgetDates {padding-left:15px; padding-right:15px;}
	.priceWidgetTitle .title {font-size:18px;}
	
	/* .priceScrollCol .priceScroll {margin-top:-5px;} */
	
}