/* 'Open Sans', sans-serif; 400italic,400,600,700,300 */
body { font-family:arial, sans-serif; margin:0; padding:0; background:#fff; font-size:16px; color:#333 } 
body.loading {overflow: hidden;}
.clear {
    clear: both;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.ui-timepicker-am.hidden { display: none !important;}
td.disabled {cursor: not-allowed !important; color: #e9e9e9 !important;}
.bs {display:none;}
.leaflet-popup-content { width: auto !important;}
.map-label { white-space: nowrap; }
.map-label:hover,.map-label.active { opacity: 1}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #000;
    position: absolute;
    left: 30%;
    bottom: -10px;
}
.full-width {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}
.iw_obs {margin-bottom: 10px;}
/*fixed*/
#wrapper {display: flex;min-height: 100vh;flex-direction: column;}
#mainContent {flex: 1 0 0;}
/**/
a { color:#000; text-decoration:none; }
a:hover, a:focus { color:#000; text-decoration:none; }
a img { border:none; }
:focus {outline-color: transparent;outline-style: none;}
h1,h2,h3,h4,h5,h6 { font-weight:300; }
h1,h2,h3,h4,h5,h6,p,ul:not(.normal), ul:not(.normal) li { margin:0; padding:0; } ul:not(.normal),ul:not(.normal) li { list-style: none; }
#mainContent .rowXXX { margin:0; }
input[type="text"],input[type="number"], input[type="password"], input[type="email"], input[type="tel"]{ background: #f8f9fa; border: 1px solid #ececec; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin-bottom: 10px; padding: 10px; line-height: normal;max-width: 100%;box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
select, select.form-control {-webkit-appearance: initial; border:solid 1px #ececec; padding:10px; box-sizing:border-box; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;margin-bottom: 10px; background: #f8f9fa; line-height: normal;box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
select {    min-width: 85px;
    background-image:
            linear-gradient(45deg, transparent 50%, gray 50%),
            linear-gradient(135deg, gray 50%, transparent 50%),
            linear-gradient(to right, #ccc, #ccc);
    background-position:
            calc(100% - 20px) calc(1em + 2px),
            calc(100% - 15px) calc(1em + 2px),
            calc(100% - 2.5em) 0.5em;
    background-size:
            5px 5px,
            5px 5px,
            1px 1.5em;
    background-repeat: no-repeat;
}
select:focus {
    background-image:
            linear-gradient(45deg, green 50%, transparent 50%),
            linear-gradient(135deg, transparent 50%, green 50%),
            linear-gradient(to right, #ccc, #ccc);
    background-position:
            calc(100% - 15px) 1em,
            calc(100% - 20px) 1em,
            calc(100% - 2.5em) 0.5em;
    background-size:
            5px 5px,
            5px 5px,
            1px 1.5em;
    background-repeat: no-repeat;
    border-color: green;
    outline: 0;
}
textarea {border: 1px solid #ececec; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-bottom: 10px;padding:10px;}
input[type]:focus, select:focus, textarea:focus { border-color: #4897d8;}
.no-margin { margin: 0; }
.no-padding { padding: 0 !important; }
.red {color:red;}
.hideme {display:none;}
.tiny-input { width:64px !important; } .short-input { width:92px !important; }
.long-input { width:300px; } select.long-input { width: 310px; } .medium-input { width:160px; }
input.error, div.select2-container.error a , select.error {
    background-color: #ffe6e6 !important;
    border: 1px solid red !important;
}
input.valid { /*background-color:#eaffe6;*/}
input[disabled] {background: #f4f4f4; cursor: not-allowed !important;}
.form-row { margin: 0 0 4px 0;}
.form-row label { display: inline-block; width:220px; padding: 15px 0 5px;font-size: 12px; }
.form-row label.loading { background: url(images/load24.gif) no-repeat right center;}
.btn-default { border-color: #ececec;}
.btn { border-radius: 99px; }
.button { display: inline-block; vertical-align:top; background:#4897d8;border-radius: 99px; border:0; color: #fff; padding:8px 32px; cursor: pointer; box-sizing:content-box; border-radius:99px; letter-spacing: 0.5px; transition: 0.1s linear; -webkit-transition: 0.1s linear; -moz-transition: 0.1s linear;}
.button:hover { color: #fff; background:#f8a055;  }
.button2 {background:#4897d8;color:#fff}.button2:hover{color:#fff}
.centerme { width:1200px; padding:0 20px; margin:0 auto; }
#semicolumn { display:inline-block; vertical-align:top; width:860px; }
.sidebar { display:inline-block; vertical-align:top; width:320px; min-height:500px; }
#rightsidebar { margin:0 0 0 20px; }
#leftsidebar { margin:0 20px 0 0; }
/**/
#top-text {
    background: #f5f5f596;
    padding: 20px;
    max-width: 500px;
    border-radius: 10px;
}
#header-fixed-top {position: fixed;top: 0;}
#wrapper { margin:0; }
#headerow { box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 15px 0px;}
#headerow.navbar-fixed-top, #headerow.navbar-fixed-top.isTop { position: relative;  }
#headerow.navbar-fixed-top.isNotTop { position: fixed;background: #fff; height: 50px; }
#headerow.navbar-fixed-top.isNotTop .logo { margin: 5px; }
#headerow.navbar-fixed-top.isNotTop .logo img { max-height: 40px; }
#headerow.navbar-fixed-top.isNotTop #hrm { height: 50px; margin: 0; line-height: normal; }
#headerow.navbar-fixed-top.isNotTop #mm { height: 50px; margin: 0; line-height: normal; }
#headerow.navbar-fixed-top.isNotTop #mm li a { padding: 14px; line-height: normal; }
#headerw { height:90px;}
#header * { transition: all 0.4s ease 0s;}
#hrmma a {padding: 5px 10px; }
#mainContent .main-container { padding: 24px 15px; }

#qr-sidebar {width: 390px;max-width: 100%; right: -390px; background-color: #fff;display: block; bottom: 0; color: #333; margin: 0; overflow: auto; padding: 10px; position: fixed; transition: right 200ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    -webkit-transition: right 200ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    -moz-transition: right 200ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    -ms-transition: right 200ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    -o-transition: right 200ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
     z-index: 1000; top: 0;box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);}
#qr-sidebar .slider.slider-horizontal { width: 93%; }
#qr-sidebar-content { position: relative;height: 100%; width: 100% }
#qrClose { transition: all 2s ease;}
#quickRateForm { right: 0px;}
#qr-sidebar #qrClose {cursor: pointer; background: #fff; float: right; }
#qrClose:before { content: '\00D7'; font-size: 1.5em; }
#qr-sidebar h4{ font-weight: 400; margin: 10px 0; }
#qr-sidebar label { font-size: 12px; }
#main-curtain { background-color: #000; height: 100%; left: 0; opacity: 0; position: fixed; top: 0; visibility: hidden; width: 100%; z-index: 800;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    }
#main-curtain.active { cursor: pointer; opacity: 0.25; visibility: visible;}
#quickRatesBtn { font-size: 12px; margin: 20px 0; width: 80%;}
#quickRateForm,#quickRateList { position: absolute; }
#quickRateList { left: 390px; }
#quickRateList div {padding: 5px 20px;}
#quickRateBack {color:#337ab7;display: block;padding:20px 20px 0;}

#qr-sidebar .col-sm-12 input[type="text"] { width: 100%; }
#qr-sidebar .input-number { position: relative;}
#qr-sidebar .input-number .input-number__controls .input-number__decrease { left: 0; border-right: 1px solid #ececec;}
#qr-sidebar .input-number .input-number__controls > span { position: absolute; display: block; width: 10%; min-width: 3.71428571em;
    height: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    text-align: center;
    padding-top: 6px;
    transition: all .3s ease;
}
#qr-sidebar .stack-down-open:before { content: '\e80a';}
#qr-sidebar [class^="stack-"]:before, #qr-sidebar [class*=" stack-"]:before { font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center;}
#qr-sidebar .input-select, #qr-sidebar .input-select select {width: 100%; -webkit-appearance: none;-moz-appearance: none;}
#qr-sidebar .input-select:after { background: #FCFCFC;position: absolute; right: 14px; height: 50%; top: 23px; font-size: 30px; content: '\2263'; pointer-events: none; padding: 0 13px; border-left: 1px solid #ececec; line-height: 31px;}
#qr-sidebar .qrerror {font-size: 12px; color: red;}

#mm { float:right;text-align: right; } #mm ul {display: inline-block;vertical-align:middle; } #mm li { display: inline-block;} 
#mm li a { display: block; margin: 30px 10px; padding:5px 10px; }
#hr li a.active { color: #1a3c5f; background: #609de6; border-radius:99px; }
#mm li li a { padding: 10px; }  #mm ul ul { display: none; } #mm li:hover ul.level2 { display: block; }
.dropdown-menu.level3 li {width: 100%;}
#mm .nav>li>a:focus, #mm .nav>li>a:hover, #mm .dropdown-menu>li>a:focus, #mm .dropdown-menu>li>a:hover { background: none; }
.cPage_about #mm li#list_2 a, .cPage_how-it-works #mm li#list_4 a, .cPage_contact #mm li#list_3 a, /*.ratePage #mm li#list_6 a, */.package #mm li#list_5 a, .packages #mm li#list_5 a, .cPage_why-rmo #mm li#list_6 a, .cPage_contact #mm li#list_3 a { background:#4897d8; color: #fff;}
#header {position:relative;}
#hl { display: inline-block; vertical-align:middle; position:absolute;  }
#hr { display: inline-block; vertical-align:middle; float:right; margin:0 10px 0 0;  }
#header a {color:#4897d8;}
#header a:hover {color:#4897d8;}
#hrm { float:right; padding-top: 35px;} 
#hrm li { display: inline-block; padding: 0 0 22px 32px;}
#qratesWrap {vertical-align: top; margin-top: -8px;}
#qrates { color: #fff !important; }
.qratesresult { min-height: 62px; padding: 10px 15px; border-bottom: solid 1px #ccc; border-left: solid 16px #fff; border-right: solid 1px #ccc; }
#caico { position: relative; display:inline-block;  }
#caico i { font-size:18px;}
#caico:hover { background: none !important;}
#mpno { position:absolute; line-height:0.5;color:#fff !important; background:#f8a055 !important; border-width:0 !important;display: inline-block; padding:7px; border-radius:99px; font-style: normal; right:-24px; top:-12px; font-size: 12px; }
body.cPage_index li#list_5 a {background:#f00;color:#fff;}

/**/
#hrm li {position:relative;}
#hrm li:hover #userMenu {display:block; }
#userMenu {position:absolute;text-align:left; background: #fff; display:none; top:30px;left: 33px; z-index:101; border-radius: 15px;}
#headerow.stuck.isNotTop  #userMenu { top: 20px; }
#userMenu li {padding:0;line-height:32px;display:block;}
#userMenu li a {padding:0 8px; white-space:nowrap; display:block; }
/**/

.pageImage {margin-top:-102px;height:320px; z-index:-1;  position:relative;}

#overfooter {background:#EC8117;padding:50px 0;color:#fff;font-size:14px;font-weight:600; text-align: center; }
#ofics {display:inline-block; vertical-align:middle; width: 60%;}
#oftin {display:inline-block; vertical-align:middle; width:40%;}
.ofics {display:inline-block; vertical-align:top; width:32%;} .ofics img {width:100px;} .ofics em {font-style:normal;}

#oftin a {display:inline-block; background:#4897d8;color:#fff;font-size:22px;padding:8px 60px;font-weight:600; }
.homePage #ofics, .homePage #oftin {display:block;width:auto;}
.homePage #overfooter {font-size:18px;}
.homePage #oftin {margin:32px 0 0 0;}
.homePage #oftin a {padding:5px 120px;}
.hfw_slide img {width:100%;height:auto;} 
.banner, .slider-content, .slider, .slider-v2 { width: 100%; display: block; height: auto; overflow: hidden; position: relative;}
.sliderInfo { position: absolute; width: 100%; height: 100%; z-index: 2;  }
.sliderInfo .sliderText { margin-top:50px;}
.banner .slider-item { width: 100%; overflow: hidden;}
.banner .slider-item img { width: 100%; }

#fl { display:inline-block; vertical-align: top; width:72%; margin:0 3% 0 0; } #fr { display:inline-block; vertical-align: top; width:25%; }
.footer { padding:70px 0 20px; }
.footer input[type="text"] { width: 100%; }
.footer .fheader { text-align: center; padding-bottom: 30px; }
.footer li { text-align: center; padding-bottom: 10px; }
.footer .button { width: 100%; padding: 8px 0; }
.footer-bottom .pull-left { padding-top: 20px; font-size: 14px;}
.uni_fullwidth .footer-bottom .pull-left { padding: 20px 15px 0; }
.uni_fullwidth .footer-bottom .pull-right { padding-right: 15px; }
.social li { float: left; height: 36px; line-height: 36px; padding: 0; text-align: center; margin-right: 20px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;}
.social li:hover { transform: scale(1.15) rotate(30deg); -webkit-transform: scale(1.1) rotate(30deg); -moz-transform: scale(1.1) rotate(30deg); -ms-transform: scale(1.1) rotate(30deg); -o-transform: scale(1.1) rotate(30deg);}
.social li a { color: #EDEFF1;}
.social li a i { font-size: 30px; padding: 10px; color: #EDEFF1;}
#mes { position:fixed; top:16px; right: 16px; background: #bff9ff; border: solid 1px #15939f; padding:8px;border-radius: 6px; display: none; z-index: 99;}
#mes.err { background:#ffe5e5; border: solid 1px #ee1111; }
#logo {  display: inline-block; height:80px; margin:12px 0 0 0; line-height:72px; font-size:32px;  }
.logo { display: inline-block;margin:0; } #header .logo img {max-height:90px; }
/**/

.inline3 {text-align:center;}
.in31 {display:inline-block; vertical-align:top; width:33%; }
.in31 h4 {font-size:20px;color:#4897d8;font-weight:600; margin:12px 0;}

.howitworks {text-align:center;}
.hiwi {display:inline-block;vertical-align:top;width:22%;}
.hiwia {display:inline-block;vertical-align:top;} .hiwiad {display:none;} .hiwiar {margin:40px 0 0 0;}

#qrw { position:fixed; left:-194px; top:200px;z-index:88; }
#qro { display:inline-block;transform-origin: 100% 0;-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg); position:absolute; left:34px; top:0px;width:92px;text-align:center;  }
#qr {width:192px;background:#dbdbdb; border:solid 1px #c6c6c6;padding:8px;font-size:14px;}
#qr h3 {font-weight:600;font-style:italic; margin:8px 0; font-size:16px;  }
#qr label strong {display:none;}
#qr input {box-sizing:content-box; width:166px; margin:0 0 4px 0; }
#qr input#qri_sub {font-size:16px; padding:8px 4px; margin: 8px 0 0 0; cursor: pointer; }


/*
#qrerate {background:#4897d8; border:solid 1px #4897d8;}
*/

#qr .tiny-input {width:32px !important; }
#qr .short-input {width:74px !important; }
#qr .tc {width:150px; }

.animated20 { 
    -webkit-animation-duration:2.0s; 
    animation-duration:2.0s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in-out; 
    animation-timing-function: ease-in-out; 
} 
.animated40 { 
    -webkit-animation-duration:4.0s; 
    animation-duration:4.0s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in-out; 
    animation-timing-function: ease-in-out; 
} 
.animated60 { 
    -webkit-animation-duration:6.0s; 
    animation-duration:6.0s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in-out; 
    animation-timing-function: ease-in-out; 
} 
@-webkit-keyframes fadeInLeft { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-400px); 
    } 
    50% { 
        opacity: 0.1; 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInLeft { 
    0% { 
        opacity: 0; 
        transform: translateX(-400px); 
    } 
    50% { 
        opacity: 0.1; 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInLeft { 
    -webkit-animation-name: fadeInLeft; 
    animation-name: fadeInLeft; 
}

/**/
.page h1, .page h2, .page h3 { margin: 0 0 8px 0;}

#rateSteps li {display:inline-block; width: 25%;}
#rateSteps li.fivecol {width: 20%;}
#rateSteps li a {display:inline-block;   }

#rateSteps li a  {color: #4897d8; cursor: pointer; text-align:center; width:100%; padding: 10px 0 40px; position: relative; text-decoration: none; border-radius: 5px; }
#rateSteps li:not(.disabled) a, #rateSteps li a.active, #rateSteps li a:hover  { color: #4897d8; }

#rateSteps li:not(.disabled) a:after, #rateSteps li.active a:before { background-color: #4897d8;}
#rateSteps li a:after { content: ''; position: absolute; width: 100%; bottom: 7px; height: 5px; background: #4897d8; left: -50%; transition: all .2s ease; }
#rateSteps li:first-child a:after { width: 0;}
#rateSteps li a:before {content: ''; width: 15px; height: 15px; border-radius: 50%; position: absolute; left: 50%; margin-left: -10px; background: #eee;  display: block; bottom: 0; transition: all .2s ease;}
#rateSteps li.last:after {content:none;}
#rateSteps li.past:after {border:solid 6px #4897d8; }
#rateSteps li a.disabled { cursor:not-allowed; }
#rateSteps li a span {transition: all .2s ease;  position: absolute; top: 42px; left: 40%; background: #4897d8; border-radius: 99px; padding: 8px 14px; line-height: 20px; font-size: 14px; color: #fff; z-index: 9; }
#rateSteps li:not(.disabled) a span { background: #4897d8; }
#rateSteps li a.active span, #rateSteps li a.active:after { background: #f8a055; }
#rateSteps li a.active span, #rateSteps li a:hover span { background: #f8a055; }
#rateSteps li a.active div, #rateSteps li a:hover div { font-weight: 600; }
#rateSteps li a div { transform: translateY(400%);}
#rateSteps li a.disabled span { background: #4897d8; color: #fff; }

.rateStep { box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 16px 0px;  border-radius: 6px; margin: 30px 0; padding: 0 25px;}
#RateStep_2 .rateStep, #RateStep_3 .rateStep { padding: 0;}

.rateStepI { margin: 20px; }


.rsl { display: inline-block; vertical-align: top; width:200px; padding: 16px; min-height: 100px; }
.rsr { display: inline-block; vertical-align: top; width:889px; padding: 16px; border-left: solid 1px #4897d8; box-shadow:  inset 16px 0px 16px -16px #999; min-height: 100px;   } 

.text-right { text-align: right; margin:8px 0 0 0;}
/*s0*/
#saveStart .col-md-2 .i { color: #2ea652; }
#modal1.qratesModal1 {z-index: 1100;}
#modal1.qratesModal1 h3 { margin-left: 30px;}
#modal1 .qratesDialog { width: 1200px; max-width: 95%; }
#qpickupDateWrap { display: none; margin-top: 5px; }
.cut-off-time { font-size: 12px }
.qriwr_tot_cut { text-decoration: line-through; font-weight: bold;}
.qriwr_cur {font-weight: normal;}
.qriwr_tot_c {font-weight: bold;}
.qriwr_cur {font-weight: normal;}
#baText, #eaText, #sigText { display:block; padding-top: 6px;padding-right: 10px;}
#pickupdateWrap, #extraData { display: none; }
#pickupdateWrap label { margin-right: 15px; border: 1px solid #ddd; padding: 5px 10px; border-radius: 5px;}
#pickupWrap, #pickupWrap2 { padding: 5px 10px; background: #f8f9fa; border-radius: 4px; }
#pickupWrap .btn-group { vertical-align: top; }
#pickupWrapText { display: inline-block;padding-right:10px; padding-top: 11px; height: 40px; }
.viewMap { color: #4897d8; font-size: 14px; margin-top: 9px; display: block; borderX: 1px solid; border-radius: 99px; }
.viewMap:hover { color: #000; }
#pickupdate { width: 104px;}
#editRateWrap { font-size: 16px; }
#editRate { padding: 4px 20px; }
#businessAddressWrap { display: inline-block}
#results .nav-tabs { border-bottom: 0; display: inline-block; }
#results #sorting { display: inline-block;float: right; }
#results #sortingSel { width: 130px;}
#results .nav-tabs>li>a { border: 1px solid #ddd; }
#results .nav-tabs>li.active>a {background: #4897d8; color: #fff; border-bottom: 1px solid #fafafa;}
#results .rateResponse { /*overflow-y: scroll; height: 65vh;*/ background: #fafafa; border: 1px solid #ececec; border-top: 1px solid #fafafa; border-radius: 6px; padding: 10px 25px;margin-bottom: 10px; }
#results .rateResponse.rate4 { margin-bottom: 0; }
#results .accordion-toggle { display: block; width: 100%; text-align: center; }
#mapRate { height: 70vh; }
body.a_rate footer { display: none;}
.rateResponse { overflow: scroll; height: 60vh; width: 100%;}
#mapRate.fullView { top: 0; overflow: visible; width: 100%; position: fixed; height: 100vh; }
#map { height: 70vh; }
.fi_estimated_date { color: #4897d8; font-weight: bold; }
#shipToHeader { margin-top: 9px;}
#resultsWrap .rate_row { padding: 0px; margin-bottom: 10px; background: #fff; border-radius: 6px; box-shadow : rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.15) 0px 4px 16px 0px; }
#resultsWrap .rate_row:hover { box-shadow : rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.55) 0px 4px 16px 0px; }
#resultsWrap .rate_logo img { max-width: 126px; max-height: 45px; margin: 0 auto;}
#resultsWrap .iwr_total { display: block; margin-bottom: 10px; }
#resultsWrap .panel-title { font-size: 24px; }
#resultsWrap a.accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    margin-left: 10px;
    font-size: 15px;
}
#resultsWrap a.accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}
#resultsWrap a.accordion-toggle:hover { color: #000;}
#resultsWrap .selectRate  { background: rgb(72 151 216 / 16%); border-bottom-right-radius: 5px; border-top-right-radius: 5px; padding-top:29px}
#resultsWrap #extraData  { margin: 15px 0; padding: 0; }
#resultsWrap #extraData form>div>div { padding-left: 2px; padding-right: 2px; }
.location { align-items: center; border-radius: 50%; color: #263238; display: flex; height: 30px;justify-content: center;padding: 4px;position: relative;position: relative;transition: all 0.3s ease-out;width: 30px;}
.location .details { display: none; flex-direction: column; flex: 1; margin-left: 10px; }
.location .details form { margin-top: 10px; }
.location.highlight { background-color: #FFFFFF; border-radius: 8px; box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2); height: 100px; padding: 8px 15px; width: auto; }
.location.highlight::after { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #FFFFFF; content: ""; height: 0; left: 50%; position: absolute; top: 95%; transform: translate(-50%, 0); transition: all 0.3s ease-out; width: 0; z-index: 1; }
.location.highlight .details { display: flex; }
/*s1*/
#shipOptionsWrap { clear: both;padding-top: 30px;}
#packagest { width: 100%;border: 1px solid #ececec; margin-top: 10px; border-radius: 6px;}
#packagest tr { border-top: solid 1px #f3f3f3;}
#packagest td { border: 0; padding:6px; background:#fff; color:#000;}
#packagest th { padding: 16px; background:#fafafa; font-weight:600}
#packagest .th1 { width:40%; text-align: center; }
#packagest .td1 { width:40%; text-align: center; }
#packagest .th0,#packagest .td0,#packagest .th2,#packagest .td2, #packagest .th3, #packagest .td3 { width:20%; text-align:center;}
#packagest .td3 input[type="number"] {width: 90px !important; }
#packages_measurements_info { font-weight:bold;}
#packagest tfoot td {border:solid 1px #ececec; border-width:1px 0 0 0; text-align: center;}
#totalPackages {margin:0 120px 0 0;}
#totalWeight, .packageWeight {width:56px !important;}
#unitsSelect {}
.readonlyt { background: #eaeaea !important; border-color:#f8f8f8 !important; font-weight:600; }
.readonly { background:#eaeaea !important; border-color:#f8f8f8 !important; font-weight:600; cursor: not-allowed }
#packagest .td1 .hidden { background: #000; display:none; }
#ptswo {z-index:108;background:#333;position:absolute;top:0;left:0;width:100%;height:100%;background-color: rgba(10,10,10,0.1);display:none;}
#ptsw {position:absolute;box-shadow: 0px 0px 18px 0px rgba(122,122,122,0.25);background:#fff;border:solid 1px #ddd;top:20px;left:20px; z-index:109; border-radius:8px;display:none;}
#pts li {border-top:solid 1px #ddd; cursor: pointer; padding: 0 16px;}
#pts li.selected {font-weight:700;background:#eee; }
#pts li.first {border-top:none;border-radius:8px 8px 0 0;}
#pts li.last {border-radius:0 0 8px 8px;}
#pts li:hover {background:#eee;}
#pts li p { display:inline-block; vertical-align:top; line-height:87px; margin: 0 0 0 8px; display: none;}
#pts li img, .td0 img {display:inline-block; vertical-align:top; width:87px;height:87px;}

.delPackage i { font-size: 25px; border: 1px solid; border-radius: 99px; padding: 7px; color: #4897d8;}
.delPackage:hover i { color: #be7101; }
#RateStep_1 input {text-align: center;}
#pdp_sh { margin: 20px 0; }
.shipOptionsText { width: 100%; }

/*es1*/
#map_canvas { width: 100%; height:520px;}
#dropoffSlideText {clear:both;margin:2px 0;}

/*es2*/
.lockerHeader { padding: 25px 0; }
.lockerWrap { padding: 10px 0; background: #fff; border: 1px solid #4897d8; border-width: 2px 2px 2px 20px;border-radius: 6px!important;display: inline-block;
    width: 100%;margin-left: -4px;}
/*s5*/
.ratePage .rateStepI {margin:20px 0;}
#listRates li,  #qrr li { margin:0 0 12px 0; font-size:14px; border:solid 1px #4897d8;}
#listRates li {min-height:116px;display:block; }
#listRates li.picked {background:#FFFFE5}
.lr_image {display:inline-block; vertical-align:middle; margin:12px 24px; }
.lr_title {display:inline-block; vertical-align:middle; margin:12px 24px 12px 0; width:420px; }
.lr_title h4 {font-size:20px;color:#000; margin:0 0 8px 0;}
.lr_title strong {color:#4897d8; font-weight:700 }
.lr_price {display:inline-block; vertical-align:middle; margin: 12px 24px 12px 0; float:right; text-align:right;  }
.lr_price .strike {font-size:20px; font-weight:600; color:#4897d8;text-decoration:line-through; display: inline-block; margin:0 0 0 32px; }
.lr_price .strike .strikein {color:#B3B3B3;}
.lr_price .price {font-size:22px; font-weight:600; color:#4897d8; line-height:32px;}
.lr_price .price small {font-size:12px;}
.lr_butt {display:inline-block; vertical-align:middle; margin:0; float:right; }

.lr_butt .button {height:96px;background:#4897d8;border-color:#4897d8}
.lr_butt .button:hover {background:#4897d8;border-color:#4897d8}

#listRates {margin:0 0 0 -12px; }
#listRates.vertical li {display:inline-block;vertical-align:top;width:calc((100% - 6px - 30px - 16px) / 3); padding:12px; margin:0 0 12px 12px;   }
#listRates.vertical li .lr_title {width:100%;margin:8px 0; }
#listRates.vertical li .lr_price {width:100%;margin:0px 0; float:none;text-align:left; }

#overQrR #listRates {margin:0; }
#overQrR #listRates li {min-height:72px; }
#overQrR .lr_image {margin:8px; }
#overQrR .lr_title {margin:8px 8px 8px 0; width:170px; }
#overQrR .lr_price {margin:8px 8px 8px 0; }
#overQrR .lr_price .strike {margin:0 0 0 8px; }
#overQrR .lr_butt .button {height:72px; }

#overQrR #listRates.vertical li {width:calc((100% - 26px) / 2);}

#qrsl {width:580px; margin: 0 auto;}
#qrr { width:640px;}
#qrr .qreratew {margin:10px 0; text-align:right;}
#qrr h4 {font-weight:300;font-size: 20px;}

.green {color:#20b426}
/*es5*/


/**/
#RateStep_7 .rateStep { padding: 32px;}
#confLeft {display:inline-block;vertical-align:top;width:48%; margin:0 2% 0 0; }
#confRight {display:inline-block;vertical-align:top;width:48%; margin:0 0 0 2%; }
#labWrap {margin:24px 0; }
#labWrap img {width:100px;}
#confLeft h3 strong {font-size:26px;}
/**/
#packagesPage .row { margin:0; }
#packagesPage h4.title {margin:16px 0 32px 0;}
#packagesPage .sppr input {text-align:center;}
.ppi { display: inline-block; vertical-align: top; width:278px; border: solid 1px #00acec; margin: 0 0 20px 20px;  }
.ppii { margin:18px; width: 242px; height: 242px;   position: relative; }
.ppii img { width: 100%; position:absolute; box-shadow: 0px 0px 18px 0px rgba(122,122,122,0.75);}
/*.ppii img:hover { width: 140%; left: -20%; top: -20%;}*/
.ppit { font-size:20px; text-align: center; padding: 6px 0;}
/***/
.sppl { display: inline-block; vertical-align: middle; margin-right: 15px; } 
.sppl img {margin:0 64px 0 0; width:250px;height:260px; }
.sppr { display: inline-block; vertical-align: top;  margin: 0 0 0 0px;}
.sppr h1, .spprd { margin:20px 0; }
.sppr .row { line-height: 32px; margin:4px 0;}
#viewCart { line-height: 32px; }
.sppr input[type=text] { width: 90px !important;}
.rowl,.rowr { display:inline-block; vertical-align: top; width: 100%;}
.rowl .row div { padding-left: 0; }
.rowr select { width: 100%; }
.large { font-size:16px; padding:5px 0px; margin: 8px 0 0 0; width:100%; text-align: center;}
/**/

.erMsg {color:#a00;display:none;}
.rowr.error .erMsg {display:inline-block;}


.packagePage {display:none;}
.packagePage.active {display:block;}
.button.prev,.button.next { background: #eee; color: #aaa;font-weight: 700; border:0;}
#toStep4 { margin-bottom: 20px;}
.button.next {margin-left: 15px; background: #4897d8;color: #fff;}

.pdpweight {width:64px;}
.insuranceWrap {display: none;}
.sppr input[type=text].insurance_amount{ width: 150px !important; }
.insurance_radio { margin-right: 10px; }
.insuranceWrap .insurance_amount { width: 150px;}
/**/

#RateStep_2 .form-row, #RateStep_3 .form-row {display:inline-block; vertical-align:top; width:100%; /*margin:0 2% 12px 0;*/ }
#RateStep_2 .form-rowc, #RateStep_3 .form-rowc {margin:0; }
.form-rowc.notonmob {height:87px; }
.divider {padding:4px 0 0 0; margin:4px 0 0 0; border-top:solid 1px #fff; width:96.4%;}
#RateStep_2 .form-row label { display:block;width:100%;}
#pickupWrap label, #pickupWrap2 label {display:inline-block !important;width:auto !important; padding:10px; font-size: 14px;}
#RateStep_2 .form-row .long-input,
#RateStep_2 .form-row .medium-input, 
#RateStep_2 .form-row .short-input {width:100% !important;box-sizing : border-box;}

#RateStep_3 .rateStepI, #RateStep_4 .rateStepI { padding: 20px; }
#RateStep_4 .form-row, #RateStep_3 .form-row {display:inline-block; vertical-align:top; width:47%; margin:0 2% 12px 0; }
#RateStep_4 .form-rowc, #RateStep_3 .form-rowc {margin:0 0 12px 0;}
#RateStep_4 .form-row label, #RateStep_3 .form-row label {display:block;width:100%;}
#RateStep_4 .form-row .long-input,
#RateStep_4 .form-row .medium-input,
#RateStep_4 .form-row .short-input,
#RateStep_3 .form-row .long-input,
#RateStep_3 .form-row .medium-input,
#RateStep_3 .form-row .short-input {width:100% !important;box-sizing : border-box;}
#RateStep_5 .form-row .long-input {width:calc(100% - 230px) !important;min-width: 180px;}
#RateStep_5 .form-row select { width: 180px; }
#RateStep_5 .int_heading {margin-bottom: 10px;}
#RateStep_5 .delItem { float: right;}
#RateStep_5 #totals { text-align: center; font-weight: bold; margin: 10px 0;}
#RateStep_5 #totals input { width: 100px; background: #FAFAFA; text-align: center;}

/**/
.irs-grid-text{color:#fff;}
.irs-grid-pol.small {background:#4897d8;}
.irs-line {border:0px;background:#ccc;border-radius:0px;}
.irs-bar-edge {background:#4897d8; border-radius:0px; height:24px;top:27px; width: 24px; border-color:#4897d8;}
.irs-bar  {background:#4897d8; }
.irs-slider {background:url(images/images.png) no-repeat 100% -208px;border:none;border-radius:0px; box-shadow:none;height:44px;top:2px;z-index:100;width:44px; }.irs-slider:hover{background:url(images/images.png) no-repeat 100% -208px;}
.irs-single {background:#4897d8;color:#fff; border-radius:0px; padding:4px 20px; top:4px;z-index:99}
.irs-min, .irs-max {color:#fff;background: none;}
/**/
.underline {text-decoration:underline;}
#contactPage h1,#contactPage h2 { text-align: center; }
#contactPageL {display:inline-block;vertical-align:top;width:48%; margin:0 2% 0 0; }
#contactPageR {display:block;vertical-align:top;width:48%; margin:0 auto; }
#contactPageR .form  label {display:block;}
#contactPageR .form input, #contactPageR .form textarea {width:100%; box-sizing:border-box;}
#contactPageR .form input#ContactForm_verifyCode {width:120px;}
#ContactForm_verifyCode, #yw0, #yw0_button {display:inline-block;vertical-align:middle; margin:0 4px}
#contactPageR .buttons {clear: both; margin: 20px; display: block;}
/**/
#packagesSelection { margin-bottom: 40px; }
#packagesSelection a.packageName { max-width: 165px; vertical-align: top; text-align: center; float: left; transition: 0.1s linear; -webkit-transition: 0.1s linear; -moz-transition: 0.1s linear;}
#packagesSelection a.packageName:hover { transform: translate3d(0, -2px, 0); -webkit-transform: translate3d(0, -2px, 0); }
#packagesSelection a.packageName:hover p.pt_t { color: #4897d8; }
#packagesSelection a.packageName.active {  }
#packagesSelection a.packageName p.pt_t {color:#333; margin:4px 0 0 0; text-align: center;font-size:16px;  }
#packagesSelection a.packageName p { display: block; }

.ico-package {border:solid 4px #000;display:inline-block;vertical-align:middle;padding:2px;border-radius:400px; margin-right: 5px;}
#packagesSelection .ico-package {padding:15px;}
.ico-package.ip_small span {display:block; width:120px; height:120px; background-repeat:no-repeat; background-size:140px 140px; background-position-x: center;background-position-y: center;}
.ico-package.ip_large {border:solid 5px #000;}
.ico-package.ip_large span {display:block;width:40px;height:40px;background-repeat:no-repeat;background-size:40px 40px;}
.ico-package.ip_smaller {border:solid 2px #000;padding:8px; }
.ico-package.ip_smaller span {display:block;width:60px;height:60px;display:block;background-repeat:no-repeat;background-size:60px 60px;}

#Steps {}

label {font-weight:400;margin-bottom:0px;  }

#subscribePage .formEr { margin:0 0 8px 0;text-align:right; }
#subscribePage .formEr .alert {margin:2px 0 0 0;padding:2px 8px;display:inline-block;  }
#subscribePage span.input-group-addon {min-width:44px; }
#subscribePage select {font-size:16px; padding:2px 2px;  }
#subscribePage .input-group-addon.help {background:#00acec;color:#fff;cursor:pointer;}
#subscribePage .tooltip {}
#subscribePageC {margin:0 0 12px 0; }
#subscribePage .form-control[type="checkbox"] {width:20px;height:20px;vertical-align:middle;display:inline-block; }
#subscribePage .inlineLabel label {vertical-align:middle;display:inline-block; margin:4px 0 0 12px;  }


.input-group-addon {border-radius:6px; }
.form-control {height:39px;box-shadow:none; }
.alert {border-radius:6px; }

.banner .row {margin: 0;}
.banner .row .image-show-case-wrapper {padding: 0;}
.box-content-overly { background: rgba(0, 0, 0, 0); height: 100%; position: absolute; right: 5px; top: 0; width: 100%;font-size:20px;/*text-shadow: 1px 1px 1px rgba(0,0,0,0.6);*/ z-index: 10; 
    transition-property: all;
    transition-duration: 1.2s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1); 
    }
.box-text-table { display: table; height: 100%; width: 100%; position: absolute; z-index: 10;}
.box-text-cell { display: table-cell; height: 100%; width: 100%; vertical-align: middle;}
.box-text-cell .slide-center { left: 30%; right: 30%; }
.ps-nav { display: block; font-size: 68px; height: auto; position: absolute; text-align: center; top: 38%; width: auto; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); z-index: 19;}
.ps-prev {left: 15px;}
.ps-next {right: 15px;}

.banbackgr {background-position: 50%;background-size:cover; background-repeat: no-repeat; padding: 100px 0;}

.align-center {text-align:center;}
h4.withstrike {color:#4897d8; margin:16px 0 16px 0; }
h4.withstrike:before {content:'';display:inline-block;border:solid 1px #4897d8; width:60px; height:0px;margin:0 12px 6px 0;}
h4.withstrike:after {content:'';display:inline-block;border:solid 1px #4897d8; width:60px; height:0px;margin:0 0 6px 12px;}

.alert-danger a {color:#a94442 !important;}

/**/
.slider.slider-horizontal {margin:36px 10px 12px 10px !important; width:368px; overflow: visible;}
.slider-handle {background:#4897d8;}
.slider-selection.tick-slider-selection {background:#4897d8;}
.slider-tick.in-selection {background:#4897d8; }
.tooltip-inner {background:#4897d8;color:#ffffff;}
.tooltip.top .tooltip-arrow {border-top-color:#4897d8;}
/**/


/**/
body.fullWidth,html.fullWidth,body.fullWidth #mainContent,body.fullWidth #fullcolumn,body.fullWidth #content_NS,body.fullWidth #wrapper,#mapAndSide {height:100%;width:100%;  }
body.fullWidth footer {display:none;}
body.fullWidth #mainContent .container { width: 100%; padding: 0 !important;}
#tf {background: #4897d8;color:#fff;padding:8px; }
#res {width:880px; }
#tf input[type="text"], #tf select { width:100%; padding:2px 4px; box-sizing:border-box;  }
#tf input.s {width:38px; }
body.fullWidth hr {margin:4px 0; }
.withp {background:#ffffcc;padding:8px;margin:0 0 8px 0;  }
.withp h4 {cursor:pointer;}
.withpp {display:none;}
body.fullWidth #side {display:inline-block;vertical-align:top;height:100%;width:420px;box-shadow: 0 1px 4px rgba(41,51,57,.5);z-index:87;position:relative;padding:16px;overflow-y:auto;overflow-x:hidden;  }
#mapw {display:inline-block;vertical-align:top;height:100%;width:calc(100% - 420px);position:relative;}
#merror {position: fixed;top:44px;z-index:88;width:90%;overflow: hidden;background:#fff;margin: 0 auto;left:0;right:0;border:solid 1px #ccc;padding:16px;border-radius:6px;text-align:center;color:#a00;  }
/*body.fullWidth #headerow {position:absolute;width:100%;height:90px; z-index:88; }
body.fullWidth #mainContent {padding-top:90px;position:absolute; }*/
body.fullWidth #fullcolumn, body.fullWidth #content_NS {padding:0; }
body.fullWidth #wrapper {min-height:inherit;display:block;}

body.a_confirmation #mapAndSide #side, body.a_confirmation #mapAndSide #mapw  {width: 48% !important; }
body.a_confirmation #mapAndSide #side { height: auto; margin: 0 15px; }
.gm-style-iw-d a:focus { outline: 0; }
body.a_confirmation .headImageConf {text-align: center;}
body.a_confirmation .feature-3 {text-align: center; border: 1px solid #ececec; padding: 10px 20px 0; border-radius: 6px;}
/**/
#RateStep_4 { max-width: 1140px; margin: 0 auto;}
#RateStep_4 #rateSteps { margin-top: 24px;}
#RateStep_4 .filter_item, #QuickRate .filter_item { max-width: 400px;border-radius: 6px 0 0 6px;background: #fff;position: relative;}
.rateStepBoth .filter_item .selectRate { margin-right: 5px;position: absolute; bottom: 10px;}
.rateStepBoth .fi_cheap { top: 50px;}
#sideb_scen #scenarios_sc_2 {margin-left: 10px;}
#distText { margin-top: 15px; }
.iw_w {width:520px;}
.iw_tit {display:inline-block;vertical-align:middle;font-size:18px;padding:0 0 8px 0; margin:0 12px 8px 0;}
.iw_dur {display:inline-block;vertical-align:middle;font-size:18px;padding:0 0 8px 0; margin:0 0 8px 0;  }
.iw_dirs {font-size:16px;padding:4px 0 0px 0; margin:4px 0 0px 0;  }
.iw_rates {border-top:solid 1px #ccc;}
.iw_rate { padding:8px 8px 8px 8px; margin:0 0 0px 0; border-bottom:solid 1px #ccc; border-left:solid 16px #fff; border-right:solid 1px #ccc;   }
.iw_ratemulti .iw_rate {border-bottom:none;}
.iw_ratemulti .iw_rate:last-child {border-bottom:solid 1px #ccc; }
.iw_rate div {display:inline-block;vertical-align:middle;font-size:16px; }
.iwr_im {margin:0 12px;width:72px;min-height:50px; }
.iwr_pr {margin:0 12px; }
.iwr_tot_c {font-weight:bold;font-size:18px; }
.iwr_tot.iwr_lis .iwr_tot_c {text-decoration:line-through;font-size:14px;}

.iwr_tot_cs {font-weight:normal;  }
.iwr_total {font-size:14px;  }
.iwr_tot_cs {font-size:14px; display:none;}
.iwr_tot_procent {color: red; font-weight: bold; }
.iwr_cur  {font-size:14px;font-weight:normal; }
.cheapest { background: #f8a055; color: #fff; border-radius: 0 0 10px  0px; padding: 2px 15px;position: absolute; top: 0px; left: 0px; font-size: 13px}
.rate_logo, .fi_estimated, .fi_pr, .selectRate { padding: 20px; display: flex; flex-direction: column; }
.rate_logo { margin-top: 20px;}
.fi_service { font-weight: bold; font-size: 18px; margin-bottom: 10px;}
.fi_estimated_text { font-size: 14px; }
.iwr_pr.green {color:#009966;font-size:18px; }
.iwr_im img {max-width:72px; }
.iwr_sel {}
.iw_ratenoim .iwr_sel .buttonchoose {padding:10px 0px;font-size:14px;width:64px; }
.filter_item .buttonchoose { margin: 0 8px;}

.iwr_tit {width:146px;}
.iw_ratenoim .iwr_im {width:0;height:0; min-height:inherit; margin:0;}
.iw_ratenoim .iwr_tit {width:208px; }
.iw_ratenoim .iwr_pr  {width:calc(100% - 208px - 64px - 24px);text-align:right;}
.iw_ratenoim .iwr_sel {width:64px;}

.iw_ratemulti .iw_rate .iwr_im img {display:none}
.iw_ratemulti .iw_rate:first-child .iwr_im img {display:block;}
.iw_ratemulti .iw_rate .iwr_tit {color:#fff;}
.iw_ratemulti .iw_rate:first-child .iwr_tit {color:#333;}
.iw_ratemulti .iw_rate:first-child {padding:8px 0 2px 0; }

.filter_item  {border:solid 1px #fff; padding:4px 0 4px 0;display:block;margin:0 0 8px 0;border-width:2px 2px 2px 20px;}
.filter_m_item {border:solid 1px #fff; padding:8px 0 0px 0;display:block;margin:0 0 8px 0;border-width:2px 2px 2px 20px;position:relative;border-radius: 6px 0 0 6px;}
.filter_item.selected, .filter_m_item.selected {background:#fafafa} 
#ratesFilter {border-radius: 6px;}
.filter_item .fi_tit {display:inline-block;vertical-align:top;font-weight: bold;margin:0 0 0 8px;  }
.filter_item .fi_tit2 { display: block; font-size: 11px; margin:3px 0 0 8px;vertical-align: top;  }
.filter_item .fi_exp {margin:4px 8px 0 8px;display: inline-block; }
.filter_item .fi_closest {margin:4px 8px 0 8px;font-size: 12px; display: block; }
.filter_item .selectRateXXX { float: right; margin-top: -40px;}
.filter_item .fi_exp .high_col {vertical-align:top;}
.filter_item .fi_pr {display:block;font-size:16px;font-weight:bold; margin: 0px 8px;}
.filter_item .fi_pr .iwr_lis {font-size: 12px;}
.filter_item .fi_pickup { margin: 20px 0 10px 8px;}
.fi_cm {font-size:22px;cursor:pointer; margin: 0px 0 0 8px;}
.fi_cheap {font-size: 18px; color: #fff; display: block; max-width: 100px; top: 70px; left: 2px; position: absolute; -ms-transform: rotate(270deg); -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg);transform: rotate(270deg); 
    -ms-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; transform-origin: left bottom 0;}
.filter_m_item .filter_item {border-width:0 0 1px 0;margin:0px 0 8px 0;background:none;padding:0 0 8px 0; position: relative; }
.filter_m_item .filter_item:last-child {border-width:0px 0px 0px 0px;margin:0;  }
.high_col {display:inline-block;vertical-align:middle;width:20px;height:20px;border:solid 1px #000;  }

#mapAndSideBoth {visibility: hidden;display: nonex; background: #fff; position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; z-index: 9999;  }
#mapAndSideBoth #side { display: inline-block; vertical-align: top; width: 280px; padding: 0 10px;box-shadow: none; overflow: scroll; height: 100vh; }
.viewmap {color:#ff776b;}
#mapAndSideBoth .mapBoth { display: inline-block; vertical-align: top; width: 100%;  }
#closemapBoth { position: relative !important; top: 5px; width: 79%;text-align: center;}
.closemapBoth { position: absolute; bottom: 5px; right: 5px;z-index:9;}
.rateStepBoth h1{ margin: 20px 0px; }
.rateStepBoth .filter_item .fi_exp { display: block !important; }
.rateStepBoth .filter_item .selectRate { float: none;display: block; margin: 0; }
.rateStepBoth .fi_cm { display: none;  }
.rateStepBoth .filter_item,#ratesNames .ratesNamesTit { min-height: 160px; border-radius: 6px!important;  }
#ratesNames .ratesNamesTit { max-width: 400px; background: #fff;margin: 0 0 8px 0; padding: 15px;  border: solid 1px #fff;  border-width: 2px 2px 2px 20px;}
#ratesNames .ratesNamesTit .fi_tit {font-weight: bold;}
.rateStepBoth .filter_item .fi_pr,.rateStepBoth .filter_item .fi_exp,.rateStepBoth .filter_item .fi_tit,.rateStepBoth .filter_item .fi_tit2,.rateStepBoth .filter_item .fi_closest, .rateStepBoth .filter_item .buttonchoose {margin: 0px 15px!important;}
.rateStepBoth .fi_cheap {top: 60%!important;}
.getDropoff, .getPickup {color: #4897d8; margin: 10px;}
#ratesDropoff .slider.slider-horizontal { width: 200px;margin: 0 0 0 5px !important;}
.mapDistance {
    color: #bfbfbf;
    text-align: right;
    font-style: italic;
}
.mapName {
    font-weight: 500;
    font-size: 16px;
}
#side .buttonchoose {
    display: block;
    margin: 0 auto 20px;
}
#lockersList { margin-top: 10px; }
/**/
#sideb_leg {border:solid 1px #ececec; background: #fafafa; padding:8px; border-radius: 6px;}
#sideb_leg h4 {font-weight:600; margin:0 0 8px 0; }
.leg_row .lr_i {display:inline-block;vertical-align:middle;width:36px;text-align:center; margin:0 6px 8px 0;  }
.leg_row .lr_t {display:inline-block;vertical-align:middle;padding:0 0 8px 0;width:calc(100% - 42px); }
.leg_row .lr_i img, .leg_row .lr_i svg {vertical-align:middle;}
#sideb_but {margin:0 0 8px 0; }
#sideb_conf h4 {margin:0 0 16px 0; }
body.a_map #mainContent .container > .row > .col-sm-12, body.a_quickrates #mainContent .container > .row > .col-sm-12 { padding: 0; height: 100%; }
body.a_confirmation #mainContent .container .row .col-sm-12 { padding: 0; height: 100%; }
body.a_map #mainContent .container.main-container,body.a_map #mainContent .container.main-container .row,body.a_quickrates #mainContent .container.main-container,body.a_quickrates #mainContent .container.main-container .row { height: 100%;}
body.a_confirmation #mainContent .container.main-container,body.a_confirmation #mainContent .container.main-container .row { height: 100%;}
/**/

/*storeLoc*/
#storeLocDiv {margin-bottom: 50px;}
#storeLocWrap { max-width: 650px;margin: 0 auto; }
#slPostal {width: 100px;}
/*end storeLoc*/

/*iframeMenu*/
#iframeMenuWrap {display:none;height: 40px;}
/*#imenuToggle a {  background: url('data:image/jpeg;base64,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') right center; width: 100px; height: 30px;position: absolute; right: 20px; top: 10px; border-radius: 6px 6px 0 0;}*/
#ihrmma { display:none; background: #fff; padding: 5px; position: absolute; right: 20px;top: 40px; width: 100px;border-radius:0 0 6px 6px;border: 1px solid #000; z-index: 9999;}
#ihrmma a { display: block; }
/*end iframeMenu*/

#mobMenu, #hrm li#menuToggle, .mobonly, #sideToggle { display:none; }
@media screen and (max-width:1240px) { 
    .centerme { width:984px; }
    #hr {width:760px;}
    #hrm li {padding:0 0 0 12px} #hrm li#qratesWrap {padding-left: 30px;} #userMenu li {padding:0;}
    #hrm>li#hrmma>a { padding:0 0 20px 12px !important; }
    #userMenu { left: 15px; }
    /**/
    #RateStep_4 h2 {font-size:20px;}
    .lr_image {margin:12px;}
    #RateStep_7 .rateStep { padding:10px;}
    /**/
    .hfw_slidein {bottom:10%;}
    .owl-item.active .hfw_slidein, .hfw_slide.active .hfw_slidein {bottom:10%;}
    body.fullWidth #side {width:320px; }
    body.fullWidth #mapw {width:calc(100% - 320px);}
    .filter_item .fi_tit {width:120px;}
    .filter_item .fi_pr {width: calc(100% - 120px - 16px - 8px);}
    .slider.slider-horizontal {width:268px; }
}
@media screen and (min-width:1710px) {
#results .nav-tabs>li>a { font-size: 16px !important;}
}

@media screen and (min-width:1645px) {
#results .nav-tabs>li>a { font-size: 15px !important;}
}
@media screen and (min-width: 993px) and (max-width:1644px) {
#results .nav-tabs>li>a { font-size: 14px !important;}
}
@media screen and (min-width:992px) {
    #results .rateResponse , #mapRate .location { font-size: 15px;}
    .banbackgr { min-height: 520px; padding: 100px 0;}
    #mainContent .boxes_0:first-child .banbackgr { min-height: 800px; }
    #ratesNames, #ratesPickup, #ratesDropoff {padding: 0 !important; }
    #ratesNames {padding-left: 0 !important;}
    #ratesDropoff {padding-right: 0 !important;}
    .rateStepBoth .filter_item, #ratesNames .ratesNamesTit {margin-bottom: 20px !important;}
    #ratesNames h2, #ratesPickup h2, #ratesDropoff h2 { margin-left: 30px;}
}
@media screen and (max-width:991px) {
    body {font-size:14px;}
    .centerme { width:744px; padding:0 10px; }
    #logo {width: 107px; height: 40px; background-size:640px 300px; margin:20px 0 0 12px; }
    #hr {width:625px;}
    #hrm li {padding:0 0 0 8px}
    #userMenu { left: 5px; }
    #fl {width:64%;}
    #fr {width:33%;}
    #qrw {top:120px;}
    #bf2ship img {margin:0 40px 0 0;}
    /**/
    .packagePage { margin-top: 20px; }
    #packagest .th0 { width:220px; }
    #packagest .td0 { width:160px;}
    .lr_title {width:240px;margin:12px 12px 12px 0;}
    .lr_price .strike {margin:0 0 0 16px; }
    .lr_butt .button {padding:6px 16px;}
    .lr_price .price {font-size:20px;}
    .lr_title strong {font-size:13px;}
    .hfw_slidein {bottom:5%;}
    .owl-item.active .hfw_slidein, .hfw_slide.active .hfw_slidein {bottom:5%;}
    .qratesModal1 h3.pickrate {margin-top: 15px;}
    #ratesDropoff h2 {margin-top: 30px;}
    .sspf .row .rowl .row .col-xs-4 { max-width: 110px;}
    #baText, #eaText, #sigText { min-width: 215px;}
}
@media screen and (min-width:767px) {
    #mapAndSideBoth #mapw { width: calc(100% - 280px);  }
    .hidden-mob {display: block;}
    .hidden-not-mob {display: none;}
   /* .rate_logo, .fi_service, .fi_estimated, .fi_pr, .selectRate { height: min-content;}*/
    .fi_estimated_text, .fi_estimated_date { display: inline-block; }
}
@media screen and (max-width:767px) {
    img { max-width: 100%;}
    .page { padding: 0 10px;}
    body.a_confirmation #mapAndSide #side, body.a_confirmation #mapAndSide #mapw  {width: 100% !important; }
    body.a_confirmation #mapAndSide #side  {margin:0}
    .hidden-mob {display: none;}
    .hidden-not-mob {display: block;}
    #qrates {font-size: 12px;}
    #hrm li#menuToggle, .mobonly {display:inline-block;}
    #qrw, #mm,#hrmma, .notonmob,.ps-nav {display:none !important;}
    .centerme { width:96%; padding:0 2%; }
    #hr { width: auto; float:right;}
    #logo {margin:10px 0 0 10px;}
    #hrm { border-left:none;}
    #menuToggle {font-size:18px; }
    
    a#caico {top:0px;}
    #mobMenu {position:absolute; left:0px; top:90px; background:#fff; width: 100%;z-index:102;  }
    #mobMenu a {display:block; padding:6px 12px; border-bottom:solid 1px #fff; }
    #mobMenu .navbar-nav { margin: 0; }
    #fullcolumn {padding:10px 0;}
    .ratePage .rateStepI {margin:0;}
    /**/
    #overfooter {padding:16px 0;}
    #ofics {width:100%;}
    #oftin {width:100%;margin:16px 0 0 0}
    .hiwi, .hiwia {width:100%;text-align:center; margin:0 0 12px 0;} .hiwi br {display:none;}
    .hiwiar {display:none;}.hiwiad {display:inline-block; }
    #contactPageL, #contactPageR {width:100%; margin: 0 0 2% 0;}
    #packagesPage {margin:0;}
    .sppl {display:none;}
    .sppr {width:100%;}
    #packagest td {padding:2px;}
    #packagest .th0 { width:50px; display:none;}
    #packagest .td0 { width:50px;padding:2px; display:none;}
    .rateStep {margin: 0 0 30px 0; padding: 5px;}
    #packagest .td1 {width:50px;text-align:left;padding:2px 2px 2px 24px;}
    #packagest .th1 {width:50px;}
    #packagest tfoot td {padding:4px 4px; }
    #totalPackages {margin:0 6px 0 0;}
    #RateStep_2 .form-row, #RateStep_3 .form-row {width:100%; margin:0 0 4px 0; }
    #RateStep_2 .form-rowc, #RateStep_3 .form-rowc { margin:0 0 4px 0; }
    #rateSteps li { width:25%;}
    #rateSteps li a { display:inline-block;} #rateSteps li a br {display:none;}
    #RateStep_2 #toStep3, #RateStep_3 #toStep4 {margin:0 4px 0 0;}
    #map_canvas {height:320px;}
    #RateStep_4 .form-row {width:80%;margin:0 auto;}
    .lr {height:138px; }
    .lr_image {margin:2px;}
    .lr_image img {width:80px;}
    .lr_title {margin:2px 2px 2px 0;width:auto;} .lr_title strong {font-size: 11px;} .lr_title p {display:none;}
    .lr_butt { } .lr_butt .button {height:60px; }
    .lr_price {margin:2px 8px 2px 2px;}.lr_price span {vertical-align: middle;} .lr_price .price {line-height: 18px;}
    #confLeft, #confRight {width:100%;margin:0 0 10px 0;}
    #labWrap img {}
    #confRight h3.mobonly {font-size:14px;}
    #confRight h3 span, #confRight h3 .button {display:inline-block;vertical-align:middle;}
    #confRight h3 .button {padding:2px 12px;}
    .hfw_slidein {bottom:8%;}
    .owl-item.active .hfw_slidein, .hfw_slide.active .hfw_slidein {bottom:8%;}
    .box-text-cell .slide-center { left: 0; }
    .hfw_slidein br {display:none;}
    .hfw_slidein .btn {font-size:14px !important;}
    .hfw_slidein h1, .hfw_slidein h1 font {font-size:22px !important;}
    .hfw_slidein h2, .hfw_slidein h2 font {font-size:18px !important;}
    .sliderInfo .sliderText { margin-top:0px;}
    /**/
    #mapAndSide {position:relative;}
    body.fullWidth #side {width:260px;position:fixed;background:#fff;overflow:auto;padding:8px;left:-264px;height:calc(100% - 101px);   }
    #sideToggle {display:inline-block;position:fixed;background:#fff;font-size:26px;z-index:2287;left:0px;top:101px;box-shadow:4px 4px 8px -4px rgba(41,51,57,.5);padding:2px 8px 4px 8px; }
    body.fullWidth #mapw {width:100%;z-index:82;opacity:1;transition: opacity 0.25s ease-in-out; }
    body.fullWidth.sideOpen #mapw {opacity:0.2}
    .slider.slider-horizontal {width:184px; }
    .filter_item .fi_tit  {width:auto;display:block; }
    .filter_item .fi_pr {width:auto;display:block; margin:0 8px;text-align:left;  }
    .filter_item .fi_exp {display:none;}
    /**/
    .iw_w {width:100%; }
    .footer-bottom .pull-right { margin-top: 40px;}
    #sideb_scen #scenarios_sc_2 { display: block; margin: 0; }
    .filter_item .selectRate { float: none; display: block; margin:0px;}
    #ratesDropoff .filter_item .selectRate {position: relative !important;}
    #ratesDropoff .fi_closest {padding-bottom: 20px;}
    .viewmap {display: block;}
    
    .rate_logo, .fi_service, .fi_estimated, .fi_pr, .selectRate { height: min-content;}
    .fi_estimated_text, .fi_estimated_date { display: inline-block; }
}
@media screen and (min-width: 1px) and (max-width:596px) {
    #rateSteps li a div { transform: none; max-width: 100px; font-size:13px;}
    #rateSteps li a span { top: 63px; left: 29%;}
}
@media screen and (min-width: 1px) and (max-width:620px) {
    .iw_w {width:100%; }
    .iw_rate {padding:4px;border-width:1px 1px 1px 8px;  }
    .iw_tit {margin:0 0 4px 0; }
    .iw_dur {margin:0 0 4px 0; }
    .iw_rate div, .iw_ratenoim .iwr_tit, .iw_ratenoim .iwr_pr {display:block;width:auto;text-align:left;margin:0 0 4px 0;  }
}
@media screen and (max-width:480px) { 
    .ofics img { width:80px;}
    .ofics em {font-size:12px;font-weight:400;line-height:10px;} .ofics em br {display:none;}
    #oftin a, .homePage #oftin a {padding:5px 0; width: 100%;}
    #fl, #fr {width:100%;margin:0 0 2% 0;}
    #bf2ship img {margin:-26px 20px 0 0;}
    .cPage #fullcolumn h1:before {width:40px; margin:0 12px 6px 0;}
    .cPage #fullcolumn h1:after {width:40px; margin:0 0 6px 12px;}
    .button {padding:6px 16px;font-size:17px;}
    .large { width: calc(100% - 32px);}
    #header .logo img { margin-top: 15px; max-width: 220px;}
    .in31 {width:100%;display:block;margin:0 0 8px 0; }
    #mpno {right:-18px;}
    .cPage #fullcolumn h1:before, .cPage #fullcolumn h1:after {display:none;}
    #rateSteps li a { font-size: 13px; }
    .banbackgr { padding: 10px 0;min-height:200px;}
    #packagest th { padding: 9px;}
    #packagest .td1 { padding: 2px 2px 2px 20px;}
}
@media screen and (max-width:366px) {
    #header .logo img { max-width: 50%; }
}
@media screen and (max-height:540px) { 
    #qrw {top:60px;}
}
.lds-ring { display: inline-block; position: relative;width: 64px;height: 64px;top: 40vh;left: calc(50% - 30px);}
.lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 51px; height: 51px; margin: 6px; border: 6px solid #000; border-radius: 50%;animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #000 transparent transparent transparent;}
.lds-ring div:nth-child(1) { animation-delay: -0.45s;}
.lds-ring div:nth-child(2) { animation-delay: -0.3s;}
.lds-ring div:nth-child(3) { animation-delay: -0.15s;}
@keyframes lds-ring { 
0% {   transform: rotate(0deg);  }
  100% { transform: rotate(360deg); }
}

.lds-ripple,
.lds-ripple div { box-sizing: border-box; }
.lds-ripple { display: inline-block; position: relative; width: 80px; height: 80px; top: 40vh;left: calc(50% - 30px);}
.lds-ripple div { position: absolute; border: 4px solid currentColor; opacity: 1; border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; }
.lds-ripple div:nth-child(2) { animation-delay: -0.5s; }
@keyframes lds-ripple { 0%, 4.9% { top: 36px; left: 36px; width: 8px; height: 8px; opacity: 0; } 5% { top: 36px; left: 36px; width: 8px; height: 8px; opacity: 1; } 100% { top: 0; left: 0; width: 80px; height: 80px; opacity: 0; } }

.oText { text-align: center;max-width: 300px; margin: 0 auto;color: #000;position: relative; top: 45vh; font-size: 18px }

@media screen and (max-width: 1530px) and (min-width: 768px) {
    #resultsWrap .rate_row { padding: 0px; }
}