body.modal-open{overflow:hidden!important;padding-right:0px!important}
.container{padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.header-service-carousel{float:right;width:150px;position:relative;top:0;padding:0;display:table-cell;vertical-align:middle}
.header-service-carousel img{margin:0 auto;display:block;width:50%}
#PhHeaderRow
{
    border-bottom:5px solid #499CD4;
    padding:10px 0px;
    z-index:9999;
    height:140px;
    padding:20px 0px;
    overflow:hidden;
    border-bottom:5px solid #499CD4;
    background-color:#FFF;background-image: url( '/content/images/select-service/header-bg.jpg' );background-position: center bottom;background-repeat: no-repeat;
}
#PhHeaderRow .extra-info {
    width:70%;
    color:#FFF;
    right:-50%;
    margin-top:27px;
    font-weight:600;
    padding:10px 20px;
    position:absolute;
    border-radius:5px;
    background:#2A83BE;
    text-align:left;
}
#PhHeaderRow .extra-info a {
    margin:0 8px;
    color:inherit;
    display:inline-block;
    vertical-align:middle;
    padding-right:20px;
    border-right:1px solid rgba(255, 255, 255, .4);
}
#PhHeaderRow .extra-info a:hover
{
    text-decoration:none!important;
}
#PhHeaderRow .extra-info a:last-child {
    margin-right:0;
    padding-right:0;
    border-right:none;
}
#PhHeaderRow .extra-info a img {
    margin-right:10px;
    display:inline-block;
    vertical-align:middle;
    width:27px;
}

#PhHeaderRow.stickyHeader
{
    padding:0px;background:rgba(255,255,255,0.88);
    height:85px;padding:10px;
    
}
#PhHeaderRow.stickyHeader .PHlogo img{margin:0px;}
#PhHeaderRow.stickyHeader .extra-info{margin-top:10px}


a.top-env-button {
    width:100%;
    display:block;
    color:#67a7d2;
    font-size:14px;
    font-weight:400;
    line-height:40px;
    text-align:center;
    padding:0 30px 0 0;
    margin-bottom:10px;
    border-bottom:3px solid #67a7d2;
    background:#FFF url('/content/images/select-service/ico-envelope-alt.png')  right 10px center no-repeat;
}
a.top-env-button:hover,
a.top-env-button:focus,
a.top-env-button:active {
    color:#FFF;
    background-color:#67a7d2;
    background-image:url('/content/images/select-service/ico-envelope.png');
}

#aEmailQuote{display:none}
#aEmailQuote,#aEmailQuote:active,#aEmailQuote:visited,#aEmailQuote:hover{text-decoration:none!important}

.stickyHeader{z-index:999}
@keyframes blinker {
    from { opacity: 1; }
    to { opacity: .1; }
}
@-webkit-keyframes blinker {
    from { opacity: 1; }
    to { opacity: .1; }
}
@-moz-keyframes blinker {
    from { opacity: 1; }
    to { opacity: .1; }
}
@-ms-keyframes blinker {
    from { opacity: 1; }
    to { opacity: .1; }
}
@-o-keyframes blinker {
    from { opacity: 1; }
    to { opacity: .1; }
}
#dvUpgradeCount
{
    text-align:right;
    font-size:20px;
}
.waitingForDataBlink {
    animation:blinker .7s linear infinite alternate;
    -webkit-animation:blinker .7s linear infinite alternate;
    -moz-animation:blinker .7s linear infinite alternate;
    -ms-animation:blinker .7s linear infinite alternate;
    -o-animation:blinker .7s linear infinite alternate;
}

.when-service-loading {
    padding:100px 0px 50px 0px;
    margin:25px auto 15px auto;
    text-align:center;
    position:relative;
}
.when-service-loading p {
    left:0;
    right:0;
    top:30px;
    color:#3C8BC0;
    font-size:20px;
    font-weight:600;
    line-height:24px;
    position:absolute;
    text-align:center;
    padding:15px;
}
.when-service-loading img {
    max-width:100%;
    display:inline-block;
    margin-top:40px;
    width:400px;
}
.when-service-loaded {
    display:none;
}

#email-quote-modal .modal-header
{
    background-color:#fff;
}
.email-msg-processing{background-image:url('/content/images/select-service/h-loader.gif');background-position:center center;background-repeat:no-repeat;padding:20px 25px;}
#email-quote-modal .modal-header h3 {
    color:#226EB3;
    font-size:24px;
}
#email-quote-modal .modal-body label {
    font-weight:400;
}
#email-quote-modal .modal-body .trans-btn {
    width:18%;
    outline:none;
    color:#67a7d2;
    font-size:14px;
    font-weight:400;
    line-height:40px;
    min-height:40px;
    min-width:100px;
    text-align:center;
    margin-right:12px;
    display:inline-block;
    border:1px solid #67a7d2;
    background-color:transparent;
}
#email-quote-modal .modal-body .add-quote-email{display:inline-block;margin-top:20px;font-size:18px;color:#226EB3;cursor:pointer}
#email-quote-modal .modal-body .remove-quote-email{display:inline-block;margin-top:20px;font-size:18px;color:#c9302c;cursor:pointer}

#email-quote-modal .modal-body .trans-btn.trans-mini-btn {
    font-size:13px;
    margin-top:10px;
    line-height:32px;
}
#email-quote-modal .modal-body .trans-btn:hover,
#email-quote-modal .modal-body .trans-btn:focus,
#email-quote-modal .modal-body .trans-btn:active {
    color:#FFF;
    background-color:#67a7d2;
}
#email-quote-modal .modal-body .trans-btn i {
    font-size:18px;
    padding-right:3px;
    display:inline-block;
    vertical-align:middle;
}

.element-group .error-item{font-weight:500;}
.btn:hover{text-decoration:none!important;}
p.error-item{display:none;padding-top:4px;margin-bottom:0;line-height:15px;position:absolute;color:#fe4141!important;font-size:11px!important;font-weight:500}
#service-latest-page {
    font-weight:300;
    display:none;
    border-bottom:5px solid #2180BF;
}

.service-banner-area {
    color:#FFF;
    padding:15px 0;
    font-size:24px;
    background:#4FB1E3;
}
.service-banner-area .service-banner-wrapper {
    width:100%;
    display:flex;
    flex:1;
    -webkit-flex: 1; 
    -ms-flex: 1; 
    min-height:100px;
    align-items:center;
    justify-items:center;
    justify-content:center;
}
.service-banner-area .service-banner-wrapper>* {
    margin:0 10px;
}
.service-banner-area .service-banner-wrapper img {
    padding-right:20px;
    border-right:1px solid #FFF;
}
.service-banner-area .service-banner-wrapper a {
    color:#fff;
    font-size:14px;
    text-decoration:underline;
}

.service-listings-panel {
    background:#EBEEF5;
    /*padding-bottom:40px;*/
}
.service-listings-panel .service-listings-panel-inner {
    display:flex;
    /*justify-items:center;
    justify-content:space-between;*/
}
.service-listings-panel .service-listings-panel-inner .service-panel-col {
    width:32%;
    padding:30px 0;
    margin-left:15px;
    display:inline-block;
}
.services-container > div.service-panel-col:first-of-type{margin-left:0px!important}
.service-panel-col .service-panel-head {
    color:#2180bf;
    padding-left:80px;
    background-repeat:no-repeat;
    background-color:transparent;
    background-position:left top;
    height:64px;
}
.service-panel-col .service-panel-head.drop-off-services {
    background-image:url('/content/images/select-service/service-icon-dropoff.png');
    background-size: 58px;
}
.service-panel-col .service-panel-head.next-day-services {
    background-image:url('/content/images/select-service/service-icon-next-day.png');
    background-size: 51px;
}
.service-panel-col .service-panel-head.timed-services {
    background-image:url('/content/images/select-service/ico-timed-delivery.png');
    background-size: 58px;
}
.service-panel-col .service-panel-head.economy-services {
    background-image:url('/content/images/select-service/service-icon-economy.png');
    background-size: 62px;
}
.service-panel-col .service-panel-head.supEconomy-services {
    background-image:url('/content/images/select-service/service-icon-sup-economy.png');
    background-size: 62px;
}
.service-panel-col .service-panel-head.express-services {
    background-image:url('/content/images/select-service/express_ico_v1.png');
    background-size: 70px;
}
.service-panel-col .service-panel-head.door-to-door {
    background-image:url('/content/images/select-service/d2d.png');
    background-size: 65px;
}

.with-error input{border-bottom-color:#f00!important}
.service-panel-col .service-panel-head.boxed {
    border-radius:5px;
    background-color:#FFF;
    border:1px solid #F1F3F9;
    padding:12px 6px 12px 80px;
    box-shadow:2px 2px 10px rgba(0,0,0,.1);
    background-position:left 10px top 15px;
}
.service-panel-col .service-panel-head h3 {
    margin-top:0;
    font-size:30px;
    font-weight:600;
    margin-bottom:5px;
}
.service-panel-col .service-panel-head p {
    margin-bottom:0px;
    text-align:left;
}

.focus-service {
    display:block;
    cursor:default;
    font-size:30px;
    margin:10px auto 20px auto;
    text-align:center;
    transform:scale(1.9, .8);
    color:#2180BF !important;
    max-width:70px;
}
.focus-service i {
    color:inherit;
}

.services-list {
    padding:0;
    margin:0px;
    list-style:none;
}
.services-list .service-item {
    background:#FFF;
    position:relative;
    text-align:center;
    border-radius:3px;
    margin-bottom:15px;
    box-shadow:2px 2px 10px rgba(0,0,0,.1);
}
.services-list .service-item .flip-view {
    height:410px;
    overflow:hidden;
    position:relative;
    -webkit-perspective: 2000px;
    -ms-perspective: 2000px;
    -o-perspective: 2000px;
    perspective: 2000px;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.services-list .service-item .flip-view .front-view,
.services-list .service-item .flip-view .back-view {
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    transition:1s;
    -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg);
    -webkit-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition-style:preserve-3d;
    -moz-transition-style:preserve-3d;
    -ms-transition-style:preserve-3d;
    -o-transition-style:preserve-3d;
    transition-style:preserve-3d;
}
.services-list .service-item .flip-view .front-view {
    z-index:2;
    -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg);
}
.services-list .service-item.active-more-view .flip-view .front-view,
.services-list .service-item.active-shop-view .flip-view .front-view,
.services-list .service-item.active-printer-view .flip-view .front-view {
    -webkit-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
}
.services-list .service-item .flip-view .back-view {
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg);
}
.services-list .service-item.active-more-view .flip-view .back-view.more-back-view {
    -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg);
}
.services-list .service-item.active-shop-view .flip-view .back-view.shop-back-view {
    -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg);
}
.services-list .service-item.active-printer-view .flip-view .back-view.printer-back-view {
    -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg);
}
.services-list .service-item .sb-head {
    padding:15px 0;
}
.services-list .service-item .sb-head .sb-head-left
{
    width:40%;
    float:left;
}
.services-list .service-item .sb-head .sb-head-right {
    width:60%;
    float:left;
}
.services-list .service-item .sb-head .sb-head-left img {
    max-width:90%;
    margin:0 auto 0;
    max-height:65px;
}
.services-list .service-item.sbUPS .sb-head .sb-head-left img {
    max-height:50px;
}
.services-list .service-item.sbHermes .sb-head .sb-head-left img {
    margin-top: 15px;
   }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {/*for ie*/
  .services-list .service-item.sbHermes .sb-head .sb-head-left img {
    margin-top: auto!important;
   }
}
.services-list .service-item .sb-head .sb-head-right {
    text-align:left;
    padding-left:18px;
    border-left:1px solid #d0d0d0;
}
.services-list .service-item .sb-head .sb-head-right h3 {
    margin-top:0;
    color:#207ebd;
    font-weight:600;
    margin-bottom:3px;
    font-size:30px;
}
.services-list .service-item .sb-head .sb-head-right h3 a {
    color:inherit;
}

.services-list .service-item .sb-head .sb-head-right h3 span.exVat {
    font-size:12px;
    font-weight:400;
}

.services-list .service-item .sb-head .sb-head-right h4 {
    margin-top:0;
    color:#aaa;
    font-size:16px;
    font-weight:400;
}
.services-list .service-item .sb-body {
    padding:8px 25px;
}
.services-list .service-item .sb-body h3 {
    margin-top:0;
    color:#6d6d6d;
    font-size:19px;
    font-weight:600;
}
.services-list .service-item .sb-body h3 a{cursor:pointer;}
.services-list .service-item .sb-body h3 a,
.services-list .service-item .sb-body h3 span {
    color:#2180bf;
}
.services-list .service-item .sb-body h3 a:hover,
.services-list .service-item .sb-body h3 a:focus,
.services-list .service-item .sb-body h3 a:active {
    text-decoration:underline;
}
.services-list .service-item .sb-body .dates-info {
    padding:15px 0;
}
.services-list .service-item .sb-body .dates-info .sb-the-date-split {
    width:44%;
    float:left;
    padding-top:7px;
}
.services-list .service-item .sb-body .dates-info .sb-the-date-split img {
    margin:0 auto;
    width:23px;
}
.services-list .service-item .sb-body .dates-info .sb-the-date {
    width:28%;
    float:left;
    padding:5px;
    color:#9b9b9b;
    font-size:15px;
    background:#FFF;
    font-weight:600;
    line-height:1.8em;
    border:1px solid #e9ebef;
}
.services-list .service-item .sb-body .dates-info .sb-the-date.sb-end-date {
    float:right;
}
.services-list .service-item .sb-body .dates-info .sb-the-date strong {
    color:#6d6d6d;
    font-weight:700;
}
.services-list .service-item .sb-body .dates-info .sb-the-date span {
    font-size:28px;
}
.services-list .service-item .sb-body .dates-info .sb-the-date sup {
    top:-.8em;
    right:3px;
    font-size:85%;
}
.services-list .service-item .sb-foot .action-bar {
    padding:6px;
    margin:0 2px;
    display:block;
    color:#878787;
    font-weight:600;
    background:#efefef;
    text-decoration:none;
}
.services-list .service-item .sb-foot .action-bar.active {
    color:#14a57a;
}
.services-list .service-item .sb-foot .action-bar i {
    font-size:17px;
    margin-right:5px;
}
.services-list .service-item .sb-foot .footer-actions {
    padding:4px 0;
}
.services-list .service-item .sb-foot .footer-actions ul {
    margin:0;
    padding:0;
}
.services-list .service-item .sb-foot .footer-actions ul li {
    width:16%;
    margin:2px;
    display:inline-block;
}
.services-list .service-item .sb-foot .footer-actions ul li a {
    padding:12px;
    position:relative;
    display:inline-block;
    background:transparent;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
}
.services-list .service-item .sb-foot .footer-actions ul li a.non-link {
    cursor:default;
}
.services-list .service-item .sb-foot .footer-actions ul li a:hover {
    background:rgba(179, 179, 179, 0.2);
}
.services-list .service-item .sb-foot .footer-actions ul li a.non-link:focus,
.services-list .service-item .sb-foot .footer-actions ul li a.non-link:hover ,
.services-list .service-item .sb-foot .footer-actions ul li a.non-link:active {
    background:transparent;
}
.services-list .service-item .sb-foot .footer-actions ul li a.selected:after {
    top:10px;
    right:2px;
    width:25px;
    content:'';
    height:21px;
    display:block;
    position:absolute;
    background-image:url('/content/images/select-service/footer-action-selected.png');background-position:center center;background-repeat: no-repeat;
}
.service-item .sb-foot .footer-actions ul li a.no-printer-required:after
{
    background-image:url('/content/images/select-service/Delete.png')!important;background-position:center center;background-repeat: no-repeat;
}
.services-list .service-item.min-view .sb-body,
.services-list .service-item.min-view .sb-foot {
    display:none;
}
.services-list .service-item.min-view .sb-head .sb-head-right {
    margin-top:14px;
}
.services-list .service-item.min-view .sb-head .sb-head-right h4 {
    display:none;
}
.services-list .service-item.min-view .flip-view {
    height:auto;
}
.services-list .service-item.min-view .flip-view .front-view,
.services-list .service-item.min-view .flip-view .back-view {
    position:relative;
}
.services-list .service-item.min-view .flip-view .back-view {
    display:none;
}
.services-list .service-item .back-view .back-view-inner {
    width:100%;
    height:100%;
    display:table;
    text-align:left;
    line-height:1.5em;
    vertical-align:middle;
}
.services-list .service-item .back-view .back-view-inner.spacy {
    padding-left:20px;
    padding-right:20px;
}
.services-list .service-item .back-view .back-view-inner.alignl {
    text-align:left;
}
.services-list .service-item .back-view .back-view-inner .back-view-inner-wrap {
    width:100%;
    height:88%;
    display:table-cell;
    vertical-align:middle;
}
.services-list .service-item .back-view .back-view-inner .back-view-inner-wrap.go-bottom {
    height:12%;
    display:table-row;
    vertical-align:bottom;
}
.services-list .service-item .back-view p.hl {
    color:#226EB3;
    font-weight:bold;
    text-align:center;
}
.services-list .service-item .back-view .info-block {
    color:#898989;
    margin-top:15px;
}
.services-list .service-item .back-view .info-block p {
    padding:0 10px;
    font-size:13px;
    font-weight:bold;
}
.services-list .service-item .back-view .info-block ul {
    padding:0;
    margin:5px;
}
.services-list .service-item .back-view .info-block ul li {
    display:block;
    font-size:14px;
    list-style:none;
    font-weight:300;
    line-height:16px;
    padding-bottom:10px;
    padding-left:35px;
    background-color:transparent;background-image: url('/content/images/select-service/green-check.png');background-position: 13px 5px;background-repeat: no-repeat;
    background-size:12px;
}
.services-list .service-item .back-view .extra-info {
    font-size:13px;
    margin-top:15px;
    padding:15px 15px 0;
    border-top:1px solid #DADADA;
    
}
.services-list .service-item .back-view .extra-info p {
    color:#888;
    font-size:14px;
    font-weight:bold;
}
.services-list .service-item .back-view .extra-info ul
{
    margin-left:-40px;
}
.services-list .service-item .back-view .extra-info ul li
{
    margin-left:0px;
    list-style-type:none;
}
.services-list .service-item .back-view .hide-more-info {
    color:#9E9E9E;
    font-size:12px;
    margin-top:10px;
    font-weight:600;
    position:absolute;
    display:inline-block;
    bottom:10px;
    left:40%
}
/*.services-list .service-item .back-view .hide-more-info:after {
    top:-1px;
    width:0;
    height:0;
    content:'';
    margin-left:5px;
    position:relative;
    display:inline-block;
    border-top:5px solid #bdbdbd;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
}*/
.services-list .service-item .back-view .hide-more-info:hover,
.services-list .service-item .back-view .hide-more-info:active {
    text-decoration:underline;
}
.services-list .service-item .back-view .the-list {
    margin:0;
    padding:0;
    list-style-type:none;
}
.services-list .service-item .back-view .the-list li {
    margin:12px 0;
}
.services-list .service-item .back-view .the-list li .icon {
    width:12%;
    font-size:25px;
    text-align:center;
    vertical-align:top;
    display:inline-block;
}
.services-list .service-item .back-view .the-list.nf li .icon {
    width:auto;
    margin-right:4px;
}
.services-list .service-item .back-view .the-list li .the-text {
    width:85%;
    vertical-align:top;
    display:inline-block;
}
.services-list .service-item .back-view .the-list.nf li .the-text {
    width:auto;
}
.services-list .service-item .back-view .the-list li a {
    text-decoration:underline;
    cursor:pointer;
}
.service-btn,
.dark-blue-btn {
    height:45px;
    display:block;
    font-size:18px;
    margin-top:16px;
    font-weight:600;
    line-height:45px;
    text-align:center;
    border-radius:4px;
    border:none;
    color:#FFF !important;
    outline:none !important;
    text-transform:uppercase;
    text-decoration:none!important;
}
.input-group .dark-blue-btn {
    width:100%;
    height:43px;
    border:none;
    margin-top:0;
    display:block;
    padding:0 30px;
    text-transform:none;
    border-radius:0;
}
.service-btn.smaller,
.dark-blue-btn.smaller {
    padding:0 20px;
    font-size:15px;
    max-width:100%;
    font-weight:500;
    display:inline-block;
}
.service-btn {
    background:#15DCA6;
}
.dark-blue-btn {
    background:#04568C;
}
.service-btn i,
.dark-blue-btn i {
    margin-right:3px;
    display:inline-block;
    vertical-align:middle;
}
.service-btn:hover {
    background:#14a57a;
}
.dark-blue-btn:hover {
    background:#2180BF;
}


.edgy-btn {
    border-radius:4px !important;
}


/*.service-group-buttons {
    border-bottom:5px solid #2180BF;
}*/
.service-group-buttons .buttons-list {
    display:flex;
    flex:1;
    -webkit-flex: 1; 
    -ms-flex: 1; 
    justify-content:space-between;
}
.service-group-buttons .buttons-list .sg-btn 
{
    display: flex;
    flex:1;
    -webkit-flex: 1; 
    -ms-flex: 1; 
    color:#FFF;
    height:60px;
    margin:0 4px;
    padding:0 5px;
    font-size:18px;
    font-weight:500;
    overflow:hidden;
    line-height:60px;
    text-align:center;
    background:#63B1E5;
    position:relative;
    border-radius:5px 5px 0 0;
    text-decoration:none!important;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.service-group-buttons .buttons-list .sg-btn:first-child {
    margin-left:0;
}
.service-group-buttons .buttons-list .sg-btn:last-child {
    margin-right:0;
}
.service-group-buttons .buttons-list .sg-btn:hover,
.service-group-buttons .buttons-list .sg-btn.active {
    background:#2180BF;
    text-decoration:none!important;
}
.service-group-buttons .buttons-list .sg-btn.active {
    font-weight:600;
}
.service-group-buttons .buttons-list .sg-btn.active:before {
    top:0;
    left:0;
    right:0;
    content:'';
    height:8px;
    position:absolute;
    background:#2195E2;
}


.service-search-details {
    font-weight:500;
    line-height:35px;
    margin:15px 0 25px;
}
.service-search-details .hl {
    color:#a5a8b2;
    font-size:24px;
    padding-right:7px;
    display:inline-block;
}
.service-search-details a {
    bottom:2px;
    color:#2180bf;
    font-size:16px;
    font-weight:600;
    margin-left:5px;
    position:relative;
    line-height:inherit;
    display:inline-block;
    text-decoration:none!important;
}
    
.service-search-details a:hover,.service-search-details a:focus{outline:none;text-decoration:none;}

.upgrade-options {
    display:none;
    font-size:14px;
    margin-top:28px;
    padding:14px 20px;
    position:relative;
    border-radius:5px;
    background:#F8F8F8;
    border:2px solid #e6e5e5;
}
.upgrade-options:before,
.upgrade-options:after {
    right:8%;
    top:-14px;
    content:'';
    display:block;
    position:absolute;
    border-left:12px solid transparent;
    border-right:12px solid transparent;
    border-bottom:15px solid transparent;
}
.upgrade-options:before {
    top:-15px;
    border-bottom-color:#e6e5e5;
}
.upgrade-options:after {
    border-bottom-color:#F8F8F8;
}
#upgrade-options-list ul{margin:0px;padding:0px}
.upgrade-options .upgrade-item 
{
    list-style-type:none;
    color:#9195a2;
    margin-top:6px;
    background:#FFF;
    font-weight:600;
    line-height:32px;
    margin-bottom:6px;
    border-radius:5px;
    position:relative;
    padding:7px 8px 7px 7px;
    border:1px solid #dcdfe7;
    border-left-width:10px;
    transition:all .5s ease;
}
.upgrade-options .upgrade-item.selected {
    border-color:#16679E;
}
.upgrade-options .upgrade-item>* {
    position:relative;
    vertical-align:top;
    display:inline-block;
}
.upgrade-options .upgrade-item img {
    position:relative;
    width: 28px;
}
.upgrade-options .upgrade-item>img {
    top:4px;
    width:24px;
    margin-right:2px;
}
.upgrade-options .upgrade-item .upgrade-addon-btn {
    color:#FFF;
    width:100px;
    font-size:15px;
    padding:1px 12px;
    line-height:29px;
    border-radius:3px;
    transition:all .5s ease;
    background:#63B1E5 url( '/content/images/select-service/upgrade-add-icon.png' ) right 10px center no-repeat;
    background-size:20px;
    min-height:31px;
}
.upgrade-options .upgrade-item.selected .upgrade-addon-btn {
    background-image:url( '/content/images/select-service/upgrade-remove-icon.png' );
}
.upgrade-options .upgrade-item .upgrade-addon-btn:hover,
.upgrade-options .upgrade-item .upgrade-addon-btn:focus,
.upgrade-options .upgrade-item .upgrade-addon-btn:active,
.upgrade-options .upgrade-item.selected .upgrade-addon-btn {
    background-color:#16679E;
    text-decoration:none!important;
}
.upgrade-options .upgrade-item.selected .upgrade-addon-btn:before {
    top:7px;
    left:-35px;
    width:27px;
    content:'';
    height:20px;
    display:block;
    position:absolute;
    background:transparent url( '/content/images/select-service/upgrade-selected-icon.png' ) center center no-repeat;
    background-size:24px;
}
.upgrade-options .upgrade-item .form-control {
    width:105px;
    height:31px;
    padding:4px 6px;
    font-weight:300;
    border-radius:0;
    margin-left:15px;
    background:#F0F1F3;
    display:inline-block;
}
.upgrade-options .upgrade-item .overlay-text {
    padding:8px;
    display:none;
    color:inherit;
    font-size:90%;
    font-weight:300;
    margin-top:15px;
    line-height:1.4em;
    background:#F5F5F5;
    border:1px solid #E2E2E2;
    border-radius:4px;
}
.upgrade-options .upgrade-item .overlay-text p {
    color:inherit;
}
.upgrade-options .upgrade-item .overlay-text p:last-child {
    margin-bottom:0;
}
.upgrade-options .upgrade-item .overlay-text li
{
    padding-bottom:10px;
}
  
  /* Popover Header */
  .popover-title {
      background-color: #2183c5; 
      color: #FFFFFF; 
  }
  /* Popover Body */
  .popover-content {
      padding: 5px 10px;
  }
  .popover-content p{text-align:left!important;}
.parcel-details {
    display:none;
    margin-top:28px;
    padding:20px;
    position:relative;
    border-radius:5px;
    background:#F8F8F8;
    border:2px solid #e6e5e5;
}
.parcel-details:before,
.parcel-details:after {
    top:-14px;
    left:28.4%;
    content:'';
    display:block;
    position:absolute;
    border-left:12px solid transparent;
    border-right:12px solid transparent;
    border-bottom:15px solid transparent;
}
.parcel-details:before {
    top:-15px;
    border-bottom-color:#e6e5e5;
}
.parcel-details:after {
    border-bottom-color:#F8F8F8;
}
.parcel-details .update-results-btn {
    margin-top:12px;
    text-transform:none;
}
#parcel-row-template,.parcel-details .parcel-info-rows .parcel-info-row label.dimLabel{display:none;}
.parcel-details .parcel-info-rows .parcel-info-row {
    margin-bottom:30px;
}
.parcel-details .parcel-info-rows .parcel-info-row:first-child label.dimLabel
{
    display:block;
    font-weight:400;
    font-size:12px;
    margin-top:-15px;
}
.parcel-details .parcel-info-rows .parcel-info-row:last-child {
    margin-bottom:0;
}
.parcel-details .parcel-info-rows .parcel-info-row .info-input {
    width:15%;
    float:left;
    margin-right:10px;
}
.parcel-details .parcel-info-rows .parcel-info-row .info-input .cs-skin-border {
    width:100%;
    max-width:100%;
}
.parcel-details .parcel-info-rows .parcel-info-row .info-input .cs-skin-border > span {
    height:45px;
    padding:0 10px;
    line-height:45px;
    border-radius:5px;
    border-color:#dfdddd;
}
.parcel-details .parcel-info-rows .parcel-info-row .info-input .input-group {
    width:100%;
    height:45px;
}
.parcel-details .parcel-info-rows .parcel-info-row .info-input .btn.dropdown-toggle
{
    padding:11px;
}
.parcel-details .parcel-info-rows .parcel-info-row .info-input .input-group .form-control {
    height:45px;
    border-right:none;
    border-color:#dfdddd;
}
.parcel-details .parcel-info-rows .parcel-info-row .info-input .input-group .input-group-addon {
    border-color:#dfdddd;
    border-radius:0 5px 5px 0;
}
.parcel-details .parcel-info-rows .parcel-info-row .info-input .input-group.with-ocontrol .input-group-addon {
    width:47%;
}
.parcel-details .parcel-info-rows .parcel-info-row .parcel-row-action {
    font-size:16px;
    font-weight:600;
    line-height:45px;
}
.parcel-details .parcel-info-rows .parcel-info-row .add-new-parcel {
    display:none;
    color:#226d9f;
    margin-top:25px;
}
.parcel-details .parcel-info-rows .parcel-info-row .remove-this-parcel 
{
    display:none;
    color:#ff3c3a;
    margin-top:25px;
}


.parcel-details .parcel-info-rows .parcel-info-row:first-child .remove-this-parcel  {
    display:none!important;
}

/*.parcel-details .parcel-info-rows .parcel-info-row:first-child .add-new-parcel {
    display:block;
}
.parcel-details .parcel-info-rows .parcel-info-row:last-child .add-new-parcel {
    display:none;
}
.parcel-details .parcel-info-rows .parcel-info-row:last-child .remove-this-parcel {
    display:block;
}
.parcel-details .parcel-info-rows .parcel-info-row:only-child .add-new-parcel {
    display:block;
}
.parcel-details .parcel-info-rows .parcel-info-row:only-child .remove-this-parcel {
    display:none!important;
}*/


.service-filters {
    margin:45px 0 25px;
}
.service-filters h2 {
    margin-top:0;
    color:#2180bf;
    font-size:37px;
    font-weight:300;
    margin-bottom:25px;
}

.service-filters .selected-package {
    color:#9ca0a8;
    font-size:20px;
    font-weight:500;
    display:inline-block;
    border-radius:5px;
    background-color:#F1F3F9;
    padding:9px 20px 9px 0px;
    position:relative;
}
.service-filters .upgrade-btn {
    margin-top:0;
    padding:0 30px;
    text-transform:none;
    cursor:pointer!important;
}
.service-filters .btn {
    /*color:#FFF;
    margin-left:10px;
    margin-top:10px;*/
    position:relative;
    display:inline-block;
    vertical-align:middle;
    text-transform:uppercase;
}
.bootstrap-select > .btn{outline:none;}
.service-filters .selected-package #dvParcelDims
{
    display:inline-block;
    vertical-align:top;
    width:auto;
    
    
}
.service-filters .selected-package #dvParcelDims > div
{
    padding:0px 20px 0px 60px;
    background-image:url( '/content/images/select-service/package-icon.png' );background-position:15px center;background-repeat: no-repeat;
}

/*.service-filters .selected-package.moreParcels:after
{
    content: '...';
    position: relative;
    top: 110px;
    right: 35px;
    float: right;
}*/
.service-filters .btn.btn-primary {
    color:#FFF;
    border:none;
    background:#99CBEC;
}
.service-filters .btn.btn-primary:hover,
.service-filters .btn.btn-primary:focus,
.service-filters .btn.btn-primary:active {
    background:#63B1E5;
}


.cursor-pointer {
    cursor:pointer;
}

.map-selection-container {
    display:none;
    position:relative;
    margin:45px auto 15px;
}
.map-selection-container .ms-block-head {
    padding:16px;
    background:#fbfcff;
    border:1px solid #e9ebef;
    border-radius:6px 6px 0 0;
}
.map-selection-container .ms-block-head h2 {
    margin-top:0;
    color:#9fa3af;
    font-size:24px;
    font-weight:300;
    margin-bottom:0;
    line-height:1.7em;
}
.map-selection-container .ms-block-head .element-group {
    margin-bottom:0;
    vertical-align:top;
}
.map-selection-container .ms-block-head .element-group .element-input-wrap .element-input {
    height:43px;
}
.map-selection-container .ms-block-head .input-group .input-group-btn {
    min-width:140px;
}
.map-selection-container .ms-block-head .input-group .input-group-btn .dark-blue-btn {
    position:relative;
}
.map-selection-container .ms-block-head .input-group .input-group-btn .dark-blue-btn i {
    margin-left:4px;
    display:inline-block;
    vertical-align:initial;
}
.map-selection-container .ms-block-body {
    border-left:1px solid #e9ebef;
    border-right:1px solid #e9ebef;
}
.map-selection-container .ms-block-foot {
    padding:16px;
    color:#999cad;
    font-size:14px;
    font-weight:400;
    background:#fafafa;
    border:1px solid #e9ebef;
    border-radius:0 0 6px 6px;
}
.map-selection-container .ms-block-foot strong {
    font-weight:600;
}
.map-selection-container .ms-block-foot .txt-block {
    margin:10px;
}
.map-selection-container .ms-block-foot .txt-block .the-icon {
    width:27%;
    text-align:right;
    vertical-align:top;
    display:inline-block;
}
.map-selection-container .ms-block-foot .txt-block .the-icon img {
    max-width:95%;
    margin-top:8px;
    margin-right:20px;
    display:inline-block;
}
.map-selection-container .ms-block-foot .txt-block .the-texts {
    width:73%;
    vertical-align:top;
    display:inline-block;
    text-transform:capitalize;
}
.map-selection-container #map-search-container {
    width:100%;
    height:350px;
    background:gray;
    position:relative;
}
.map-selection-container .map-closer {
    top:-14px;
    width:28px;
    right:-14px;
    height:28px;
    color:#FFF;
    font-size:22px;
    font-weight:400;
    line-height:24px;
    text-align:center;
    position:absolute;
    background:#b9b9ba;
    border:1px solid #b9b9ba;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
}
.map-selection-container .map-closer:hover,
.map-selection-container .map-closer:focus,
.map-selection-container .map-closer:active {
    text-decoration:none!important;
    background:#04568C;
}
#map-search-block-modal .modal-dialog {
    width:70%;
}
.ms-block-foot h4
{
    margin:20px 0px 10px 0px;
    color:#2180bf;
    font-size:16px;
    font-weight:400;
}
.map-selection-container .ms-block-head .input-group .input-group-btn .btn i {
    top:0;
    right:7px;
    height:100%;
    font-size:22px;
    padding-top:9px;
    position:absolute;
}
.mapFooter .ms-block-foot
{
    padding:0px;
    color:#999cad;
    font-size:14px;
    font-weight:400;
}
.mapFooter .ms-block-foot strong {
    font-weight:600;
}
.mapFooter .ms-block-foot .txt-block {
    margin:10px 0px;
}
.mapFooter .ms-block-foot .txt-block .the-icon {
    width:15%;
    text-align:center;
    vertical-align:top;
    display:inline-block;
}
.mapFooter .ms-block-foot .txt-block .the-icon img {
    max-width:80%;
    margin-top:5px;
    display:inline-block;
}
.mapFooter .ms-block-foot .txt-block .the-texts {
    width:85%;
    vertical-align:top;
    padding-left:5px;
    display:inline-block;
    text-transform:capitalize;
    word-break:break-word;
}
.mapFooter .ms-block-foot .txt-block .the-texts b{font-weight:600}
.mapFooter .ms-block-foot #dvAccessPointDetails{background-color:#fff;}
.mapFooter .ms-block-foot #dvAccessPointDetails .txt-block{border:none;margin-bottom:10px;}
.mapFooter #dvAccessPointsList.ms-block-foot
{
    border:none;background-color:#fff;
}
.ms-block-foot h4
{
    margin:20px 0px 10px 0px;
    color:#2180bf;
    font-size:16px;
    font-weight:400;
}
#dvDropOffcontent .row,#dvCollectionContent .row{border:solid 1px #dcdcdc;}
.mapFooter #dvAccessPointsList.ms-block-foot > div
{
    border:solid 1px #dcdcdc;padding:5px;
}
.mapFooter #dvAccessPointsList.ms-block-foot .the-texts
{
    width:75%;
}
.mapFooter #dvAccessPointsList.ms-block-foot .dvInfoIcon
{
    width:10%;display:inline-block;font-size:24px;padding-top:10px;
}
.mapFooter #dvAccessPointsList.ms-block-foot .txt-block .the-icon img
{
    margin-top:0px;
}
.gMarker{cursor:pointer;color:#8c8e8c;background-color:rgba(255,255,255,0.7);min-width:150px;border-radius:5px;font-size:12px;border:solid 2px rgba(255,0,0,0.5);box-shadow:3px 3px 5px #aaa;-moz-box-shadow:3px 3px 5px #aaa;-webkit-box-shadow:3px 3px 5px #aaa;}
.gMarker:hover{background-color:#fff;border:solid 2px #f00;color:#000;transition-property:background-color,color;transition-duration:.5s 1s;transition-timing-function:linear;-webkit-transition-property:background-color,color;-webkit-transition-duration:.5s 1s;-webkit-transition-timing-function:linear;}
.gMarker:after,.gMarker:before{border:solid 7px transparent;content:'';position:absolute}
.gMarker:after{border-top:solid 10px #fff;bottom:-14px;left:45%}
.gMarker:before{border-top:solid 10px rgba(255,0,0,0.5);bottom:-17px;left:45%}
.gMarker:hover:before{border-top:solid 10px #f00}
.gMarker img{display:inline-block;margin-right:5px}
.gMarker div{display:inline-block;vertical-align:middle}
.gMarker .dvCarrierLogo{padding:5px 5px 5px 10px}
.activeMarker{color:#000;background-color:#fff;}
.gMarker .homeMarker{padding:5px 10px;background-color:#d9534f;border-right:solid 1px #b10f0a;margin-right:10px;font-size:24px;color:#fff}
.gMarker .homeMarkerInfo{font-weight:bold}

.gMarker.apDPD{height:50px;padding:7px 5px 5px 5px;}
.gMarker.apDPD .dvCarrierLogo img{margin:10px 0px 0px 0px}
.gMarker .dvCounter{position:absolute;color:#fff;padding:0px 5px;top:5px;left:16px;line-height:12px;background-color:#dc0032;border:solid 1px #a10327;border-radius:2px}
.gMarker .dvCounter:after{position:absolute;left:3px;bottom:-10px;content:'';width:0px;line-height:0px;border:solid 5px transparent;border-top:solid 5px #dc0032}
@media only screen and (max-width:768px) 
{
.gMarker{min-width:auto}    
.gMarker:before,.gMarker:after{left:33%}
.gMarker .homeMarker{margin-right:0px}

.gMarker > div{padding:3px!important}
.gMarker img{margin:0px}
.gMarker .homeMarker{font-size:18px;padding:5px 10px!important}
.gMarker .dvCounter{left:10px}
.mapFooter #dvAccessPointsList{display:block;}
}

@media only screen and (max-width:1499px) {
    #PhHeaderRow .extra-info {
        width:70%;
    }
}

@media only screen and (max-width:1399px) {

    .services-list .service-item .sb-head .sb-head-right h3 {
        font-size:2vw;
    }
}

@media only screen and (max-width:1199px) {

    .service-panel-col .service-panel-head {
        padding-left:45px;
        background-size:36px;
    }
    .service-panel-col .service-panel-head h3 {
        font-size:24px;
    }

    .service-group-buttons .buttons-list .sg-btn 
    {
         height:auto;
        padding:12px;
        line-height:1.3em;
        display: flex;
        flex:1;
        -webkit-flex: 1; 
        -ms-flex: 1;
        justify-content: center;
        align-content: center;
        align-items: center;
        font-size:13px;
    }
}
@media only screen and (max-width:1099px) {
    #PhHeaderRow .extra-info {
        right:-46%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) 
{
    .services-list .service-item .sb-body .dates-info .sb-the-date-split
    {
        width:20%;
    }
    .services-list .service-item .sb-body .dates-info .sb-the-date
    {
        width:40%;
    }
    .service-panel-col .service-panel-head {
        padding-left:0;
        background-image:none !important;
    }
    .service-panel-col .service-panel-head.boxed {
        padding-left:12px !important;
    }
}

@media only screen and (max-width:991px) 
{
    #PhHeaderRow {
        background-image:none;
    }
    #PhHeaderRow .brand-logo {
        left:-40%;
    }
    #PhHeaderRow .extra-info {
        right:-30%;
    }
    .service-banner-area .service-banner-wrapper {
        display:block;
        text-align:center;
    }
    .service-banner-area .service-banner-wrapper img {
        padding-right:0;
        border-right:none;
        margin:0 0 20px;
    }

    .service-panel-col .service-panel-head {
        padding-left:40%;
        background-position:left 30% center;
        background-size:45px;
    }
    .service-panel-col .service-panel-head p {
        min-height:1px;
        line-height:1.2em;
    }
    .service-filters .upgrade-btn {
        padding:0px 10px;
    }
    .upgrade-options ul .upgrade-item {
        width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
        margin-bottom:15px!important;
    }

    .parcel-details .update-results-btn {
        margin-top:15px;
    }
    .service-group-buttons .buttons-list .sg-btn {
        height:auto;
        padding:12px;
        line-height:1.3em;
        display: flex;
        flex:1;
        -webkit-flex: 1; 
        -ms-flex: 1; 
        justify-content: center;
        align-content: center;
        align-items: center;
    }
    

    .service-search-details .hl {
        font-size:18px;
    }
    .service-search-details a {
        font-size:14px;
    }

    .service-banner-area .service-banner-wrapper br {
        display:none;
    }
    .service-listings-panel .service-listings-panel-inner {
        display:block;
    }
    .service-listings-panel .service-listings-panel-inner .service-panel-col {
        width:100%;
        margin-left:0px;
    }

    .services-list .service-item .sb-head .sb-head-right h3 {
        font-size:2.5vw;
    }
    .services-list .service-item .sb-body .dates-info .sb-the-date-split
    {
        width:40%;
    }
    .services-list .service-item .sb-body .dates-info .sb-the-date
    {
        width:30%;
    }
    
}

@media only screen and (max-width:767px) 
{
    #PhHeaderRow {
        height:auto;
        padding:15px 0;
    }
    #PhHeaderRow .brand-logo,
    #PhHeaderRow .extra-info {
        width:99%;
        display:block;
        left:0px;
        margin:0px auto;
        position:relative;
        text-align:center;
    }
    #dvUpgradeCount{text-align:left;}
    .parcel-details .parcel-info-rows .parcel-info-row .add-new-parcel,
    .parcel-details .parcel-info-rows .parcel-info-row .remove-this-parcel{display:inline-block;width:49%;float:left;margin-top:0px;}
    
    .parcel-details .parcel-info-rows .parcel-info-row .remove-this-parcel{text-align:right}
    .parcel-details .parcel-info-rows .parcel-info-row .info-input {
        width:100%;
        float:none;
        display:block;
        margin-bottom:25px;
    }

    .services-list .service-item .sb-head .sb-head-right h3 {
        font-size:24px;
    }

    .service-filters .selected-package {
        width:100%;
        display:block;
        padding:9px 0px;
    }
    .service-filters .upgrade-btn {
        width:100%;
        display:block;
        margin-top:10px;
    }

    .parcel-details:before,
    .parcel-details:after {
        left:50%;
        left:calc(50% - 15px);
    }
    .upgrade-options:before,
    .upgrade-options:after {
        right:50%;
        right:calc(50% - 15px);
    }

    #map-search-block-modal .modal-dialog {
        width:98%;
    }
    .map-selection-container .map-closer {
        top:4px;
        right:4px;
        z-index:10;
    }
    #email-quote-modal .modal-body .add-quote-email
    {
        margin-top:10px;margin-bottom:20px;
    }
}
@media only screen and (min-width:600px) {
    a.top-env-button {
        display:none !important;
    }
}
@media only screen and (max-width:539px) {

    .upgrade-options .upgrade-item.selected .upgrade-addon-btn:before {
        top:3px;
        left:89%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .upgrade-options .upgrade-item.selected .upgrade-addon-btn:before {
        top:3px;
        left:89%;
    }
}
@media only screen and (min-width:500px) and (max-width:991px) {
    .services-list .service-item.sbHermes .sb-head .sb-head-left img {
        max-width: 60%;
        margin-top:auto!important;
    }
}

@media only screen and (max-width:499px) {
    .upgrade-options .upgrade-item{line-height:20px;}
    .service-banner-area .service-banner-wrapper img {
        max-width:90%;
    }
    /*.service-banner-area{height:75px}*/
    .service-filters .selected-package{font-size:16px}
    .service-group-buttons {
        border-bottom:none;
        padding-bottom:15px;
    }
    .service-group-buttons .buttons-list {
        display:block;
    }
    .service-group-buttons .buttons-list .sg-btn {
        width:47%;
        height:50px;
        border-radius:5px;
        vertical-align:top;
        display:inline-block;
        margin:1% !important;
        border:4px solid transparent;
    }
    .service-search-details a{display:none;}
    .service-group-buttons .buttons-list .sg-btn.active {
        border-color:#2195E2;
    }
    .service-group-buttons .buttons-list .sg-btn.active:before {
        display:none;
    }

    .service-panel-col .service-panel-head {
        padding-left:0;
        text-align:center;
        background-image:none !important;
    }
    .service-panel-col .service-panel-head.boxed {
        padding-left:12px !important;
    }

    .upgrade-options ul .upgrade-item {
        font-size:16px;
    }
    .upgrade-options .upgrade-item .form-control,
    .upgrade-options .upgrade-item .upgrade-addon-btn {
        width:100%!important;
        display:block;
        margin-left:0;
        margin-top:10px;
        float:none !important;
    }
    .upgrade-options .upgrade-item .clearfix {
        display:none;
    }

    .service-panel-col .service-panel-head h3 {
        font-size:26px;
    }
    .service-panel-col .service-panel-head p {
        font-size:20px;
        text-align:center;
    }

    .services-list .service-item .flip-view {
        height:auto;
        position:relative;
    }
    .services-list .service-item .flip-view .front-view {
        position:relative;
    }
    .services-list .service-item .sb-body>*,
    .services-list .service-item .sb-foot {
        display:none;
    }
    .services-list .service-btn {
        display:block!important;
    }
    .services-list .service-item .sb-body h3 {
        display:block;
        cursor:pointer;
        position:relative;
        line-height:1.3em;
    }
    .services-list .service-item .sb-body h3:after {
        top:-2px;
        content:'';
        margin-left:5px;
        position:relative;
        display:inline-block;
        border-top:7px solid #6d6d6d;
        border-left:7px solid transparent;
        border-right:7px solid transparent;
    }
    .services-list .service-item.expand .flip-view {
        height:415px;
    }
    .services-list .service-item.expand .flip-view .front-view {
        position:absolute;
    }
    .services-list .service-item.expand .sb-body>*,
    .services-list .service-item.expand .sb-foot {
        display:block;
    }

    .map-selection-container .ms-block-head h2 {
        font-size:18px;
    }
    span.exVat{display:block;margin-bottom:10px;}
    .map-selection-container .map-closer {
        top:2px;
        right:2px;
        width:22px;
        height:22px;
        font-size:18px;
        line-height:20px;
    }

    .service-btn,
    .dark-blue-btn {
        width:100%;
        display:block;
    }
    .input-group .dark-blue-btn {
        padding:0 16px;
    }

    .map-selection-container .ms-block-head h2 {
        margin-bottom:15px;
    }
    .map-selection-container .ms-block-head .input-group .input-group-btn {
        min-width:105px;
    }

    .upgrade-options .upgrade-item.selected .upgrade-addon-btn:before {
        left:45%;
        top:.37em;
    }
    .service-banner-area p{font-size:18px;text-align:center;font-size:22px}
}

@media only screen and (max-width:399px) 
{
    .services-list .service-item .sb-body .dates-info .sb-the-date-split
    {
        width:20%;
    }
    .services-list .service-item .sb-body .dates-info .sb-the-date
    {
        width:40%;
    }
    .service-filters{margin-top:25px;}
    
    
    .service-filters h2
    {
        font-size:28px;
    }
    .service-group-buttons .buttons-list .sg-btn {
        width:100%;
    }

    .upgrade-options .upgrade-item>img {
        display:none;
    }
    .modal.in .modal-dialog{width:300px;margin:auto}
    .service-filters .selected-package #dvParcelDims>div {
        padding: 0px;
        background-image:none;
    }
}

@media only screen and(max-width:350px)
{
    .service-filters h2
    {
        font-size:26px;
    }
}


.device-mob .filer-button-list {
    display:none;
}
.device-mob .filter-btns {
    display:block!important;
}
.device-mob .page-with-error .filter-btns {
    display:none!important;
}

.device-mob .service-filter-btn-group .service-btn {
    background: #ffffff;
    color: #060606!important;
    border: 1px solid rgba(153, 153, 153, 1);
    font-size: 13px;
    font-weight: 400;
    margin-top: 10px;
}
.device-mob .service-filter-btn-group .filter-btns.active, .device-mob .service-filter-btn-group .upgrade-btn.active {
    background-color:rgb(33, 128, 191)!important;
    color: #ffffff!important;
    border-color:#ffffff;
}
.device-mob .service-filter-btn-group .service-btn:hover {
    background: none;
}
.device-mob .service-group-buttons .buttons-list .sg-btn {
    width: 47%;
    display: inline-block;
}


.service-intro-bar {
  color: #333;
  line-height: 1em;
  font-weight: 400;
  background: #efefef;
  margin-bottom: 25px;
}
.device-mob .service-intro-bar {
    margin-bottom: 10px;
}

.service-intro-bar .service-intro-item {
  padding: 15px 0;
}

.service-intro-bar .service-intro-item strong {
  display: block;
  padding-bottom: 5px;
}

.service-intro-bar .service-intro-item img {
  max-width: 30px;
  max-height: 28px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}

.service-intro-bar .service-intro-item.full {
    max-width: 70px;
}

.service-intro-bar .service-intro-item.full img {
  max-width: 100%;
}

.service-intro-bar .service-intro-item img + span {
  display: inline-block;
  vertical-align: middle;
}
.device-mob .service-intro-item span {
    width: 65%;
    font-size: 12px;
}
@media only screen and (max-width:410px) {
    .service-intro-bar .service-intro-item img {
        max-width: 23px;
    }
}
.save-later-quote a.top-env-button {
    background: #fff url(/content/images/select-service/ico-envelope-alt.png) left 0 center no-repeat;
    text-align: left;
    padding-left: 27px;
    background-size: 20px;
    border: none;
    margin-left: 0;
    font-weight: 400;
}
.save-later-quote a.top-env-button:hover, .save-later-quote a.top-env-button:active, .save-later-quote a.top-env-button:visited, .save-later-quote a.top-env-button:focus {
    color:#2180bf!important;
}

.device-mob #PHLogoContainer {
    padding: 5px 0;
    text-align: left;
}
.device-mob #PHLogoContainer img {
    max-width: 200px;
    margin-left: 0;
}
.device-mob .save-later-quote {
    display:block!important;
}
.service-filters {
    margin: 0 0 25px;
}
.device-mob .services-list .service-item .sb-body {
    flex-direction: column;
    display: flex;
}
.device-mob .services-list .service-item .sb-body h3 {
    order:2;
}
.device-mob .services-list .service-btn {
    order:1;
    margin-top: 0;
    margin-bottom: 17px;
}
.device-mob .services-list .service-item .sb-body .dates-info {
    order:3;
}
#PhHeaderRow {
    border-bottom: 4px solid #499cd4;
    border-top: 2px solid #499cd4;
}
.device-mob .filer-button-list {
    margin-top: 28px;
    margin-bottom:20px;
    padding: 14px 10px 0 10px;
    position: relative;
    border-radius: 5px;
    background: #f8f8f8;
    border: 2px solid #e6e5e5;
}
.service-search-details {
    margin-bottom: 20px;
}
.device-mob .service-search-details {
    margin: 15px 0 0 4px;
}
@media only screen and (max-width: 499px) {
    .service-filters .selected-package {
        margin-bottom: 10px;
    }
    .service-group-buttons .buttons-list .sg-btn {
        padding:12px 4px;
    }
}
.service-search-details .hl {
    color: #101010;
    font-size:30px;
}
@media only screen and (max-width: 991px) {
.service-search-details .hl {
    font-size:1.8em;
}
}
.quote-price-from {
    color:#15dca6;
}
#email-quote-modal .modal-header .close {
    margin-top: -10px;
    padding: 10px;
}
#email-quote-modal .modal-header .close {
    text-decoration:none!important;
}
@media only screen and (max-width: 359px) {
    .device-mob .service-intro-item span {
        font-size: 11px;
    }
    .service-intro-bar .service-intro-item img {
        max-width: 21px;
    }
}
.device-mob .service-intro-bar .service-intro-item .kg-section strong {
    padding-bottom:0;
}
/*Info PopOver*/
.infoPopOver{margin:0px;color:#fff;font-size:18px;line-height:30px;border-radius: 4px;border: 3px solid #2882BE;}
.infoPopOver-info-section {
    max-width: 45px;
    display: inline-block;
    background-color: #2882BE;
    height: 100%;
    padding: 10px 10px 17px 7px;
    min-height: 80px;
    vertical-align: bottom;
}
.infoPopOver .info-sign{color:#ffffff;display:inline-block;width:30px;line-height:24px;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border: 3px solid #ffffff;font-weight: 600;}
.infoPopOver .infoPopOver-content {
    background:#ffffff;
    color:#828282;
    font-size:15px;
    padding: 6px;
    display: inline-block;
    width: 90%;
}
.infoPopOver .infoPopOver-content .infoPopOver-heading {
    font-weight: 600;
    font-size: 20px;
    color: #5f5d5d;
}
.infoPopOver .infoPopOver-content p {
    line-height: 20px;
    font-weight: 400;
    font-size: 15px;
}