@charset "UTF-8";
/* CSS Document */
/* desktop view */
@media (min-width: 768px){
/* preheader */
/* Header */
.header.content{padding: 15px 20px 0 !important;}
/* preheader */
.page-header .header.panel {padding-bottom: 5px!important; padding-top: 5px!important;}
	
/* main nav */	
.navigation .level0 > .level-top    {line-height: 35px;}
	
/* bluefoot */	
.show-mobile{display:none;}
	
}


/* blufoot slider */
.bluefoot-slider .slick-dots li.slick-active button{background: #999999 !important;}
.bluefoot-slider .slick-dots li button:hover {background: #999999 !important;}
.bluefoot-slider .slick-dots{bottom: 0px !important;}

@media (max-width: 990px){
	.hide-mobile{display:none;}
	.bluefoot-column-3 {width: 25% !important;}
	 .page-main{padding-left: 7px !important;padding-right: 7px !important;}
	.show-mobile{display:block;}
	.bluefoot-column-6 {width: 50%;}

	
}

@media (max-width: 770px){
	.hide-mobile{display:none;}
	.bluefoot-column-3 {width: 50% !important;}
	.page-main{padding-left: 7px !important;padding-right: 7px !important;}
	.show-mobile{display:block;}
	.bluefoot-column-6 {width: 50%;}
	.bluefoot-driver img {max-width: 98%;}
}

@media (max-width: 480px){
	.show-mobile{display:block;}
	.hide-mobile{display:none;}
	.bluefoot-column-3 {width: 50% !important;}
	.page-main{padding-left: 7px !important;padding-right: 7px !important;}
	.bluefoot-column-6 {width: 50%;}
	.bluefoot-driver img {max-width: 98%;}
}
/* iphones */
/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {


}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	  .logo img {max-width: 150px !important;}
	  .bluefoot-slider.bluefoot-slider-with-dots {margin-bottom: 18px !important;}

}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
	  .page-main{padding-left: 7px;padding-right: 7px;}
		  .bluefoot-slider.bluefoot-slider-with-dots {margin-bottom: 18px !important;}

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	      .cms-home .page-header {margin-bottom: 0px !important;}
	  	  .bluefoot-slider.bluefoot-slider-with-dots {margin-bottom: 18px !important;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	      .cms-home .page-header {margin-bottom: 0px !important;}
	      .page-main{padding-left: 7px !important;padding-right: 7px!important;}
	  	  .bluefoot-slider.bluefoot-slider-with-dots {margin-bottom: 18px !important;}

}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	  .page-main{padding-left: 7px !important;padding-right: 7px!important;}
	  .cms-home .page-header {margin-bottom: 0px !important;}
	  .bluefoot-slider.bluefoot-slider-with-dots {margin-bottom: 18px !important;}
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	  .page-main{padding-left: 7px !important;padding-right: 7px !important;}
	  .cms-home .col2-set .block .hidefeedback h2{margin-top: 6em !important; margin-bottom: 2em !important;}
	  .cms-home .page-header {margin-bottom: 0px !important;}
	  .bluefoot-slider.bluefoot-slider-with-dots {margin-bottom: 18px !important;}
	  

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

	  .cms-home .page-header {margin-bottom: 0px !important;}
	  .page-main{padding-left: 7px !important;padding-right: 7px !important;}
	  .bluefoot-slider.bluefoot-slider-with-dots {margin-bottom: 18px !important;}

}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
	  .bluefoot-slider.bluefoot-slider-with-dots {margin-bottom: 18px !important;}
	

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	  .cms-home .page-header {margin-bottom: 0px !important;}
	  .page-main{padding-left: 7px;padding-right: 7px !important;}
	  .cms-home .col2-set .block .hidefeedback h2{margin-top: 6em !important; margin-bottom: 2em !important;}
	  .bluefoot-slider.bluefoot-slider-with-dots {margin-bottom: 18px !important;}

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

	  .cms-home .page-header {margin-bottom: 0px !important;}
	  .page-main{padding-left: 7px;padding-right: 7px !important;}
	 .cms-home .col2-set .block .hidefeedback h2{margin-top: 6em !important; margin-bottom: 2em !important;}
  .bluefoot-slider.bluefoot-slider-with-dots {margin-bottom: 18px !important;}
	  

}

/* Google pixel */
@media only screen and (min-width: 768px) and (orientation: landscape) { }

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 



}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 


}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	  .nav-sections-item-content > .navigation span{font-size:1rem;}
	  }
/* tablets * 
/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
	and (-webkit-min-device-pixel-ratio: 1) {
	.customer-account-login .login-container .block { width: 45% !important;}
     .page-header .header.panel {padding-bottom: 5px!important; padding-top: 5px!important;}
	  .header.content{padding: 15px 20px 0 !important;}
	   .page-main{padding-left: 7px !important;padding-right: 7px !important;}
	  .navigation .level0 > a.level-top { padding: 0px 13px !important;}
		.bluefoot-column-4 {width: 33.05%;}
		.bluefoot-driver img {max-width: 98%;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  .customer-account-login .login-container .block { width: 45% !important;}
	  .page-header .header.panel {padding-bottom: 5px!important; padding-top: 5px!important;}
	  .header.content{padding: 15px 20px 0 !important;}
	  .navigation .level0 > .level-top {line-height: 35px !important;}
	  .page-main{padding-left: 7px !important;padding-right: 7px !important;}
	  .navigation .level0 > a.level-top { padding: 0px 13px !important;}
	  .nav-sections-item-content > .navigation span{font-size:1.5rem !important;}
	  .bluefoot-column-4 {width: 33.05%;}

}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  .page-main{padding-left: 7px !important;padding-right: 7px !important;}
	  .bluefoot-column-4 {width: 33.05%;}


}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  .customer-account-login .login-container .block { width: 45% !important;}
	  .page-header .header.panel {padding-bottom: 5px !important; padding-top: 5px !important;}
	  .header.content{padding: 15px 20px 0 !important;}
	  .navigation .level0 > .level-top{line-height: 35px !important;}
	  .page-main{padding-left: 7px !important;padding-right: 7px !important;}
	  .navigation .level0 > a.level-top { padding: 0px 10px !important;}
	  .bluefoot-column-4 {width: 33.05%;}
	  .bluefoot-driver img {max-width: 98%;}
	  
	 

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  .customer-account-login .login-container .block { width: 45% !important;}
	  .page-header .header.panel {padding-bottom: 5px !important; padding-top: 5px !important;}
	  .header.content{padding: 15px 20px 0 !important;}
	  .navigation .level0 > .level-top  {line-height: 35px;}
	  .page-main{padding-left: 7px !important;padding-right: 7px !important;}
	  .navigation .level0 > a.level-top { padding: 0px 13px !important;}
	  .nav-sections-item-content > .navigation span{font-size:1.5rem !important;}
	  .bluefoot-column-4 {width: 33.05%;}

}


/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  .page-header .header.panel {padding-bottom: 5px!important; padding-top: 5px!important;}
	  .header.content{padding: 15px 20px 0 !important;}
	  .navigation .level0 > .level-top  {line-height: 35px;}

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  .page-header .header.panel {padding-bottom: 5px!important; padding-top: 5px!important;}
	  .header.content{padding: 15px 20px 0 !important;}
	  .navigation .level0 > .level-top  {line-height: 35px;}	  

}

