@charset "iso-8859-1";
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);
/**,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {margin:0;padding:0;}*/
.clear {clear:both;}
#fixed-rates {
	position:fixed;
	bottom:-300px;
	left:50%;
	-webkit-transform:translate(-50%,0);
	transform:translate(-50%,0);
	
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:0 0 0 115px;
	transition:bottom 0.3s ease-out;
	    z-index: 9999;
}

#fixed-rates .closebar {
	padding:2px 6px;
	background: #f5f5f5;
	color:#333;
	border:solid 1px #CCC;
	
	font-family:'Lato', sans-serif;
	font-size:15px;
	color:#333;
}
#fixed-rates .closebar a {
	float:right;
	text-decoration:none;
	display:block;
}
#fixed-rates .closebar a:before {
	color:#ef6552;
	text-decoration:none;
	content:"\f078";
	display:block;
	font-family: 'fontAwesome';
	font-size:20px;
}
#fixed-rates .closebar a:hover:before {color:#33b1de;}
#fixed-rates .closebar.switch-close {border:solid 1px #999;}
#fixed-rates .closebar.switch-close a:before {content:"\f077";}
#fixed-rates .closebar.switch-close a:hover:before {}

#fixed-rates .fixed-rates-banner {
	position:relative;
	background:url(../images/fixed-banner-bg.jpg) no-repeat center center;
	background-size:cover;
	padding:25px 25px 30px 280px;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	text-align:right;
}
#fixed-rates .fixed-rates-banner h3 {
	font-family:'Lato', sans-serif;
	font-size:26px;
	color:#FFF;
  	font-weight:400;
	margin:0 0 20px;
}
#fixed-rates .catalogue-pdf {
	position:absolute;
	bottom:-50px;
	left:-25px;
	width:360px;
	height:auto;
}
#fixed-rates .catalogue-girl {
	position:absolute;
	bottom:-62px;
	left:-115px;
	height:auto;
	z-index:1;
	opacity:1;
	transition:opacity .3s ease-out, bottom 0s ease-out;
}
#fixed-rates.fixed-down .catalogue-girl {
	opacity:0;
	bottom:-200px;
	transition:opacity .3s ease-out, bottom .3s ease-out;
}


#fixed-rates a.button {
  position: relative;
  top: 0;
  display: inline-block;
  vertical-align: bottom;
  outline: 0;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  text-decoration: none;
  text-align:left;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease-out, border 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out, border 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out, border 0.3s ease-out;
  transition: background-color 0.3s ease-out, border 0.3s ease-out;
}
#fixed-rates a.button.medium {font-size: 20px;}
#fixed-rates a.button.medium span.text {padding: 15px 20px;}
#fixed-rates a.button.medium.w_icon {padding-right: 59px;}
#fixed-rates a.button.medium.w_icon span.icon {width: 60px;font-size:24px;}
#fixed-rates a.button span.text {border-radius: 0;position: relative;}
#fixed-rates a.button.w_icon span.text {border-radius: 0 0 0 0;}
#fixed-rates a.button.w_icon span.icon {
  border-radius: 0 0 0 0;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
#fixed-rates a.button.w_icon span.icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#fixed-rates a.button.light span.text {
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: #ef6552;
  background-color: #ef6552;
  color: #FFF;
}
#fixed-rates a.button.light:hover span.text {
  background-color: #33b1de;
  border: 1px solid transparent;
  color: #FFF;
}
#fixed-rates a.button.light.w_icon span.icon {
  background-color: #e5e5e5;
  color: #333;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}
#fixed-rates a.button.light.w_icon:hover span.icon {
  background-color: #e5e5e5;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  color: #333;
}


@media only screen and (max-width: 800px) {
	#fixed-rates .fixed-rates-banner {padding:25px 25px 30px 200px;text-align:left;}
	#fixed-rates .fixed-rates-banner h3 {
		position:relative;
		background:rgba(0,0,0,0.7);
		padding:10px 15px;
		margin:0 0 10px;
	}
	#fixed-rates .catalogue-pdf {bottom:-20px;}
	#fixed-rates .catalogue-girl {bottom:-32px;}
}
@media only screen and (max-width: 600px) {
	#fixed-rates {padding: 0 0 0 0;}
	#fixed-rates .fixed-rates-banner {
		padding:25px 25px 120px 25px;
		text-align:center;
	}
	#fixed-rates .fixed-rates-banner h3 {
		background:transparent;
		padding:0;
		margin:0 0 20px;
	}
	#fixed-rates .catalogue-pdf {
		bottom:-60px;
		left:50%;
		-webkit-transform:translate(-50%,0);
		transform:translate(-50%,0);
	}
	#fixed-rates .catalogue-girl {display:none;}
}

@media only screen and (max-width: 380px) {
	#fixed-rates .fixed-rates-banner {padding:25px 20px 110px 20px;}
	#fixed-rates .fixed-rates-banner h3 {font-size:18px;}
	#fixed-rates .catalogue-pdf {width:290px;}
	#fixed-rates a.button.medium {font-size:16px;}
}