#ssWidget{
	/*height: 100%;*/
}
.mainWidth{
	position: relative;
}
.shader{
	min-height: 0px;
}
.widgetArea{
	position: relative;
	/*min-height: 400px;
	max-height: 530px;
	height:-moz-calc(100% - 550px);
	height: -webkit-calc(100% - 550px);
	height: -o-calc(100% - 550px);
	height: calc(100% - 550px);*/
	height: 530px;
	background-position: center center;
	background-size: auto 100%;
	font-family: 'latobold', Arial, Helvetica, sans-serif;
}
.widgetFrame{
	top: 115px;
	position: absolute;
	background: rgba(255,255,255,0.8);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
}
.body .widgetFrame{
	top: 115px;
	margin: 0px 10px;
	width:-moz-calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	width: -o-calc(100% - 20px);
	width: calc(100% - 20px);
}
.widgetFrame input[type=text]{
	padding: 20px 10px;
	font-size: 18px;
	color:#333;
	font-family: 'latobold', Arial, Helvetica, sans-serif;
}
.bottomDescription{
	font-size: 16px;
	color: #999;
}
.body .bottomDescription{
	padding: 10px 20px;
}
.skyscanner-widget > div > div:first-of-type > div > div:nth-of-type(2) svg{
	   position: relative;
	   top: 5px;
   }
@media only screen and (min-width: 800px){
	.widgetFrame{
		top: 185px;
	}
   .skyscanner-widget label{
	   font-family: 'latobold', Arial, Helvetica, sans-serif !important;
		font-size: 14px !important;
   }
   .skyscanner-widget > div > label:nth-of-type(-n+2){
	   width: 50%;
	   position: absolute;
   }
   .skyscanner-widget > div > label:nth-of-type(2){
	   top: 68px;
   }
   .skyscanner-widget > div > div:first-of-type, div[data-element=date-range-picker]{
	   padding-left: 52%;
	   padding-right: 130px;
	   padding-top: 33px;
   }
   .skyscanner-widget > div > div:first-of-type > div > div:first-of-type{
	   height: 40px;
	   display: table-cell;
	   vertical-align: middle;
	   padding: 23px 5px 5px;
   }
   div[data-element=date-range-picker]{
	   padding-top: 10px;  
	}   
   .skyscanner-widget > div > div:last-of-type{
	   position: absolute;
	   width: 115px;
	   right: 0px;
	   margin: 0px;
	   min-width: 0px;
	   top: 0px;
	   height: 100%;
	   box-sizing: border-box;
	   padding:23px 0px 5px;;
   }
   .body .widgetFrame{
	   top: 175px;
   }
   .widgetFrame .bpk-button{
	   height: 100%;
	   border-radius: 0px;
	   text-align: center;
	   box-sizing: border-box;
	   
   }
   .widgetFrame .bpk-button span{
	   margin-right: 0px !important;
	   font-weight: normal;
	   text-transform: uppercase;
	   font-size: 18px;
	   line-height: 30px;
	   padding-top: 18px;
   }
   .widgetFrame .bpk-button svg{
	   display: none;
   }
}