body.pos-container .loading-mask .loader {
    top: 50%;
    left: 50%;
}
body.pos-container #widgetPostageCalculator {
    font-family: 'GothamMedium', sans-serif;
    padding: 10px 0 20px;
}

body.pos-container #widgetPostageCalculator #posc-domestic-form::placeholder,
body.pos-container #widgetPostageCalculator #posc-international-form::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #0e1111;
    opacity: 1; /* Firefox */
}

body.pos-container #widgetPostageCalculator #posc-domestic-form:-ms-input-placeholder,
body.pos-container #widgetPostageCalculator #posc-international-form:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #0e1111;
}

body.pos-container #widgetPostageCalculator #posc-domestic-form::-ms-input-placeholder,
body.pos-container #widgetPostageCalculator #posc-international-form::-ms-input-placeholder { /* Microsoft Edge */
    color: #0e1111;
}

body.pos-container #widgetPostageCalculator .postagecalc-wrapper .tab-content {
    /* max-height: 230px;
    overflow-y: auto;
    overflow-x: hidden; */
}

body.pos-container #widgetPostageCalculator .nav-tabs {
    border: none;
    padding: 10px;
}

body.pos-container #widgetPostageCalculator .nav-tabs > li {
    background: none;
}
  
body.pos-container #widgetPostageCalculator .nav-tabs > li {
    position: relative;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    color: #707070;
}

body.pos-container #widgetPostageCalculator .nav-tabs > li.active{
    color: #0e1111;
    font-family: gothamMedium;
}

body.pos-container #widgetPostageCalculator .nav-tabs > li a {
    text-decoration: none;
    padding: 0;
    margin-right: 20px;
    display: block!important;
}

body.pos-container #widgetPostageCalculator .nav-tabs > li a > span {
    position: relative;
    display: block;
    font-family: gothamRegular;
    font-weight: 400;
    color:#0e1111;
}

body.pos-container #widgetPostageCalculator .nav-tabs > li.active a > span::before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #707070;
    position: absolute;
    top: auto;
    left: 0;
    bottom: 3px;
    opacity: .4;
}

body.pos-container #widgetPostageCalculator .nav-tabs > li:last-of-type a {
    margin-right: 0;
}
  
body.pos-container #widgetPostageCalculator .nav-tabs > li a,
body.pos-container #widgetPostageCalculator .nav-tabs > li a:hover,
body.pos-container #widgetPostageCalculator .nav-tabs > li a:active,
body.pos-container #widgetPostageCalculator .nav-tabs > li a:focus {
    background: none;
    color: #0e1111;
    border-radius: 0;
    font-weight: 600;
    font-size: 18px;
    text-align: left;
    border: none;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}
  
body.pos-container #widgetPostageCalculator .nav-tabs > li.active::before {
    width: 100%;
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
  
body.pos-container #widgetPostageCalculator .nav-tabs > li.active a {
    color: #0e1111;
    /* background: #fff; */
    text-decoration:underline ;
}
body.pos-container #widgetPostageCalculator .nav-tabs > li.active a span{
    font-family: gothamMedium;

}

body.pos-container #widgetPostageCalculator .tab-content {
    padding: 10px 10px 0;
}

body.pos-container #widgetPostageCalculator .block.tab-pane {
    margin: 0;
}

body.pos-container #widgetPostageCalculator .tab-content .block-content {
    border: none;
    margin: 0;
    box-shadow: none;
}

body.pos-container #widgetPostageCalculator .tab-content .block-content .panel-body {
    padding: 0;
}

body.pos-container #widgetPostageCalculator .panel-body .fieldset .field {
    margin-bottom: 24px;
}

body.pos-container #widgetPostageCalculator .tab-content form fieldset .control {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}

body.pos-container #widgetPostageCalculator .tab-content form fieldset .control span {
    width: 40%;
    float: left;
    display: flex;
    justify-content: flex-start;
    font-weight: 500;
    color:#0e1111;
    padding-right: 15px;
    font-size: 16px;
}

body.pos-container #domestic_service_type::after {
    content: '\25bc';
    font: normal normal normal 17px/1 FontAwesome;
}

body.pos-container #widgetPostageCalculator .tab-content form fieldset .input-field {
    width: 60%;
    height: auto;
    padding: 9px 10px;
    float: right;
    border: solid 1px #b5b5b5;
    font-family: 'GothamMedium',sans-serif;
    color: #0e1111;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

body.pos-container #widgetPostageCalculator .tab-content form fieldset select.input-field {
    position: relative;
    height: auto;
    padding: 10px 10px;
    background: url('../images/icons/select-box-down-arrow.png') no-repeat;
    background-position: 92% 50%;
    font-size: 16px;
}

body.pos-container #widgetPostageCalculator .tab-content form fieldset select.input-field::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 100px solid #000;
}

body.pos-container #widgetPostageCalculator .tab-content form fieldset .input-field option {
    width: 100%;
    display: block;
    position: relative;
    left: 2px;
}

body.pos-container #widgetPostageCalculator .tab-content form fieldset .control .weight-unit {
    position: absolute;
    top: 10px;
    right: 8px;
    display: block;
    width: auto;
}

body.pos-container #widgetPostageCalculator .back a {
    text-decoration: none;
    padding: 30px 0 15px 0;
    display: inline-block;
    cursor: pointer;
    color: #283990;
    font-size: 16px;
    font-family: GothamMedium;

}

body.pos-container #widgetPostageCalculator fieldset > .field .note::before {
    content: none;
}

body.pos-container #widgetPostageCalculator fieldset > .field .note {
    position: relative;
    font-family: 'GothamMedium',sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #707070;
    width: 100%;
    padding-left: 40%;
}

body.pos-container #widgetPostageCalculator fieldset > .field .note span {
    display: block !important;
    width: 100% !important;
    padding-right: 0 !important;
}

body.pos-container #widgetPostageCalculator fieldset > .field .note .text-danger {
    color: #DF1E34;
    font-size: 10px;
}

body.pos-container #widgetPostageCalculator fieldset > .field .country-err.text-danger {
    position: relative;
    font-family: 'GothamMedium',sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 20px;
    width: 100%;
    padding-left: 40%;
    color: #DF1E34;
}

body.pos-container #widgetPostageCalculator .responsediv {
    width: 50%;
    margin: -10px 0 10px;
    padding: 8px 0;
    display: inline-block!important;
}

body.pos-container #widgetPostageCalculator .internationalresult.responsediv {
    margin-top: -10px;  
}

/* body.pos-container #widgetPostageCalculator .domesticresult.responsediv {
    border-top: 1px solid #E6E6E6;
} */

body.pos-container #widgetPostageCalculator .responsediv .result-inner .notes {
    color: #0e1111;
    font-size: 12px;
}

body.pos-container #widgetPostageCalculator .responsediv .result-inner .inner-wrap {
    width: 100%;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    margin: 5px 0;
    overflow: hidden;
}

body.pos-container #widgetPostageCalculator .responsediv .result-inner .inner-wrap div:first-child {
    width: 70%;
    float: left;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
}

body.pos-container #widgetPostageCalculator .responsediv .result-inner .inner-wrap div:last-child {
    width: 30%;
    float: right;
    text-align: right;
    color: #283990;
    font-size: 20px;
}

body.pos-container #widgetPostageCalculator .responsediv .result-inner .poslaju-inner-wrap div {
    color: #818181;
    font-size: 12px;
    font-weight: 600;
}

body.pos-container #widgetPostageCalculator .responsediv .result-inner div.disclaimer {
    margin-top: 10px;
}

body.pos-container #widgetPostageCalculator .responsediv .result-inner div.disclaimer ul {
    padding: 5px 0 0 5px;
    margin: 0;
    list-style: disc;
    list-style-position: inside;
}

body.pos-container #widgetPostageCalculator .responsediv .result-inner div.disclaimer ul li {
    list-style-position: outside;
    padding-left: 0px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 5px;
}

body.pos-container #widgetPostageCalculator .responsediv .result-inner .poslaju-inner-wrap div > span {
    color: #283990;
    font-size: 14px;
}

body.pos-container #widgetPostageCalculator .responsediv .disclaimer .note {
    font-style: italic;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #0e1111 ;
    margin-bottom: 2px;
}

body.pos-container #widgetPostageCalculator .responsediv .disclaimer > div {
    font-style: italic;
    font-weight: 600;
    font-size: 11px;
    line-height: 1.2;
    color: #0e1111;
}

body.pos-container #widgetPostageCalculator .responsediv .disclaimer ul {
    font-style: italic;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #0e1111;
}

body.pos-container #widgetPostageCalculator .internationalresult.responsediv table.result-inner {
    margin-bottom: 20px;
}

body.pos-container #widgetPostageCalculator .internationalresult.responsediv table.result-inner th {
    padding: 0 0 8px;
    border-bottom: 1px solid #CCCCCC;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 13px;
}

body.pos-container #widgetPostageCalculator .internationalresult.responsediv table.result-inner td {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    padding: 8px 0 12px;
    border-bottom: 1px solid #CCCCCC;
}

/* once result come in postage calculator */
.postage-calcuator-selected{
    width: 67%!important;
    left: 33%!important;
}
.postage-calcuator-selected .postage-calculator-field-container{
    width: 45%;
    display: inline-block;
    vertical-align:top;
    margin: 0 30px 0 0;

}


.postage-calcuator-selected .ddcommon{
    width:46%!important;
}
.postage-calcuator-selected  .responsediv {
    margin-top: -209px!important;
    position: absolute;
    width: 44%!important;
}
.postage-calcuator-selected .trackSearchTitle {
    padding: 0px 0px 30px 148px!important;
    display: inline-block;
}
.total-postage-result{
    border-top: 1px solid #CCCCCC;
    padding: 10px 0 0 0;
}
.sender_state span{
    width: 100%!important;
}
.receiver_state span{
    width: 100%!important;
}
.sender_state_sp span{
    width: 100%!important;
}
.receiver_state_sp span{
    width: 100%!important;
}
.postage-calcuator-selected #trackSearchInputContainer {
    width: 90%!important;
}
.postage-calcuator-selected .responsediv .poscalc-append-info{
    margin: 10px 0 0 0;
}
.postage-calcuator-selected .responsediv .poscalc-append-info .info-link{
    margin: 0 0 10px 0;
}
.postage-calcuator-selected .responsediv .poscalc-append-info .info-link a,.postage-calcuator-selected  .responsediv .poscalc-append-info .info-send a{
    font-family: gothamRegular;
    font-size: 16px;
    color: #283990;
    text-decoration:underline;
}
.volumetric-calculator{
    cursor:pointer;
}

div.mage-error[generated] {
    position:absolute;
    margin-top:50px;
}
div#weight-error {
    font-family: GothamRegular !important;
    margin-top: 65px;
}
.select2-container{
    width: 40% !important;
    margin: 0px 0px 10px !important;
    font-size: 14px !important;
}

.select2-container--default .select2-selection--single {
    background-color: #f0f8ff !important;
    border: 1px solid transparent !important;
    border-radius: 5px !important;
    height: 32px !important;
}

#select2-international_country-container{
    margin: 2px 0px 10px;
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) and (orientation : landscape){
    .resize-home-widget-container{
        top: 0%;
        height: auto!important;
        z-index: 900;
    }
    .postage-calcuator-selected{
       
            width: 80%!important;
            left: 20%!important;
            top: 0!important;
    }
    .postage-calcuator-selected .postage-calculator-field-container{
        width: 45%;
        display: inline-block;
        vertical-align:top;
        margin: 0 30px 0 0;
    
    }
    
    
    .postage-calcuator-selected .ddcommon{
        width:46%!important;
    }
    .postage-calcuator-selected  .responsediv {
        margin-top: -208px!important;
        position: absolute;
        width: 38%!important;
    }
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) and (orientation : portrait){
    .resize-home-widget-container{
        top: 0%;
        height: auto!important;
        z-index: 900;
    }
    body.pos-container #widgetPostageCalculator .tab-content form fieldset .control span {
        font-size: 14px;
    }
    body.pos-container #widgetPostageCalculator .tab-content form fieldset select.input-field {
        font-size: 14px;
    }
    body.pos-container #widgetPostageCalculator .nav-tabs > li a, body.pos-container #widgetPostageCalculator .nav-tabs > li a:hover, body.pos-container #widgetPostageCalculator .nav-tabs > li a:active, body.pos-container #widgetPostageCalculator .nav-tabs > li a:focus {
        font-size: 16px;
    }
    .postage-calcuator-selected{
        width: 100%!important;
        left: 0%!important;
        top: 0!important;
    }
    .postage-calcuator-selected .postage-calculator-field-container{
        width: 45%;
        display: inline-block;
        vertical-align:top;
        margin: 0 30px 0 0;
    
    }
    .postage-calcuator-selected .trackSearchTitle {
        padding: 9px 0px 30px 120px!important;
        display: inline-block;
    }
    
    .postage-calcuator-selected .ddcommon{
        width:46%!important;
    }
    .postage-calcuator-selected  .responsediv {
        margin-top: -185px!important;
        position: absolute;
        width: 38%!important;
    }
}
@media only screen
and (max-device-width : 767px){
    body.pos-container #widgetPostageCalculator {
        padding: 0px 0 0px;
    }
    .postage-calcuator-selected .trackSearchTitle{
        display: block;
        padding: 0px 0px 20px 0px!important;
    }
    .postage-calcuator-selected{
        width: 100%!important;
        left: 0%!important;
        padding: 7% 0 0 0!important;
    }
    .postage-calcuator-selected .postage-calculator-field-container{
        width: 100%;
        display: block;
        margin: 0 30px 0 0;
    
    }
    
    
    .postage-calcuator-selected .ddcommon{
        width:100%!important;
    }
    .postage-calcuator-selected  .responsediv {
        margin-top: 0px!important;
        position: initial;
        width: 100%!important;
    }

    
}

/*kherying*/
/* body.pos-container.cms-get-a-quote .breadcrumbs {
    max-width: 1083px !important;
}
.cms-get-a-quote .footer-container .container {
    width: 100%;
    max-width: 1073px;
} */
body.pos-container.cms-get-a-quote.cms-page-view .page-wrapper .breadcrumbs {
    display: none !important;
}
body.pos-container.cms-get-a-quote main#maincontent {
    padding: 0px;
    margin-left: 0 !important;
    width: 100% !important;
    max-width: unset !important;
    margin-right: 0 !important;
}
@media (max-width: 1550px) and (min-width: 767px){
.cms-get-a-quote .postagecontainer {
    padding: 3% 5% 10% 5%;
    background: linear-gradient(178.88deg, #FFFFFF -30.4%, rgba(255, 255, 255, 0) -11.83%, rgba(215, 250, 255, 0.448508) 38.03%, rgba(255, 239, 214, 0.46) 99.43%, rgba(255, 255, 255, 0) 117.21%);
}
.cms-get-a-quote main#maincontent {
    margin: 0 !important;
    align-self: center;
    width: 100% !important;
    max-width: unset !important;
    padding: 0 !important;
}
body.pos-container.cms-get-a-quote .postagefooter {
    padding: 30px 10px 50px 10px !important;
}
}
.cms-get-a-quote .column.main {
    padding-bottom: 0;
}
.cms-get-a-quote .postagecontainer{
    padding:3% 3% 30px 3%; 
    background:linear-gradient(0deg, #FFFFFF -30.4%, rgba(255, 255, 255, 0) -11.83%, rgba(215, 250, 255, 0.448508) 38.03%, rgba(255, 239, 214, 0.46) 99.43%, rgba(255, 255, 255, 0) 117.21%);
}
.cms-get-a-quote .postageheader{
    font-family: GothamMedium;
    font-size:40px !important;
    /*font-weight: bold;*/
    text-align:center;
    padding:1% 5%;
    max-width: 1200px !important;
    margin: auto;
    margin-top:80px;
    margin-bottom:10px;
}
.cms-get-a-quote .postageheader > h1 {
    font-size: 40px !important;
}
.cms-get-a-quote .postageheadercontent{
    font-size:16px;
    font-family: GothamRegular !important;
    padding:0 25%;
}
.cms-get-a-quote .postagebody{
    border-radius: 12px;
    box-shadow:0px 3px 4px 6px rgba(223, 223, 223, 0.25);
    max-width: 1200px;
    margin:auto !important;
}
.cms-get-a-quote .getaquotecontainer{
    padding:2%;
    border-radius: 5px;
    height: 183px !important;
    background:#ffffff;
    font-family: GothamRegular;
}
.getaquotecontainer .postage_calculate_form{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.getaquotecontainer .sender_default_country{
    border: 0;
    background: #f2f2f2;
    border-radius: 5px;
    width: 40%;
    margin:0 0 10px 0;
    opacity: 1 !important;
    color:#1d1d1d;
    font-weight: normal;
    font-family: 'GothamRegular';
}
.getaquotecontainer .receiver_country{
    border: 0;
    background: #f0f8ff;
    border-radius: 5px;
    width: 40%;
    margin:0 0 10px 0;
    font-family: 'GothamRegular';
    font-size: 14px;
}
.getaquotecontainer .senderblock .sendersubinput{
    display: flex;
}
.getaquotecontainer .senderblock .receiversubinput{
    display: flex;
}
.getaquotecontainer .senderblock .state_selection{
    background: #ffffff;
    border: 1px solid #D2D2D2;
    border-radius:5px;
    height:50px;
    width:60%;
    opacity:1;
    font-family: 'GothamRegular';
    font-weight: 400;
    font-size: 14px!important;
}
.getaquotecontainer .senderblock .postcode_input{
    background: #ffffff;
    border: 1px solid #D2D2D2;
    border-radius:5px;
    height:50px;
    margin-right: 5px;
    width:40%;
    font-family: 'GothamRegular';
    font-weight: 400;
    font-size: 14px!important;
}
.getaquotecontainer .receiverblock .state_selection{
    background: #ffffff;
    border: 1px solid #D2D2D2;
    border-radius:5px;
    height:50px;
    width:60%;
    opacity:1;
    font-family: 'GothamRegular';
    font-weight: 400;
    font-size: 14px!important;
}
.getaquotecontainer .receiverblock .disable_state_selection{
    background: #f2f2f2;
    border: 1px solid #D2D2D2;
    border-radius:5px;
    height:50px;
    width:100%;
    opacity:1;
}
.getaquotecontainer .receiverblock .postcode_input{
    background: #ffffff;
    border: 1px solid #D2D2D2;
    border-radius:5px;
    height:50px;
    margin-right: 5px;
    width:40%;
    font-family: 'GothamRegular';
    font-weight: 400;
    font-size: 14px!important;
}
.getaquotecontainer .senderblock{
    /* margin-right: 10px; */
    display: inline-block;
    width: 35%;
}
.getaquotecontainer .receiverblock{
    margin: 0px;
    display: inline-block;
    width: 35%;
}
.getaquotecontainer .weightblock{
    margin: 0 10px;
    margin-top:40px;
    display: inline-block;
    vertical-align: bottom;
    width: max-content;
}
.getaquotecontainer .submitQuotebtn{
    background: #FF474F;
    border-radius: 5px;
    width: 50px;
    height: 50px;
    margin-left: 10px;
    border:0;
    margin-top:65px;
    color: #FFFFFF;
    font-size: 24px;
    text-align:center;
    background-position: center !important;
    transition: background 0.4s !important;
}
.getaquotecontainer .submitQuotebtn:hover{
    background:#DF1E34;
}
.getaquotecontainer .submitQuotebtn:active{
    background-color: #fad2d4;
    background-size: 100%;
    box-shadow: 0 2px 20px 1px #999;
    transition: background 0s;
}
.w-100{
    width:100%
}
.weightblock .weightinputblock{
    text-align: center;
    display: flex;
    width:170px !important;
}
.weightblock .weight_input{
    background: #ffffff;
    border: 1px solid #D2D2D2;
    border-radius:5px 0px 0px 5px;
    height:50px;
    font-family: 'GothamRegular';
    font-weight: 400;
    font-size: 14px!important;

    /* width:118px; */
}
.weightblock .volumetric-calculator{
    padding: 11px 15px;
    height: 50px;
    width: 52px;
    font-size: 20px;
    border:1px solid #CBCBCB;
    background:#f2f2f2;
    border-radius: 0px 5px 5px 0px;

}
.weightblock .quotemaxweight{
    color: #818181;
}
.getaquotecontainer .to_country{
    /* width: 20px;
    height: 20px; */
    /* padding-right: 10px; */
    margin-top:40px;
    align-self: center;
    font-size:20px;
    color:#00498D;
    width:3%;
    text-align: center;
}
.postage_calculate_result_block{
    background: #FFF0F1;
    border-radius: 0px 0px 12px 12px;
    padding:36px 51px 40px 46px;
    display:none;
}
.postage_calculate_result_block .postage_header{
    background: #f4f4f4;
    text-align: center;
    height: 61px;
    font-family: GothamRegular;
    /* display: block; */
    font-size: 12px;
    border-radius: 5px 5px 0px 0px;
    letter-spacing: 1px;
    line-height: 18px;
    color: #5e5873;
}
.initial{
    font-family: GothamMedium;
    text-align: center;
    padding: 60px 10px 60px 20px;
}
.initial > p{
    font-family: GothamRegular !important;
}
.cms-get-a-quote .result-inner .postagebtn .find-outlet{
    color:#ff474f;
    font-family: GothamRegular;
    line-height: 17px;
    font-size: 14px;
    transition: background 0.4s !important;
    text-decoration-line: underline;
}
.cms-get-a-quote .result-inner .postagebtn .find-outlet:active {
    background: #ffffff;
    background-size: 100%;
    box-shadow: 0px 2px 10px 6px rgb(223 223 223 / 75%);
    transition: background 0s;
}
.cms-get-a-quote .result-inner .postagebtn .find-outlet:hover {
    color: #ff474f;
    padding: 10px 10px;
    border-radius: 5px;
    border: 0;
    min-width: 160px;
    height: 38px;
    background: #ffedee52;
    text-decoration: underline;
}
.cms-get-a-quote .result-inner > tbody > tr:last-child{
    border-bottom:0 !important;
}
.cms-get-a-quote .result-inner{
    border-radius: 5px;
    overflow:hidden !important;
    box-shadow: 0px 0px 9px 8px rgba(160, 160, 160, 0.07);
}
.cms-get-a-quote .result-inner > thead > tr > th, .result-inner > tbody > tr > td{
    text-align:center;
    vertical-align:middle;
    padding: 20px;
}
.cms-get-a-quote .sendparcelbtn{
    background: #FF474F;
    border-radius:5px;
    color:white;
    border: 0;
    height: 38px;
    white-space: nowrap;
    background-position: center !important;
    transition: background 0.4s !important;
}
.cms-get-a-quote .sendparcelbtn:hover{    
    background:#DF1E34;
    border-radius:5px;
    color:white;
    border: 0;
    height: 38px;
}

.cms-get-a-quote .sendparcelbtn:active{    
    background-color: #fad2d4;
    background-size: 100%;
    box-shadow: 0 2px 20px 1px #999;
    transition: background 0s;
}
.cms-get-a-quote .result-inner .ratespostage {
    /* font-weight: bold; */
    font-family: GothamMedium;
    font-size: 18px;
    line-height: 24.5px;
    color: #202020;

}
.cms-get-a-quote .result-inner > tbody{
    background:#FFFFFF;
    border-radius: 0px 0px 5px 5px;
    padding:20px ;
}
.cms-get-a-quote .result-inner .featuresitems{
    display:grid !important;
    grid-template-columns: repeat(2,1fr);
    padding-bottom:20px !important;
    text-align:left !important;
    width:max-content;
    margin:auto;
}
.cms-get-a-quote .result-inner .plservicetypes{
    /* font-weight: bold; */
    font-family: GothamMedium;
    font-size: 14px;
    color: #202020;
    line-height:136%;
    transform: matrix(1,0,0,1,0,0);
}
.getaquotecontainer .submitQuotebtn_mobile{
    display: none !important;
}
.getaquotecontainer .submitQuotebtn_mobile:hover{
    background:#DF1E34;
}
.getaquotecontainer .submitQuotebtn_mobile:active{
    background-color: #fad2d4;
    background-size: 100%;
    box-shadow: 0 2px 20px 1px #999;
    transition: background 0s;
}


.postagefooter{
    font-size:16px;
    font-family:gothamRegular;
    text-align: center;
    padding: 30px 10px 10px 10px;
}
.calculator-title{
    text-align: left;
    width: 100%;
    font-size: 14px;
    font-weight: 100;
    font-family: GothamRegular;
    margin-top:20px;
}
.calculatereset{
    border-radius:5px;
    color: #FF474F;
    background:#FFFFFF;
    border: 1px solid #FF474F;
    height: 50px;
    font-size:18px;
    margin-right:20px
}
.calculatebtn{
    border-radius:5px;
    background: #FF474F;
    color:#FFFFFF;
    border: 1px solid #FF474F;
    height: 50px;
    font-size:18px;
}
.calculatereset:hover{
    border-radius:5px;
    color: #FF474F;
    background:#FFFFFF;
    border: 1px solid #FF474F;
    height: 50px;
    font-size:18px;
    margin-right:20px
}
.calculatebtn:hover{
    border-radius:5px;
    background:#DF1E34;
    color:#FFFFFF;
    border: 1px solid #FF474F;
    height: 50px;
    font-size:18px;
}
tr.postageresulttable {
    border-bottom: 2px solid #f4f4f4;
    padding: 20px;
}   
.featuresitems .featuresitemchild1{
    width: 130px;
    padding-right: 20px;
    font-size: 12px;
}
.featuresitems .featuresitemchild2{
    width: 130px;
    font-size: 12px;
}
.pr-1{
    padding: 0 5px 0 30px;
}
.featuresitems .fa-info-circle-o {
    color: #1560A5;
    width: 12px;
    vertical-align: top;
    stroke-width: 5px;
    border: 1px solid;
    border-radius: 10px;
    height: 12px;
    z-index: auto !important;
    opacity: 1 !important;
    font-size: 8px;
    padding: 1px 0 0 0 !important;
    margin-left: 2px;
    text-align: center;
}
span .tooltipcontent {
    visibility: hidden;
    background-color: #000000;
    color: #FFFFFF;
    text-align: left;
    box-shadow:0px 1px 8px 1px rgb(70 70 70 / 25%);
    padding: 5px 0;
    position: absolute;
    line-height:16px;
    z-index: 99999;
    top: 100%;
    padding: 10px;
    /* border-radius:5px; */
    font-size: 12px;
    min-width: 170px;
    left: 90%;
    font-family: GothamRegular !important;
    margin-left: 0px;
  }
  i.fa.fa-info.fa-info-circle-o.tooltip .tooltipcontent:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 6%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000000;
  }
  i.fa.fa-info.fa-info-circle-o.tooltip:hover .tooltipcontent {
    visibility: visible !important;
    z-index: 99999 !important;
  }
  .result-inner .plservicetypes .serviceduration{
    font-size: 13px !important;
    font-family: GothamMedium !important;
    color: #034D91 !important;
}
.featuresitems .featuresitemschild2 {
    padding-left: 40px;
    font-size: 12px;
    font-family: 'GOTHAMREGULAR';
    line-height: 136%;
    height: 20px;
}
tr.postageresulttable > td {
    padding: 20px;
    min-height: 130px;
}
.cms-get-a-quote .upper-footer{
    background: #034D91 !important;
    max-width: 1200px !important;
    height: 80px !important;
    margin-top: 0px !important;
    top: -180px !important;

}
.cms-get-a-quote .upper-footer div.contact-us-ask-pos{
    max-width: 251px;
    font-weight: normal;
    text-align: center;
}
.cms-get-a-quote .breadcrumbs {
    max-width: 1200px !important;
}

/* tooltip add on */
span.tooltip-addon {
    color: #1560A5;
    z-index: auto !important;
    opacity: 1 !important;
    font-size: 10px;
    padding: 1px 0 0 20px !important;
    margin-left: 2px;
    text-align: center;
}
span.tooltipcontent-addon {
    visibility: hidden;
    background-color: #000000;
    color: #FFFFFF;
    text-align: left;
    box-shadow: 0px 1px 8px 1px rgb(70 70 70 / 25%);
    padding: 5px 0;
    position: absolute;
    line-height: 16px;
    z-index: 99999;
    top: 46%;
    padding: 10px;
    /* border-radius: 5px; */
    font-size: 12px;
    min-width: 170px;
    left: 54%;
    font-family: GothamRegular !important;
    margin-left: 0px;
}
  span.tooltip-addon span.tooltipcontent-addon:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 4%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000000;
  }
  span.tooltip-addon:hover span.tooltipcontent-addon {
    visibility: visible !important;
    z-index: 99999 !important;
  }
  /* tooltip add on */


/*volumetric calculator*/
.cms-get-a-quote .swal2-container .swal2-popup {
    display: none;
    position: relative;
    box-sizing: border-box;
    grid-template-columns: minmax(0,100%);
    width: 40em !important;
    max-width: 100%;
    padding: 0 0 1.25em;
    border: none;
    border-radius: 5px;
    background: #fff;
    color: #545454;
    font-family: inherit;
    font-size: 1rem;
}
.cms-get-a-quote .swal2-container .swal2-popup .swal2-close{
    border-radius: 6px;
    background: white;
    position: absolute;
    width: 34px;
    height: 34px;
    top:-15px;
    color: #6e6b7b;
    padding-bottom:4px;
    box-shadow: 0px 0px 4px 2px rgb(133 133 133 / 28%);
}
.cms-get-a-quote .swal2-container .swal2-popup .swal2-title{
    font-family: 'GothamMedium';
    padding: 30px 30px 10px 30px;
    color: #202020;
    font-size: 18px;
}
.cms-get-a-quote .swal2-container .swal2-popup .swal2-html-container{
    margin: 0 !important;
    padding: 0 !important;
}
.cms-get-a-quote .swal2-container .swal2-popup .swal2-html-container > .calculator-title{
    text-align: left;
    font-size: 14px;
    font-weight: 100;
    width: 250px !important;
    font-family: GothamRegular;
    margin-top: 20px;
    color: #000000;
}
.cms-get-a-quote .swal2-container .swal2-popup .swal2-html-container > .calculatorinput{
    height: 50px;
    width: 250px;
    border: 1px solid #CBCBCB;
    border-radius: 5px;
    font-size: 16px;
    font-family: 'GothamRegular';
    color: #000000;
    font-weight: 400;
}
.cms-get-a-quote .swal2-container .swal2-popup .swal2-html-container > .volumetricweightblock{
    background: #f2f2f2;
    opacity: 1 !important;
    padding-bottom: 15px;
    margin-top: 15px;
    display: block;
}
.cms-get-a-quote .swal2-container .swal2-popup .swal2-html-container .volumetricweightblock > .calculator-title{
    font-family: gothammedium;
    text-align: left;
    padding-top: 10px;
    max-width: 100%;
    margin-bottom: 5px;
    width: 250px;
    color: #000000 !important;
}
.cms-get-a-quote .swal2-container .swal2-popup .swal2-html-container .volumetricweightblock > #volumetric_weight {
    height: 50px;
    width: 250px;
    border: 1px solid #CBCBCB;
    border-radius: 5px;
    font-size: 16px;
    font-family: 'GothamRegular';
    color: #000000;
    font-weight: 400;
}
.cms-get-a-quote .postagefooter a.contactpostage {
    text-decoration-line: underline;
}
.cms-get-a-quote .initial a.contactpostage {
    text-decoration-line: underline;
}
/*volumetric calculator*/
.featuresitems .featuresitemschild1{
    font-size: 12px;
    font-family: 'GOTHAMREGULAR';
    line-height: 136%;
    height: 20px;
}


@media (max-width:767px){
    .cms-get-a-quote .postagecontainer{
        padding:5% 5% 0 5%;
        background:linear-gradient(0deg, #FFFFFF -30.4%, rgba(255, 255, 255, 0) -11.83%, rgba(215, 250, 255, 0.448508) 38.03%, rgba(255, 239, 214, 0.46) 99.43%, rgba(255, 255, 255, 0) 117.21%);
    }
    .cms-get-a-quote .postageheader{
        font-family: GothamMedium;
        font-size:40px !important;
        font-weight: bold;
        text-align:center;
        padding:2% 5%;
    }
    .cms-get-a-quote .postageheadercontent{
        font-size:16px;
        padding: 10px !important;
        font-family: GothamRegular !important;
        font-weight:normal !important;
    }
    .cms-get-a-quote .postagebody{
        border-radius: 12px;
        box-shadow:0px 3px 4px 6px rgba(223, 223, 223, 0.25);
        display:flex;
        flex-direction: column;
    }
    .cms-get-a-quote .getaquotecontainer{
        padding:5% !important;
        font-family: GothamRegular;
        border-radius:12px;
        height: 100% !important;
        order:2;
        border-radius:0 0 5px 5px;
    }
    .getaquotecontainer .postage_calculate_form{
        width: 100%;
        display: block;
    }
    .getaquotecontainer .sender_default_country{
        border: 0;
        background: #f2f2f2;
        border-radius: 5px;
        width: 140px;
        margin:0 0 10px 0;
        opacity: 1 !important;
        color:#1d1d1d;
        font-weight: normal !important;
        font-family: GothamRegular !important;
    }

    .select2-container{
        width:140px !important;
    }

    .getaquotecontainer .receiver_country{
        border: 0;
        background: #f0f8ff;
        border-radius: 5px;
        width: 140px;
        margin:0 0 10px 0;
        font-family: 'GothamRegular';
        height:32px;
        font-weight: normal;
        font-size: 14px !important;
    }
    .getaquotecontainer .senderblock .sendersubinput{
        display: flex;
    }
    .getaquotecontainer .senderblock .receiversubinput{
        display: block;
    }
    .getaquotecontainer .senderblock .state_selection{
        background: #ffffff;
        border: 1px solid #D2D2D2;
        border-radius:5px;
        height:50px;
        width:100%;
        opacity:1;
        font-family: 'GothamRegular';
        font-weight: 400;
        font-size: 14px!important;
        width: 100%;
    }
    .getaquotecontainer .senderblock .postcode_input{
        background: #ffffff;
        border: 1px solid #D2D2D2;
        border-radius:5px;
        height:50px;
        margin-right: 5px;
        margin-bottom:10px;
        font-family: 'GothamRegular';
        font-weight: 400;
        font-size: 14px!important;
        width:100%;
    }
    .getaquotecontainer .receiverblock .state_selection{
        background: #ffffff;
        border: 1px solid #D2D2D2;
        border-radius:5px;
        height:50px;
        width:100%;
        opacity:1;
        font-family: 'GothamRegular';
        font-weight: 400;
        font-size: 14px!important;
    }
    .getaquotecontainer .receiverblock .disable_state_selection{
        background: #f2f2f2;
        border: 1px solid #D2D2D2;
        border-radius:5px;
        height:50px;
        width:100%;
        opacity:1;
    }
    .getaquotecontainer .receiverblock .postcode_input{
        background: #ffffff;
        border: 1px solid #D2D2D2;
        border-radius:5px;
        height:50px;
        font-family: 'GothamRegular';
        font-weight: 400;
        font-size: 14px!important;
        width: 100%;
        margin-right: 5px;
        margin-bottom:10px;
        width:100%;
    }
    .getaquotecontainer .senderblock{
        margin-right: auto !important;
        display: block !important;
        width: auto !important;
    }
    .getaquotecontainer .receiverblock{
        margin: 10px 0 !important;
        display: block !important;
        width: auto !important;
    }
    .getaquotecontainer .weightblock{
        margin: 10px 0 !important;
        margin-top:40px;
        display: inline-block;
        vertical-align: inherit;
        width: 100% !important;
    }
    .getaquotecontainer .submitQuotebtn_mobile{
        background: #FF474F;
        border-radius: 5px;
        width: 100%;
        height: 50px;
        border:0;
        margin-top:10px;
        color: #FFFFFF;
        font-size: 18px !important;
        text-align:center;
        display: block !important;
        font-weight: bold !important;
        background-position: center !important;
        transition: background 0.4s !important;
    }
    .getaquotecontainer .submitQuotebtn{
        display: none !important;
    }
    .w-100{
        width:100%
    }
    body.pos-container.cms-get-a-quote .initial > h3 {
        font-size: 25px;
        line-height: 140%;
        font-family: 'GothamMedium';
        color: #000000;
    }
    .weightblock .weightinputblock{
        text-align: center;
        display: flex;
    }
    .weightblock .weightinputblock{
        font-family: GothamMedium !important;
        width:100% !important;
    }
    .weightblock .weight_input{
        background: #ffffff;
        border: 1px solid #D2D2D2;
        border-radius:5px 0px 0px 5px;
        height:50px;
        font-family: 'GothamRegular';
        font-weight: 400;
        font-size: 14px!important;
        width: 100%;
        /* width:118px; */
    }
    .weightblock .volumetric-calculator{
        padding: 14px 15px 10px 15px;
        height: 50px;
        width: 52px;
        font-size: 20px;
        border:1px solid #CBCBCB;
        background:#f2f2f2;
        border-radius: 0px 5px 5px 0px;
    
    }
    .getaquotecontainer .to_country{
        /* width: 20px;
        height: 20px; */
        padding-right: 10px;
        margin-top:50px;
        align-self: center;
        font-size:20px;
        color:#00498D;
        display: none;
    }
    .postage_calculate_result_block{
        background: #FFF0F1;
        /* border-radius: 0px 0px 12px 12px; */
        padding:5% 3% !important;
        display:none;
        order:1;
        border-radius: 12px 12px 0 0;
    }
    .postage_calculate_result_block .postage_header{
        background: #f4f4f4;
        text-align: center;
        height: 61px;
        font-family: GothamRegular;
        font-size: 12px;
        display: none !important;
        border-radius: 5px 5px 0px 0px;
    }
    /* .initial{
        display:none;
    } */
    body.pos-container.cms-get-a-quote > .loading-mask {
        left: -10% !important;
    }
    .result-inner{
        border-radius: 5px;
        box-shadow: 0px 0px 9px 8px rgba(160, 160, 160, 0.07);
    }
    .result-inner > thead > tr > th, .result-inner > tbody > tr > td{
        text-align:center;
        vertical-align:middle;
        padding: 0 !important;
    }
    .sendparcelbtn{
        background: #FF474F;
        border-radius:5px;
        color:white;
        border: 0;
        height: 38px;
        text-align: center;
        background-position: center !important;
        transition: background 0.4s !important;
    }
    .sendparcelbtn:hover{
        background:#DF1E34;
        border-radius:5px;
        color:white;
        border: 0;
        height: 38px;
    }
    .sendparcelbtn:active {
        background-color: #fad2d4;
        background-size: 100%;
        box-shadow: 0 2px 20px 1px #999;
        transition: background 0s;
      }
    .result-inner .ratespostage {
        /* font-weight: bold; */
        font-family: GothamMedium;
        font-size: 18px;
        line-height: 24.5px;
        color: #202020;
        display: flex;
        padding-bottom:10px !important;
        justify-content: center;
    
    }
    .result-inner .postagebtn {
        font-weight: bold;
        font-family: GothamMedium;
        font-size: 18px;
        line-height: 24.5px;
        color: #202020;
        display: flex;
        justify-content: center;
    
    }
    .result-inner > tbody{
        background:#FFFFFF;
        border-radius: 5px !important;
        padding:0px !important ;
        display: flex;
        flex-direction: column;
    }
    .result-inner .featuresitems{
        display:grid !important;
        grid-template-columns: repeat(2,1fr);
        text-align:left !important;
        width:max-content !important;
        padding-bottom: 50px !important;
    }
    .result-inner .plservicetypes{
        /* font-weight: bold; */
        font-family: GothamMedium;
        font-size: 18px;
        color: #202020;
        display: flex;
        flex-direction: column;
        padding-bottom: 40px !important;
        justify-content: center;
    }
    .result-inner .plservicetypes .serviceduration{
        /* font-weight: bold !important;  */
        font-size: 15px !important;
        font-family: GothamMedium !important;
    }
    .postagefooter{
        font-size:16px;
        font-family:gothamRegular;
        text-align: center;
        padding: 20px 10px 0px 10px;
    }
    .postageresulttable{
        border-bottom: 2px solid #F4F4F4;        
    }
    .pr-1{
        padding: 0 3px 0 0 !important;
    }
    .featuresitems .featuresitemschild1{
        margin-bottom:10px;
        width: fit-content !important;
        padding-right: 3px;
        font-size: 12px;
    }
    .featuresitems .featuresitemschild2{
        min-width: 110px !important;
        font-size: 12px;
        padding-left:20px;
        width: max-content !important;
    }
    .postagebtn .find-outlet {
        color: #ff474f;
        font-weight: normal;
        font-size: 14px;
        text-decoration: underline;
        font-family: GothamRegular;
    }
    tr.postageresulttable > td {
        padding: 20px;
        min-height: max-content !important;
    }
    span .tooltipcontent {
        visibility: hidden;
        background-color: #FFF8DF;
        color: #1560A5;
        text-align: left;
        box-shadow:0px 1px 8px 1px rgb(70 70 70 / 25%);
        padding: 5px 0;
        position: absolute;
        line-height:16px;
        z-index: 99999;
        top: 100%;
        padding: 10px;
        font-size: 10px;
        width: auto !important;
        left: 90%;
        transform: translate(-80%, 10%);
        font-family: GothamRegular !important;
        margin-left: 0px;
      }
      .cms-page-view .page-wrapper .page-main-full-width {
        width: 100% !important;
        padding: 0 !important;
      }
      .cms-get-a-quote .upper-footer{
        display: block;
        text-align: center;
        margin: -50px auto 40px !important;
        position: unset;
        background: linear-gradient(180deg, #4F7BBE 0%, #1F3F70 100%) !important;
        border-radius: 5px;
        padding:10px !important;
        height: 110px !important;
        max-width: 300px !important;
    }
    .cms-get-a-quote .upper-footer div.contact-us-ask-pos{
        margin-top:10px !important;
        max-width: 230px !important;
    }
    .footer-container > .container > .row:nth-child(2) {
        display: flex;
        flex-wrap: wrap;
        margin: 20px 30px !important;
    }
    body.pos-container.cms-get-a-quote .initial > p {
        font-family: GothamRegular !important;
        padding: 0 30px !important;
    }
    body.pos-container.cms-get-a-quote .initial {
        font-family: GothamMedium;
        text-align: center;
        padding: 20px 10px 20px 20px;
    }
}
/* @media (min-width: 768px){
    body.pos-container.cms-get-a-quote nav.topnav {
        max-width: 1083px !important;
        border-radius: 10px;
        background: white;
        box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
        padding: 5px 20px;
        width: 100%;
        margin-top: 0;
        min-height: 86px;
    }
} */
@media (max-width:1100px) and (min-width:768px){
    .getaquotecontainer .senderblock .state_selection {
    background: #ffffff;
    border: 1px solid #D2D2D2;
    border-radius: 5px;
    height: 50px;
    max-width: 220px;
    width: 70%;
    min-width: 100px;
    opacity: 1;
    font-family: 'GothamRegular';
    font-weight: 400;
    font-size: 14px!important;
}
    .getaquotecontainer .receiverblock .state_selection {
    background: #ffffff;
    border: 1px solid #D2D2D2;
    border-radius: 5px;
    height: 50px;
    max-width: 220px;
    width: 70%;
    min-width: 100px;
    opacity: 1;
    font-family: 'GothamRegular';
    font-weight: 400;
    font-size: 14px!important;
}
    .pr-1 {
    padding: 0 5px 0 0px;
}
    .featuresitems .featuresitemschild2 {
    padding-left: 20px;
}
.weightblock .weightinputblock {
    text-align: center;
    display: flex;
    max-width: 160px;
    width: 100% !important;
    /* min-width: 120px; */
}
.getaquotecontainer .receiverblock .disable_state_selection {
    background: #f2f2f2;
    border: 1px solid #D2D2D2;
    border-radius: 5px;
    height: 50px;
    width: 100% !important;
    opacity: 1;
    max-width: 340px;
}
.cms-get-a-quote .sendparcelbtn {
    background: #FF474F;
    border-radius: 5px;
    color: white;
    border: 0;
    height: 38px;
    white-space: normal !important;
}
.cms-get-a-quote .result-inner .postagebtn .find-outlet{
    color:#ff474f;
    text-decoration-line: underline;
    transition: background 0.4s !important;
    text-decoration-line: underline;
    white-space: nowrap;
}
}
@media (max-width:815px) and (min-width:768px){
        .getaquotecontainer .to_country {
    padding-right: 10px;
    margin-top: 20px;
    align-self: center;
    font-size: 20px;
    color: #00498D;
}
.cms-get-a-quote .result-inner .postagebtn .find-outlet:hover {
    color: #FF474F;
    padding: 10px 25px;
    border-radius: 5px;
    border: 0;
    text-align: left;
    float: left;
    min-width: auto !important;
    height: auto !important;
    background: #ffedee52;
    text-decoration: underline;
}
}
@media (max-width: 331px){
    .result-inner .featuresitems {
        display: grid !important;
        grid-template-columns: repeat(2,1fr);
        text-align: left !important;
        width: auto !important;
        padding-bottom: 50px !important;
    }
    }
/*kherying*/