@media only screen and (max-width: 640px) {
h1{font-size:18pt}
.top-bar .name a{text-decoration:none;color:#636363}
.top-bar ul{margin:0;padding:0}
.title-area{margin:0;padding:0}
.top-bar-section ul{background:#69c244}
#head_menu_wrapper{display:none}
.top-bar .toggle-topbar.menu-icon{width:100%;padding-left:0}
.top-bar .toggle-topbar.menu-icon a{width:100%}
.image-fl,.image-fr{float:none;margin:0 auto;display:block}
.cta_call,.cta_red{font-size:15pt}
#home_truck .cta_red{width:50%}
#home_truck .cta_call{width:45%}
}
@media only screen and (max-width: 480px) {
#home_truck{padding-bottom:20px}
}
@media only screen and (max-width: 320px) {
.top-logo img.male-logo{width:200px!important;height:72px!important}
}
@media only screen and (max-width: 768px) {
.h_title{text-align:center}
#home_truck{background:#fff;padding-bottom:50px}
.cta_red{width:60%;margin-right:3%;text-align:center}
.cta_call{width:35%;text-align:center;padding:17px 16px}
#logo_wrapper #header_phone .border_left{display:none}
#logo_wrapper a{text-align:center;display:block}
#footer_nav ul{padding:0}
.sidebar_widget{display:none}
#request_section{background-image:none;box-shadow:0 2px #999}
#logo_wrapper #header_phone a{font-size:30px}
#testimonials_wrapper p{text-align:left}
#benefits_s li span{font-size:12pt}
a.bottom-logo,a.top-logo{position:relative;display:inline-block}
a.bottom-logo:after,a.top-logo:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0}
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
#quote-btn{width:100%}
.cta_red{width:100%}
#footer_phone{font-size:13pt}
}
ul.towns{list-style-type:none}
ul.towns li a{color:#ccc;text-decoration-line:none;font-size:8pt}
nav,section{display:block}
html{background:#fff;color:#000;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
b,strong{font-weight:700}
img{border:0}
*,:before,:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
html,body{font-size:100%}
body{background:#fff;color:#222;padding:0;margin:0;font-family:"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;line-height:1;position:relative}
a:focus{outline:none}
img{max-width:100%;height:auto}
img{-ms-interpolation-mode:bicubic}
.left{float:left!important}
.right{float:right!important}
.text-right{text-align:right!important}
img{display:inline-block;vertical-align:middle}
.row{width:100%;max-width:60em;*zoom:1;margin:0 auto}
.row:before,.row:after{content:" ";display:table}
.row:after{clear:both}
.columns{position:relative;padding-left:.625em;padding-right:.625em;width:100%;float:left}
@media only screen {
.columns{position:relative;padding-left:.625em;padding-right:.625em;float:left}
.small-12{position:relative;width:100%}
[class*="column"]+[class*="column"]:last-child{float:right}
}
@media only screen and (min-width: 48em) {
.large-3{position:relative;width:25%}
.large-4{position:relative;width:33.33333%}
.large-5{position:relative;width:41.66667%}
.large-6{position:relative;width:50%}
.large-7{position:relative;width:58.33333%}
.large-8{position:relative;width:66.66667%}
.large-12{position:relative;width:100%}
}
.show-for-small{display:inherit!important}
.hide-for-medium{display:inherit!important}
.hide-for-small{display:none!important}
@media only screen and (min-width: 48em) {
.show-for-small{display:none!important}
.hide-for-small{display:inherit!important}
.hide-for-medium{display:none!important}
}
@media only screen and (min-width: 80em) {
.hide-for-medium{display:inherit!important}
}
.top-bar{overflow:hidden;height:45px;line-height:45px;position:relative;background:#111;margin-bottom:1.875em}
.top-bar ul{margin-bottom:0;list-style:none}
.top-bar .title-area{position:relative}
.top-bar .name{height:45px;margin:0;font-size:14pt}
.top-bar .toggle-topbar{position:absolute;right:0;top:0}
.top-bar .toggle-topbar a{color:#fff;text-transform:uppercase;font-size:.8125em;font-weight:700;position:relative;display:block;padding:0 15px;height:45px;line-height:45px}
.top-bar .toggle-topbar.menu-icon{right:15px;top:50%;margin-top:-16px;padding-left:40px}
.top-bar .toggle-topbar.menu-icon a{text-indent:-48px;width:34px;height:34px;line-height:33px;padding:0;color:#fff}
.top-bar .toggle-topbar.menu-icon a span{position:absolute;right:0;display:block;width:16px;height:0;-webkit-box-shadow:0 10px 0 1px #fff,0 16px 0 1px #fff,0 22px 0 1px #fff;box-shadow:0 10px 0 1px #fff,0 16px 0 1px #fff,0 22px 0 1px #fff}
.top-bar-section{left:0;position:relative;width:auto;-webkit-transition:left 300ms ease-out;-moz-transition:left 300ms ease-out;transition:left 300ms ease-out}
.top-bar-section ul{width:100%;height:auto;display:block;background:#333;font-size:14pt;margin:0}
.top-bar-section ul li>a{display:block;width:100%;color:#fff;padding:12px 0;padding-left:15px;font-size:.8125em;font-weight:700;background:#333}
.top-bar-section ul li>a:hover{background:#2b2b2b}
@media only screen and (min-width: 40em) {
.top-bar{background:#111;*zoom:1;overflow:visible}
.top-bar:before,.top-bar:after{content:" ";display:table}
.top-bar:after{clear:both}
.top-bar .toggle-topbar{display:none}
.top-bar .title-area{float:left}
.top-bar-section{-webkit-transition:none 0 0;-moz-transition:none 0 0;transition:none 0 0;left:0!important}
.top-bar-section ul{width:auto;height:auto!important;display:inline}
.top-bar-section ul li{float:left}
.top-bar-section li a:not(.button){padding:0 15px;line-height:45px;background:#111}
.top-bar-section li a:not(.button):hover{background:#000}
}
.breadcrumbs>:before{content:"/";color:#aaa;margin:0 .75em;position:relative;top:1px}
@font-face{font-family:'robotoregular';src:url(../fonts/roboto-regular-webfont.eot);src:url(../fonts/roboto-regular-webfont.eot@#iefix) format("embedded-opentype"),url(../fonts/roboto-regular-webfont.woff) format("woff"),url(../fonts/roboto-regular-webfont.ttf) format("truetype"),url(../fonts/roboto-regular-webfont.svg#robotoregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'robotoblack';src:url(../fonts/roboto-black-webfont.eot);src:url(../fonts/roboto-black-webfont.eot@#iefix) format("embedded-opentype"),url(../fonts/roboto-black-webfont.woff) format("woff"),url(../fonts/roboto-black-webfont.ttf) format("truetype"),url(../fonts/roboto-black-webfont.svg#robotoblack) format("svg");font-weight:400;font-style:normal}
h1,h2,h3,h4,h5{color:#9c058b;font-family:"robotoregular",Arial,Helvetica,sans-serif;margin:15px 0}
h1{font-size:20pt}
h2{font-size:17pt}
h3{font-size:14pt}
h4{font-size:13pt}
h5{font-size:12pt}
.color_green{color:#69c244}
p{margin:10px 0}
.image-fl{float:left;margin-right:10px}
.image-fr{float:right;margin-left:10px}
.f_size12{font-size:12pt}
.txt_right{text-align:right}
.percent-offer{display:block;font-size:12pt}
#head_menu_wrapper{background:#69c244}
#head_menu_wrapper .top-bar-section li a:not(.button){background:transparent;color:#fff;font:12pt/36pt robotoregular,Arial,Helvetica,sans-serif;height:45px;text-decoration:none;padding:0 14px;text-transform:uppercase}
#head_menu_wrapper .top-bar-section li a:hover{color:#9c058b}
.top-bar{background:transparent;padding:0;margin:0}
.top-bar-section ul{background:transparent;padding:0}
#logo_wrapper{background:#9c058b;width:100%;padding:30px 0}
#logo_wrapper #header_phone{color:#fff}
#logo_wrapper #header_phone .border_left{padding-right:56px}
#logo_wrapper #header_phone a{color:#69c244;font:35px/35px robotoblack,Arial,Helvetica,sans-serif;text-decoration:none;white-space:nowrap;-webkit-font-smoothing:antialiased;-webkit-text-shadow:rgba(0,0,0,.01) 0 0 1px;text-shadow:rgba(0,0,0,.01) 0 0 1px}
#logo_wrapper #green_logo{padding-left:35px;text-align:center;background-size:185px 63px}
#logo_wrapper #green_logo img{padding-top:5px;width:55%}
a.top-logo,a.bottom-logo{display:inline-block;cursor:pointer}
.border_left{border-left:1px solid #5c6373;width:1px;height:45px;display:block;float:left;margin-top:18px}
#content{font:12pt robotoregular,Arial,Helvetica,sans-serif;color:#5b5c5f;padding-bottom:10px}
#content a{color:#9c058b}
#breadcrumbs{font-size:12pt}
.breadcrumbs_wrap{width:100%;padding:10px 0}
#breadcrumbs a{margin-right:5px;color:#9c058b}
#background{background:#E6E2DF}
#request_section{background:#69c244;color:#323232;font:12pt Arial,Helvetica,sans-serif;padding-bottom:20px;margin-bottom:20px;border-radius:22px}
#request_section_inner{background:#69c244;border-left:1px solid #85ab00;border-right:1px solid #85ab00;border-top:1px solid #85ab00;width:100%;padding:20px 20px 0}
#request_section a{font:12pt Arial,Helvetica,sans-serif;color:#323232}
.sidebar_widget{background:#9c058b;color:#fff;padding:15px 20px;border-radius:20px;margin-bottom:20px}
#testimonials_wrapper{background:#9c058b;padding:23px 0 27px}
#testimonials_wrapper p{font:12pt robotoregular,Arial,Helvetica,sans-serif;color:#fff;margin:3px 0;padding:20px 8px 22px 65px;text-align:center;width:240px}
#testimonials{background:#9c058b;color:#fff;padding:15px 20px;border-radius:20px;margin-bottom:20px}
#step1{background:url(../images/layout/booking-steps/step-1.png) no-repeat 0 0}
#step2{background:url(../images/layout/booking-steps/step-2.png) no-repeat 0 0;margin-left:3px!important}
#step3{background:url(../images/layout/booking-steps/step-3.png) no-repeat 0 0;margin-left:6px!important}
.quote-btn{padding:15px 10px;margin:5px 10px;display:block;border-radius:10px;background:#69c244;text-transform:uppercase;color:#9c058b;font-size:18px;font-weight:700;text-decoration:none;text-align:center}
.quote-btn:hover{color:#fff}
.quote-btn .percent-offer{text-transform:none}
#map_section{padding:10px 0 30px;color:#9c058b}
#footer_wrapper{background:#9c058b;padding:30px 0 50px;border-top:2px solid #69c244}
#footer_wrapper p.left{margin-top:11px}
#footer_logo{padding-top:14px}
#footer_nav{color:#ccc;font:10pt robotoregular,Arial,Helvetica,sans-serif;padding-top:25px}
#footer_nav p{margin:0}
#footer_nav ul{margin:0;padding:0 0 0 15px}
#footer_nav ul:after{clear:both;content:"";display:block}
#footer_nav ul li{float:left;list-style:none;margin:0 10px}
#footer_nav ul li a{color:#ccc;text-decoration:none}
#footer_phone{color:#ccc;font:14pt robotoregular,Arial,Helvetica,sans-serif}
#footer_phone p{margin:0}
#footer_phone a{text-decoration:none;color:#fff;font:30px robotoblack,Arial,Helvetica,sans-serif;white-space:nowrap}
.cta_red{display:block;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;margin-right:4px;float:left;background:#f33400;padding:8px 6px;text-decoration:none;color:#fff;font:20px robotoregular,Arial,Helvetica,sans-serif;margin-bottom:5px;width:100%;text-align:center}
.cta_red:hover{background:#e23607}
.online-quote{width:88%!important;margin:5px 10px!important}
.cta_call{display:block;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;float:left;background:#69c244;color:#9c058b;text-decoration:none;font:20px robotoregular,Arial,Helvetica,sans-serif;text-decoration:none;padding:8px 16px;font-weight:700;margin-bottom:5px}
.h_title{color:#9c058b;font-weight:700;font-size:20px;text-align:center}
#home_truck{margin-top:30px}
#home_text{font:20px robotoregular,Arial,Helvetica,sans-serif;padding-top:20px;color:#9c058b}
#benefits_s{list-style-type:none;padding:0;overflow:hidden;margin-top:20px;margin-bottom:15px}
#benefits_s li{margin-bottom:6px;display:inline-table;width:100%}
#benefits_s li img{width:50px;height:50px;margin-right:2%;display:table-cell;vertical-align:middle}
#benefits_s li span{display:table-cell;vertical-align:middle;width:75%}
.cta_red{width:100%}
@media only screen and (min-width: 640px) {
.title-area{display:none}
}
@media only screen and (min-width : 1260px) {
body,p{font-size:14pt}
h3,h4,h5{font-size:16pt}
#footer_nav{font-size:12pt}
}
@media only screen and (min-width : 1100px) and (max-width : 1599px) {
.row{max-width:95%}
.large-8{width:72%}
.large-4{width:28%}
}
@media only screen and (min-width : 1600px) {
.row{max-width:1580px}
.large-8{width:75%}
.large-4{width:25%}
}