@charset "utf-8";
/* CSS Document */

#simplify-checkout-frame {
    z-index: 99999999999999 !important;
}

input[name="mhkos"]::-webkit-outer-spin-button,
input[name="mhkos"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[name="platos"]::-webkit-outer-spin-button,
input[name="platos"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[name="ypsos"]::-webkit-outer-spin-button,
input[name="ypsos"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[name="varos"]::-webkit-outer-spin-button,
input[name="varos"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[name="varos"],
input[name="mhkos"],
input[name="platos"],
input[name="ypsos"] {
    -moz-appearance:textfield;
}

/* =====  ⋮⋮⫸  RESET  */
article,aside,b,blockquote,body,button,div,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,label,legend,li,menu,nav,ol,p,section,span,strong,textarea,ul{margin:0;padding:0;border:0;font-size:100.01%;font:inherit;vertical-align:baseline}article,aside,footer,header,nav,section{display:block}html{font-size:16px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:1.375em}*,:after,:before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;text-rendering:optimizeLegibility}:focus,a:focus{outline:0}input,select,textarea{vertical-align:middle;outline:0;box-shadow:none}textarea{overflow:auto;resize:none}nav ul{list-style:none;padding:0;margin:0}nav ul li{margin-left:0;padding-bottom:0}input[type=search]{-webkit-appearance:textfield}button{background-color:transparent;-moz-appearance:none;-webkit-appearance:none;outline:0}select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;outline:0;box-shadow:none;border:0!important;background:#2c3e50;background-image:none;border-radius:0}select::-ms-expand{display:none}
/* ===== end  ⋮⋮⫸  RESET  */
/* =====  ⋮⋮⫸  GLOBAL  */
#calc_cost_pg {
    font: 400 1em/1.333em 'Noto Sans', Helvetica, Arial, sans-serif;
    letter-spacing: 0.01em;
    color: #17181a;
    -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;-o-font-smoothing: antialiased; font-smoothing: antialiased;
    overflow-x: hidden
}
em,i {
    font-style: italic
}
strong,b {
    font-weight: 600;
}
section {
    position: relative;
}
#calc_cost_pg a:link,
#calc_cost_pg a:visited {
    color: #303873;
    text-decoration: none;
    -webkit-transition: color 0.3s ease-out;
         -o-transition: color 0.3s ease-out;
            transition: color 0.3s ease-out;
}
#calc_cost_pg a:hover,
#calc_cost_pg a:active {
    color: #000;
    text-decoration: none;
}
.hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
}
img {
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wrap {
    min-height: 100vh;
    overflow-x: hidden
}
#calc_cost_pg .container {
    position: relative;
    width: 100%;
    max-width: 1234px;
    margin: auto;
}

#main .container {
    max-width: 100%;
}
.bgImg {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
/* ===== ⋮⋮⫸ end  GLOBAL  */


/*   ⋮⋮⫸ ============================  HEADER     ⤵︎      */
#cpg_header {
    position: relative;
    max-height: 122px;
    padding: 24px 0;
    z-index: 1111111111;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
}

#cpg_header .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

#cpg_header a.logo {
    position: relative;
    display: block;
    max-width: 292px;
    margin: auto;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
}

#cpg_header .left.col {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    width: 154px;
}

#cpg_header .right.col {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
     width: 154px;
    text-align: right;
}

#cpg_header a.tel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 15px;
    line-height: 1.5em;
    font-weight: 500;
    color: #7591ee;
    -webkit-transition: color 0.3s ease-out;
         -o-transition: color 0.3s ease-out;
            transition: color 0.3s ease-out;
}

#cpg_header .tel .icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: url(../images/icon-phone-1.svg) no-repeat center center / 15px auto;
    margin-right: 12px;
    -webkit-transition: border 0.3s ease-out;
         -o-transition: border 0.3s ease-out;
            transition: border 0.3s ease-out;
}

#cpg_header a.tel:hover,
#cpg_header a.tel:active {
    color: #000;
}

#cpg_header a.tel:hover .icon,
#cpg_header a.tel:active .icon {
    border-color: #7591ee;
}

#cpg_header a.to_home,
#cpg_header .lang {
    display: inline-block;
    vertical-align: middle;
}

#cpg_header a.to_home {
    padding: 6px;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

#cpg_header a.to_home:hover,
#cpg_header a.to_home:active  {
    opacity: 0.8;
}

#cpg_header .lang {
    position: relative;
    margin-left: 12px;
    font-size: 14px;
    color: #7c7f86;
    text-align: left;
}

#cpg_header .lang .selected {
    position: relative;
    padding: 9px 24px 9px 9px;
    border-radius: 12px;
    border: 1px solid #e8e8e8;
    cursor: pointer;
    -webkit-transition: border 0.3s ease-out;
         -o-transition: border 0.3s ease-out;
            transition: border 0.3s ease-out;
}

#cpg_header .lang .selected:hover {
    border-color: #7591ee;
}

#cpg_header .lang .item {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 15px auto;
    padding-left: 20px;
}

#cpg_header .lang .item.gr {
    background-image: url(../images/Flag_of_Greece.png);
}

#cpg_header .lang .item.en {
    background-image: url(../images/Flag_of_the_United_Kingdom.png);
}

#cpg_header .lang .dropdown {
    display: none;
    position: absolute;
    top: 105%;
    left: 0;
    right: 0;
    list-style-type: none;
    padding: 6px 9px;
    border-radius: 12px;
    border: 1px solid #ddd;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
}

#cpg_header .lang.opened .dropdown {
    display: block;
}

#cpg_header .lang .dropdown li {
    margin-left: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    cursor: pointer;
    -webkit-transition: border 0.3s ease-out;
         -o-transition: border 0.3s ease-out;
            transition: border 0.3s ease-out;
}

#cpg_header .lang .dropdown li:hover {
    color: #000;
    -webkit-transition: color 0.3s ease-out;
         -o-transition: color 0.3s ease-out;
            transition: color 0.3s ease-out;
}

#cpg_header .lang .selected .arrow {
    position: absolute;
    top: 50%;
    right: 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #988e8f transparent transparent transparent;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

#cpg_header .lang.opened .selected .arrow {
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #988e8f transparent;
}
/*   ⋮⋮⫸ ============================ end  HEADER     ⤴︎      */

/*   ⋮⋮⫸ ============================ MAIN     ⤵︎      */
#calc_tool {
    position: relative;
    z-index: 91;
}

#steps_bar {
    position: relative;
    width: 100%;
    background-color: #e0e4f1;
    z-index: 8;
    -webkit-box-shadow: inset 0 -4px 4px rgba(0, 0, 0, 0.03);
            box-shadow: inset 0 -4px 4px rgba(0, 0, 0, 0.03);
}

#steps_bar.full {
    background: rgb(48,56,115);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(48,56,115,1)), to(rgba(69,80,162,1)));
    background: -o-linear-gradient(bottom, rgba(48,56,115,1) 0%, rgba(69,80,162,1) 100%);
    background: linear-gradient(0deg, rgba(48,56,115,1) 0%, rgba(69,80,162,1) 100%);
    content: '';
}

#steps_bar .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

#steps_bar .item.current:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: -100vw;
    background: rgb(48,56,115);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(48,56,115,1)), to(rgba(69,80,162,1)));
    background: -o-linear-gradient(bottom, rgba(48,56,115,1) 0%, rgba(69,80,162,1) 100%);
    background: linear-gradient(0deg, rgba(48,56,115,1) 0%, rgba(69,80,162,1) 100%);
    content: '';
}
/*
#steps_bar .item.three.current:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -100vw;
    background: rgb(48,56,115);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(48,56,115,1)), to(rgba(69,80,162,1)));
    background: -o-linear-gradient(bottom, rgba(48,56,115,1) 0%, rgba(69,80,162,1) 100%);
    background: linear-gradient(0deg, rgba(48,56,115,1) 0%, rgba(69,80,162,1) 100%);
    content: '';
} */

#steps_bar .item {
    position: relative;
    width: 33.333%;
    height: 108px;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}

#steps_bar .item.current,
#steps_bar .item:last-child {
    border-right: none;
}

#steps_bar .item .num {
    position: relative;
    top: 30px;
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #bcc0cc;
    font-size: 24px;
    line-height: 48px;
    font-weight: 600;
    color: #d6dae6;
    z-index: 9;
}

#steps_bar .item.current .num {
    background-color: #fff;
    color: #9ab0f8;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
}

#steps_bar .item .label {
    position: absolute;
    top: 126px;
    left: 50%;
    width: 212px;
    padding: 0 12px;
    font-size: 15px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.35);
    letter-spacing: -.01em;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

#steps_bar .item.current .label::before {
    position: absolute;
    top: -19px;
    left: 50%;
    width: 32px;
    height: 8px;
    background: url(../images/blue-sign.svg) top center / contain;
    content: '';
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

#steps_bar .item.current .label {
    color: #000
}

#steps_content {
    padding-top: 132px;
    padding-bottom: 72px;
    background-color: #fefdfd;
}

#steps_content .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

#steps_content.step_one .outer_col.left {
    width: 68.08%;
}

#steps_content.step_one .outer_col.right {
    width: 28%;
    max-width: 324px;
}

#steps_content .transp_service {
    display: block;
    width: 100%;
    padding: 24px 18px;
    margin-bottom: 24px;
    border-radius: 12px;
    background: rgb(48,56,115);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(48,56,115,1)), to(rgba(69,80,162,1)));
    background: -o-linear-gradient(bottom, rgba(48,56,115,1) 0%, rgba(69,80,162,1) 100%);
    background: linear-gradient(0deg, rgba(48,56,115,1) 0%, rgba(69,80,162,1) 100%);
    text-align: left;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

#steps_content .transp_service:hover {
    -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
}

#steps_content .transp_service h3 {
    padding: 6px 18px 36px;
    font-size: 1.125em;
    line-height: 1.125em;
    letter-spacing: -.025em;
}

#steps_content .transp_service h3 span {
    display: inline-block;
    vertical-align: middle;
}

#steps_content .transp_service h3 strong {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.778em;
    line-height: 1.125em;
    font-weight: 900;
    color: #cfefcc;
    text-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

#steps_content .transp_service:hover h3 strong {
    color: #fff;
}

#steps_content .transp_service .cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding-bottom: 36px;
}

#steps_content .transp_service .price_box {
    padding-left: 9px;
    font-size: 1.875em;
    letter-spacing: 0;
    font-weight: 600;
}

#steps_content .transp_service .price_box small {
    padding-right: 3px;
    font-size: 0.8em;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.9);
}

#steps_content .transp_service .time_box {
    text-align: center;
}

#steps_content .transp_service .time_box img.icon {
    display: inline-block;
    padding-bottom: 3px;
}

#steps_content .transp_service .time_box h5 {
    padding-bottom: 6px;
    font-size: 0.938em;
    line-height: 1.25em;
    font-weight: 500;
    letter-spacing: -.025em;
}

#steps_content .transp_service .time_box .time {
    display: block;
    font-size: 1em;
    line-height: 1.125em;
    font-weight: 700;
    letter-spacing: 0.005em;
}

#steps_content .transp_service .btn {
    display: block;
    max-width: 216px;
    margin: auto;
    padding: 12px;
    background-color: #26b818;
    border-radius: 12px;
    letter-spacing: -.025em;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 1em;
    line-height: 24px;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

#steps_content .transp_service:hover .btn {
    background-color: #fff;
    color: #323771;
}

#sidebar_notes p {
    position: relative;
    padding-left: 24px;
    padding-bottom: 12px;
    font-size: 13px;
    line-height: 1.385em;
}

#sidebar_notes img.icon {
    position: absolute;
    top: 1px;
    left: 0;
}

.form_box {
    padding: 30px 36px 12px;
    border: 1px solid #b3b7c7;
    border-radius: 24px;
    background-color: #fff;
}

form.default legend {
    display: block;
    padding-bottom: 12px;
    font-size: 1.125em;
    line-height: 1.125em;
    letter-spacing: -.025em;
}

form.default .item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding-bottom: 24px;
}

form.default input,
form.default textarea,
.ms-dd .ms-dd-header .option-selected {
    position: relative;
    display: block;
    width: 100%;
    padding: 11px 16px;
    background-color: #fafaff;
    border: 1px solid #bab1b1;
    border-radius: 12px;
    font-size: 1em;
    line-height: 24px;
    font-weight: 600;
    color: #aaadb6;
    letter-spacing: 0.01em;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

form.default input.bg_white,
form.default textarea.bg_white {
    background-color: #fff;
}

form.default input.bg_white:disabled {
    background-color: #fafaff;
    border-color: #ede9ea;
}

form.default .f_required input {
    border-color: #ea1214;
}

form.default .f_required label {
    color: #ea1214 !important;
}

form.default input:focus,
form.default textarea:focus,
.ms-dd .ms-dd-header .option-selected:focus {
    color: #303873;
    border-color: #9ab0f8;
}

form.default textarea::-webkit-input-placeholder {
    color: #aaadb6;
    letter-spacing: 0;
    opacity: 0.5;
}

form.default textarea:-moz-placeholder {
    color: #aaadb6;
    letter-spacing: 0;
    opacity: 0.5;
}

form.default textarea::-moz-placeholder{
    color: #aaadb6;
    letter-spacing: 0;
    opacity: 0.5;
}

form.default textarea:-ms-input-placeholder {
    color: #aaadb6;
    letter-spacing: 0;
    opacity: 0.5;
}

.item.zip input {
    width: 122px;
}

form.default .select-hidden {
    display: none;
    visibility: hidden;
}

form.default .select,
.ms-dd {
    position: relative;
    font-size: 1em;
    line-height: 24px;
    font-weight: 600;
    color: #aaadb6;
    letter-spacing: 0.01em;
    cursor: pointer;
}

form.default .select-styled,
.ms-dd .ms-dd-header .option-selected {
    padding: 11px 36px 11px 16px;
    background-color: #fafaff;
    border: 1px solid #bab1b1;
    color: #aaadb6;
    border-radius: 12px;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

form.default .select-styled:after {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 0;
    height: 0;  
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #988e8f transparent transparent transparent;
    content: "";
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

form.default .select-styled:active:after,
form.default .select-styled.active:after {
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #988e8f transparent;
}

form.default .select-styled:active,
form.default .select-styled.active,
form.default .select-styled.selected {
    color: #303873;
}

form.default .select-options {
    display: none;
    position: absolute;
    top: 105%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fafaff;
    border-radius: 12px;
    /* border: 1px solid #bab1b1; */
    overflow: auto;
    max-height: 50vh;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

form.default .select-options li {
    margin: 0;
    padding: 12px 16px;
    border-bottom: 1px solid #bab1b1;
    color: #56585c;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

form.default .select-options li:last-child {
    border: none
}

form.default .select-options li:hover,
form.default .select-options li.is-selected {
    background: #fff;
    color: #303873;
}

form.default .select-options li[rel="hide"] {
    display: none;
}

.default [type="radio"]:checked,
.default [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.default [type="radio"]:checked + label,
.default [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 34px !important;
    color: #303873 !important;
    line-height: 1.375em;
    letter-spacing: -.025em;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.default [type="radio"]:checked + label:hover,
.default [type="radio"]:not(:checked) + label:hover {
    color: #000 !important;
}

.default [type="radio"]:checked + label:before,
.default [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 24px;
    height: 24px;
    border: 1px solid #bab1b1;
    border-radius: 6px;
    background: #fff;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.default [type="radio"]:checked + label:after,
.default [type="radio"]:not(:checked) + label:after {
    position: absolute;
    top: 6px;
    left: 0;
    width: 24px;
    height: 24px;
    background: url(../images/icon-check.svg) no-repeat center center / 12px auto;
    content: '';
}

.default [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.default [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.default .radiobox,
.default .checkbox {
    position: relative;
}

.default [type="checkbox"]:checked,
.default [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.default [type="checkbox"]:checked + label,
.default [type="checkbox"]:not(:checked) + label {
    position: relative;
    display: block;
    padding-left: 34px !important;
    color: #17181a !important;
    line-height: 1.375em;
    letter-spacing: -.025em;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.default .checkbox label span {
    display: block;
    max-width: 702px;
}

.default .checkbox label span.title {
    padding-bottom: 9px;
    color: #303873;
    font-size: 1em;
    line-height: 1.375em;
    letter-spacing: 0.01em;
}

.default .checkbox label:hover span.title {
    color: #000;
}

.default .checkbox label strong {
    font-weight: 700;
}

.default [type="checkbox"]:checked + label:hover,
.default [type="checkbox"]:not(:checked) + label:hover {
    color: #000 !important;
}

.default [type="checkbox"]:checked + label:before,
.default [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 24px;
    height: 24px;
    border: 1px solid #bab1b1;
    border-radius: 6px;
    background: #fff;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.default [type="checkbox"]:checked + label:after,
.default [type="checkbox"]:not(:checked) + label:after {
    position: absolute;
    top: -1px;
    left: 0;
    width: 24px;
    height: 24px;
    background: url(../images/icon-check.svg) no-repeat center center / 12px auto;
    content: '';
}

.default [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.default [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.form_box .select_row.item,
.form_box .input_row.item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.form_box .input_row.item label,
.form_box .select_row.item label {
    display: block;
    padding-right: 24px;
    font-size: 0.938em;
    color: #56585c;
    letter-spacing: -.025em;
    font-weight: 700;
}

.form_box .select_row.item .select {
    width: 100%
}

.form_box#select_locations:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    background-color: #e0e4f1;
    content: '';
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.form_box#select_locations .box_icon {
    position: absolute;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.form_box#select_locations {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    position: relative;
    padding: 0;
}

.form_box#select_locations .outer_wrapper {
    position: relative;
    display: block;
    width: 50%;    
    padding: 30px 36px 12px;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.form_box#select_locations .outer_wrapper:first-of-type {
    border-radius: 24px 0 0 24px;
}

.form_box#select_locations .outer_wrapper:last-of-type {
    border-radius: 0 24px 24px 0px;
}

.form_box#select_locations .outer_wrapper:hover {
    background: #f7f7f7;
}

.form_box#select_locations .outer_wrapper:hover .select-styled,
.form_box#select_locations .outer_wrapper:hover input {
    background-color: #fff;
}

.form_box#select_locations .inner_wrapper {
    max-width: 312px;
}

.form_box#select_locations .zip {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

#cpg_item_entry {
    position: relative;
    padding: 36px 218px 0 0
}

#cpg_item_entry legend.w_border:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 66px;
    height: 1px;
    background-color: #e0e4f1;
    content: '';
}

#cpg_item_entry legend.w_border {
    position: relative;
    margin-left: 36px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    font-size: 1.125em;
    line-height: 1.125em;
    letter-spacing: -.025em;
}

#cpg_item_entry .form_box {
    padding-bottom: 30px;
    background-color: #fafaff;
    border-color: #ded4d5;
}

form.default #cpg_item_entry input,
form.default #cpg_item_entry .select-styled  {
    background-color: #fff;
}

#cpg_item_entry .form_box .cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

#cpg_item_entry .form_box .qty {
    width: 45%;
    padding-right: 24px;
}

#cpg_item_entry .form_box .type {
    width: 55%;
    max-width: 248px;
}

label[for="tr_item_qty"] {
    width: 104px;
}

#tr_item_qty {
    width: 84px
}

#cpg_item_entry .subgroup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

#cpg_item_entry .subgroup legend {
    position: relative;
    top: 16px;
    width: 104px;
    padding-right: 0;
    font-size: 0.938em;
    color: #56585c;
    letter-spacing: -.025em;
    font-weight: 700;
}

#cpg_item_entry .subgroup .cols {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: calc(100% - 112px);
}

#cpg_item_entry .subgroup .col {
    width: 22%;
}

#cpg_item_entry .subgroup .col label {
    display: block;
    margin-bottom: 6px;
    padding-left: 34px;
    background-position: 6px center;
    background-size: 22px auto;
    background-repeat: no-repeat;
    font-size: 14px;
    color: #56585c;
    font-weight: 500;
}

#cpg_item_entry label.length {
    background-image: url(../images/icon-box-lenght.svg);
}

#cpg_item_entry label.width {
    background-image: url(../images/icon-box-width.svg);
}

#cpg_item_entry label.height {
    background-image: url(../images/icon-box-height.svg);
}

#cpg_item_entry .subgroup .col label.weight {
    padding-left: 0;
    text-align: center;
}

#cpg_item_entry .subgroup .col .input {
    position: relative;
}

#cpg_item_entry .subgroup .col .input input {
    padding-right: 36px;
    text-align: center;
}

#cpg_item_entry .subgroup .col .input .lbl {
    position: absolute;
    top: 50%;
    right: 12px;
    color: #a7aab4;
    font-size: 14px;
    font-weight: 500;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

#cpg_item_entry .btns {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 192px;
}

#cpg_item_entry button {
    display: block;
    width: 100%;
    margin-bottom: 9px;
    border-radius: 12px;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    font-weight: 700;
    letter-spacing: -.025em;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

#cpg_item_entry button:hover {
    background-color: #26b818 !important;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
}

#comp_transf_cost {
    padding: 16px 18px;
    text-align: center;
    background-color: #303873;
}

#add_transf_item {
    position: relative;
    background: url(../images/icon-plus.svg) no-repeat right center / 32px auto;
    padding: 10px 36px 10px 18px;
    text-align: left;
    background-color: #9ab0f8;
}

#cpg_items_entries {
    margin-top: 48px;
    background-color: #fcfafa;
    border: 1px solid #9ab0f8;
    border-radius: 12px;
    overflow: hidden;
}

#cpg_items_entries h2 {
    padding: 18px 48px;
    background-color: #9ab0f8;
    border: 1px solid #9ab0f8;
    color: #fff;
    font-size: 1.125em;
    line-height: 1.25em;
    letter-spacing: -.025em;
    font-weight: 600;
}

#cpg_items_entries h2 span {
    padding-left: 12px;
    font-weight: 900;
}

#cpg_items_entries .table {
    display: table;
    width: 100%;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: -.025em;
}

#cpg_items_entries .table .row {
    display: table-row
}

#cpg_items_entries .table .cell {
    display: table-cell;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 12px;
}

#cpg_items_entries .table .row:nth-child(2n+2) .cell {
    background-color: #faf8f8;
}

#cpg_items_entries .table .num {
    width: 48px;
    padding-left: 18px;
    color: #afaaaa;
}

#cpg_items_entries .table .type .lbl,
#cpg_items_entries .table .dimns .lbl {
    color: #6d6f75;
}

#cpg_items_entries .table .remove {
    width: 48px;
    padding-right: 0;
}

#cpg_items_entries .table .remove button {
    position: relative;
    top: 3px;
    display: block;
    padding: 6px 12px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

#cpg_items_entries .table .remove button img {
    display: block;
}

#cpg_items_entries .table .remove button:hover {
    opacity: 0.7;
}

#steps_footer {
    width: 100%;
    margin-top: 96px;
    padding-top: 18px;
    border-top: 1px solid #e1e2e4;
    font-size: 14px;
    letter-spacing: 0.005em;
    color: #6d6f75;
    text-align: right;
}

#steps_footer .separator {
    display: inline-block;
    vertical-align: middle;
    width: 2px;
    height: 14px;
    margin-left: 24px;
    margin-right: 12px;
    background-color: #e1e2e4;
}

#steps_footer a {
    font-weight: 700;
}

#steps_content.step_two .container {
    display: block;
}

#ch_delivery_date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding-bottom: 66px;
}

#ch_delivery_date label {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding: 2px 18px 2px 36px;
    background: url(../images/icon-timer.svg) no-repeat left top / 24px auto;
    font-size: 1.125em;
    line-height: 1.375em;
    font-weight: 500;
    letter-spacing: -0.025em;
    max-width: 520px;
}

#ch_delivery_date .select {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 calc(100% - 520px);
        -ms-flex: 1 1 calc(100% - 520px);
            flex: 1 1 calc(100% - 520px);
    width: 100%;
    min-width: 244px;
    max-width: 312px;
}

#ch_delivery_date .select-styled:before {
    position: absolute;
    top: 50%;
    left: 18px;
    width: 21px;
    height: 21px;
    background: url(../images/icon-calendar-check.svg) no-repeat center center / contain;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    content: '';
}

#ch_delivery_date .select-styled {
    position: relative;
    padding-left: 54px;
}

#transp_info_tabs {
    position: relative;
    border: 1px solid #9ab0f8;
    border-radius: 24px;
    overflow: hidden;
}

#transp_info_tabs .tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    border-bottom: 1px solid #9ab0f8;
}

#transp_info_tabs .tabs li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    width: 50%;
    text-align: center;
    padding: 12px;
    background-color: #9ab0f8;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

#transp_info_tabs .tabs li.active:after {
    position: absolute;
    left: 50%;
    bottom: -15px;
    width: 42px;
    height: 15px;
    background: none;
    background: url(../images/tabs_arrow.svg) no-repeat top center / contain;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    content: '';
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

#transp_info_tabs .tabs li.active {
    background-color: #fff;
    cursor: auto;
}

#transp_info_tabs .tabs li span {
    display: block;
}

#transp_info_tabs .tabs li .svg_icon {
    display: block;
    width: 40px;
    margin-right: 12px;
}

#transp_info_tabs .tabs li .svg_icon .st0 { 
    fill:#9ab0f8; 
    -webkit-transition: all 0.1s ease-out;
         -o-transition: all 0.1s ease-out;
            transition: all 0.1s ease-out;
}

#transp_info_tabs .tabs li .svg_icon .st1 { 
    fill:#9ab0f8; 
    -webkit-transition: all 0.1s ease-out;
         -o-transition: all 0.1s ease-out;
            transition: all 0.1s ease-out;
}

#transp_info_tabs .tabs li .svg_icon .st1_2,
#transp_info_tabs .tabs li .svg_icon .st0_2 { 
    fill:#edf1fe; 
    -webkit-transition: all 0.1s ease-out;
         -o-transition: all 0.1s ease-out;
            transition: all 0.1s ease-out;
}

#transp_info_tabs .tabs li .svg_icon .st2 { 
    fill:#CFEFCB; 
    -webkit-transition: all 0.1s ease-out;
         -o-transition: all 0.1s ease-out;
            transition: all 0.1s ease-out;
}

#transp_info_tabs .tabs li.active .svg_icon .st0,
#transp_info_tabs .tabs li.active .svg_icon .st0_2 { 
    fill:#CCC8C8; 
}

#transp_info_tabs .tabs li.active .svg_icon .st1,
#transp_info_tabs .tabs li.active .svg_icon .st1_2 { 
    fill:#FFFFFF; 
}

#transp_info_tabs .tabs li.active .svg_icon .st2 { 
    fill:#CFEFCB; 
}

#transp_info_tabs .tabs li .title {
    font-size: 1.125em;
    font-weight: 500;
    color: #ffffff6e;
    letter-spacing: -.025em;
    -webkit-transition: all 0.1s ease-out;
         -o-transition: all 0.1s ease-out;
            transition: all 0.1s ease-out;
}

#transp_info_tabs .tabs li.active .title {
    font-weight: 700;
    color: #17181a;
}

#transp_info_tabs .tab_container {
    padding-bottom: 48px;
    background-color: #fafaff;
}

#transp_info_tabs .tab_drawer_heading {
    display: none;
}

#transp_info_tabs legend.w_border:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 66px;
    height: 1px;
    background-color: #e0e4f1;
    content: '';
}

#transp_info_tabs legend.w_border {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 16px;
    font-size: 14px;
    line-height: 1.125em;
    letter-spacing: -.025em;
    font-weight: 700;
    color: #848689;
}

#transp_info_tabs fieldset,
#tranf_deliv_comm_sc  {
    padding: 48px 36px 30px 36px;
}

#transp_info_tabs fieldset .outer_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

#transp_info_tabs .item {
    margin-right: 36px;
}

#transp_info_tabs label,
#shipmnt_type legend,
#shipmnt_doc_type legend,
#tranf_deliv_comm_sc p {
    position: relative;
    display: block;
    width: 100%;
    padding: 9px 18px;
    color: #17181a;
    font-weight: 500;
    letter-spacing: -.025em;
    font-size: 1em;
    line-height: 1.375em;
}

#transp_info_tabs label em {
    color: #848689;
    font-style: normal;
}

#transp_info_tabs label .required,
#transp_info_tabs p.note.required,
#tranf_deliv_comm_sc p .required {
    color: #ea1214;
}

#transp_info_tabs p.note {
    padding: 6px 16px 0;
    color: #56585c;
}

#transp_info_tabs p.note.required {
    padding-bottom: 3px;
}

#transp_info_tabs .note small {
    font-size: 13px;
    line-height: 1.25em;
}

#coll_name-input,
#coll_name_bl-input,
#coll_email-input,
#transp_info_tabs #deliv_name-input,
#transp_info_tabs #deliv_name_bl-input,
#transp_info_tabs #deliv_email-input {
    max-width: 444px;
    min-width: 372px;
}

#transp_info_tabs #coll_name_bl-input,
#transp_info_tabs #coll_phone-input {
    margin-right: 0;
}

#tranf_collection_address,
#tranf_deliv_address {
    background-color: #fff;
}

#coll_ssn-input,
#shipmnt_doc_type_i .item:first-child {    
    max-width: 138px;
    min-width: 128px;
}

#coll_phone-input {
    max-width: 216px;
}

#coll_country-input,
#deliv_country-input  {
    min-width: 208px;
    max-width: 288px;
}

#coll_address-input,
#deliv_address-input  {
    min-width: 236px;
    max-width: 348px;
}

#coll_zip-input,
#deliv_zip-input  {
    min-width: 108px;
    max-width: 168px;
}

#transp_info_tabs #coll_city-input,
#transp_info_tabs #deliv_city-input  {
    min-width: 228px;
    max-width: 296px;
    margin-right: 0;
}

#coll_value-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%;
}

#coll_value-input,
#shipmnt_type .item, 
#shipmnt_doc_type .item.alt {
    margin-right: 0 !important;
}

#coll_value-input label {
    width: auto;
    padding-right: 12px;
}

#coll_value-input .input {
    position: relative;
}

#coll_value {
    width: 108px;
    padding-right: 36px;
    text-align: center;
}

#coll_value-input .icon {
    position: absolute;
    top: 50%;
    right: 16px;
    color: #56585c;
    font-weight: 500;
    font-size: 14px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

#transp_info_tabs #shipmnt_type,
#transp_info_tabs #shipmnt_doc_type {
    padding: 0;
    background: transparent;
}

#shipmnt_type .item, 
#shipmnt_doc_type .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: 100%;
}

#tranf_collection_more .outer_wrapper {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

#tranf_collection_more .col {
    width: 45%;
    max-width: 580px;
}

#shipmnt_type legend,
#shipmnt_doc_type legend {
    width: 202px
}

#transp_info_tabs #comm_decl,
#shipmnt_doc_type_i {
    position: relative;
    top: -12px;
    padding: 12px;
    margin: 0 12px;
    background-color: #f7f7f7;
    border-radius: 12px;
}

#shipmnt_doc_type_i {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

#shipmnt_type #comm_decl legend {
    width: 232px;
    padding-left: 0;
}

#transp_info_tabs #comm_decl .item {
    padding-bottom: 0;
}

#shipmnt_doc_type_i .item {
    padding-bottom: 12px;
}

#shipmnt_doc_type_i .item:last-child {
    min-width: 120px;
    max-width: calc(100% - 174px);
    margin-right: 0;
}

#tranf_coll_comm {
    margin-bottom: 13px;
}

#transp_info_tabs #deliv_ssn-input {
    width: 25%;
    max-width: 132px;
    padding-right: 0;
}

#transp_info_tabs #deliv_phone-input,
#transp_info_tabs #coll_phone-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: 668px;
    min-width: 576px;
    margin-right: 0;
}

#transp_info_tabs #coll_phone-input {
    max-width: 544px;
    min-width: 468px;
}

#deliv_phone-input .col:first-child,
#coll_phone-input .col:first-child {
    width: 228px;
    padding-right: 12px;
}

#deliv_phone,
#coll_phone {
    width: 216px;
}

#deliv_phone-input .col:last-child,
#coll_phone-input .col:last-child {
    width: calc(100% - 228px);
    font-size: 13px;
    line-height: 1.25em;
    color: #858689;
}

#deliv_phone-input .col:last-child {
    width: 100%;
    padding-top: 12px;
}

#tranf_deliv_comm_sc  {
    text-align: center;
}

#tranf_deliv_comm_sc h4 {
    font-size: 1.125em;
    font-weight: 700;
    line-height: 1.25em;
    color: #56585c;
    text-decoration: underline;
}

#tranf_deliv_comm_sc p {
    padding-bottom: 18px;
}

#tranf_deliv_comm_sc p small {
    font-size: 14px;
}

#tranf_deliv_comm {
    margin-top: 24px;
}

a.transf_top {
    position: relative;
    top: -30px;
    display: block;
    width: 66px;
    height: 66px;
    margin: auto;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #9ab0f8;
}

a.transf_top span {
    position: absolute;
    left: 50%;
    top: 55%;
    display: block;
    padding: 9px 0;
    background: url(../images/arrow-top.svg) no-repeat top center / 12px auto;
    color: #9ab0f8;
    font-size: 13px;
    letter-spacing: -.01em;
    font-weight: 700;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

a.transf_top:hover span,
a.transf_top:active span {
    color: #17181a;
}

.steps_nav_btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%;
}

#calc_cost_pg .steps_nav_btns a {
    display: block;
    width: 100%;
    max-width: 300px;
    padding: 16px 12px;
    border-radius: 12px;
    border: 2px solid #303873;
    text-align: center;
    font-weight: 700;
    font-size: 1em;
    line-height: 24px;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

#calc_cost_pg .steps_nav_btns a.prev {
    background-color: #fff;
    color: #323771;
}

#calc_cost_pg .steps_nav_btns a.next {
    background-color: #303873;
    color: #fff;
}

#calc_cost_pg .steps_nav_btns a:hover,
#calc_cost_pg .steps_nav_btns a:active {
    background-color: #26b818 !important;
    border-color: #26b818 !important;
    color: #fff !important;
}

#transf_summary {
    display: block !important;
}

#steps_content .outer_cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-column-gap: 36px;
       -moz-column-gap: 36px;
            column-gap: 36px;
}

#trsf_summ_sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 28%;
    max-width: 324px;
    min-width: 288px;
    margin-bottom: 48px;
    border-radius: 12px;
    background: rgb(48,56,115);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(48,56,115,1)), to(rgba(69,80,162,1)));
    background: -o-linear-gradient(top, rgba(48,56,115,1) 0%, rgba(69,80,162,1) 100%);
    background: linear-gradient(180deg, rgba(48,56,115,1) 0%, rgba(69,80,162,1) 100%);
    color: #fff;
    font-weight: 600;
    letter-spacing: -.025em;
}

#trsf_summ_cont {
    width: 69%;
    max-width: 840px;
    min-width: 640px;
}

#trsf_summ_sidebar .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 9px 24px;
    letter-spacing: -.025em;
}

#trsf_summ_sidebar h1.title {
    padding: 12px 0 24px;
    font-size: 1.125em;
    font-weight: 700;
}

#trsf_summ_sidebar .info .label {
    width: 120px;
    padding-right: 12px;
    font-size: 0.938em;
    line-height: 20px;
    color: #9ab0f8;
}

#trsf_summ_sidebar .info .cell {
    width: calc(100% - 120px);
    line-height: 20px;
}

#trsf_summ_sidebar .info .items p {
    padding: 9px 24px 9px 36px;
    color: rgba(255, 255, 255, 0.68);
}

#trsf_summ_sidebar .info .items p:nth-child(2n+1) {
    background-color: rgba(0, 0, 0, 0.06);
}

#trsf_summ_sidebar .info .items p:nth-child(2n+2) {
    background-color: rgba(0, 0, 0, 0.12);
}

#trsf_summ_sidebar .info span.nm {
    display: block;
    font-size: 0.938em;
}

#trsf_summ_sidebar .info span.vl {
    padding-right: 3px;
}

#trsf_summ_sidebar .row.price {
    padding-top: 18px;
    padding-bottom: 30px;
    margin-top: 9px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.08);
    font-weight: 700;
}

#trsf_summ_sidebar .row.price .label {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 700;
}

#trsf_summ_sidebar .row.price .label,
#trsf_summ_sidebar .row.price .cell {
    margin: 9px 0;
}

#trsf_clients_summ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    border-radius: 24px;
    border: 1px solid #ded4d5;
    background-color: #fafaff;
    margin-bottom: 24px;
}

#trsf_clients_summ .col {
    position: relative;
    width: 50%;
    padding: 24px;
}

#trsf_clients_summ .col:first-child {
    border-right: 1px solid #ded4d5;
}

#trsf_clients_summ h2.title:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 66px;
    height: 1px;
    background-color: #e0e4f1;
    content: '';
}

#trsf_clients_summ h2.title {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 12px;
    font-size: 1em;
    line-height: 1.25em;
    letter-spacing: -.025em;
    font-weight: 700;
    color: #17181a;
}

#trsf_clients_summ .table {
    display: table;
    width: 100%;
}

#trsf_clients_summ .table .row {
    display: table-row;
}

#trsf_clients_summ .table .cell {
    display: table-cell;
    padding: 9px 0;
    color: #303873;
    font-weight: 600;
    letter-spacing: -.025em;
}

#trsf_clients_summ .cell.label {
    width: 160px;
}

#trsf_clients_summ .cell.label,
#trsf_clients_summ .comments .label {
    font-size: 0.938em;
    color: #56585c;
}

#trsf_clients_summ .comments h4.label {
    padding: 9px 0;
    font-weight: 600;
    letter-spacing: -.025em;
}

#trsf_clients_summ .comments p {
    padding-bottom: 6px;
    font-size: 0.938em;
    font-style: italic;
    letter-spacing: -.01em;
    color: #56585c;
}

#trsf_summ_cont .options {
    padding: 24px 18px 24px 24px;
    margin-bottom: 24px;
    font-weight: 500;
}

#trsf_summ_cont .options h3.title {
    padding-bottom: 12px;
    font-size: 1em;
    line-height: 1.375em;
    color: #17181a;
    font-weight: 700;
    letter-spacing: -.025em;
}

#trsf_summ_cont .options .checkbox {
    margin-top: 12px;
}

#trsf_summ_cont .options.payment {
    margin-bottom: 36px;
    border: 1px solid #9ab0f8;
    border-radius: 24px;
    font-weight: 500;
}

#trsf_summ_cont .options.payment .cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    padding-top: 30px;
}

.default.options [type="radio"]:checked + label:before, 
.default.options [type="radio"]:not(:checked) + label:before, 
.default.options [type="radio"]:not(:checked) + label:after {
    top: -1px;
}

.default.options [type="radio"]:checked + label, 
.default.options [type="radio"]:not(:checked) + label {
    display: block;
    white-space: nowrap;
}

#trsf_summ_cont .options.payment label span {
    display: block;
}

#trsf_summ_cont .options.payment label span.p {
    padding-top: 6px;
    white-space: pre-wrap;
    font-size: 0.938em;
    line-height: 1.25em;
    font-weight: 400;
    color: #56585c;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.default.options [type="radio"]:checked + label:hover, 
.default.options [type="radio"]:not(:checked) + label:hover {
    color: #000 !important;
}

#trsf_summ_cont .options.payment label:hover span.p {
    color: #000;
}

#checkbox_terms {
    padding-top: 36px;
    padding-bottom: 24px;
    text-align: right;
}

#checkbox_terms .checkbox {
    display: inline-block;
}

#calc_cost_pg .steps_nav_btns a.payment_btn {
    background-color: #26b818;
    border-color: #26b818;
    color: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

#calc_cost_pg .steps_nav_btns a.payment_btn:hover,
#calc_cost_pg .steps_nav_btns a.payment_btn:active {
    background-color: #9ab0f8 !important;
    border-color: #9ab0f8 !important;
    -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
}

#transp_notes {
    padding: 12px 0;
    margin-bottom: 30px;
    border-top: 1px solid #e1e2e4;
    border-bottom: 1px solid #e1e2e4;
}

#transp_notes .item:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 1px;
    background-color: #ded4d5;
    content: "";
}

#transp_notes .item:last-of-type:after {
    display: none;
}

#transp_notes .item {
    position: relative;
    padding: 6px 0;
}

#transp_notes .item .title:before {
    position: absolute;
    top: 1em;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    content: "";
}

#transp_notes .item .title:before {
    border-width: 5px 5px 0 5px;
    border-color: #988e8f transparent transparent transparent;
}

#transp_notes .item.open .title:before {
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #988e8f transparent;
}

#transp_notes .item .title {
    position: relative;
    display: inline-block;
    padding: 6px 0 6px 24px;
    color: #303873;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: -0.01em;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

#transp_notes .item .title:hover {
    color: #000;
}

#transp_notes .item p,
#transp_notes .item ul {
    padding-bottom: 12px;
}

#transp_notes .item .wrapper {
    display: none;
    padding-left: 24px;
    font-size: 0.938em;
}
/* =========  Sections ======== */
#cpg_info_section {
    padding-top: 78px;
    padding-bottom: 48px;
    background-color: #9ab0f8;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: inset 0 8px 16px rgba(0, 0, 0, 0.08);
            box-shadow: inset 0 8px 16px rgba(0, 0, 0, 0.08);
}

#cpg_info_section h2 {
    padding-bottom: 18px;
    font-size: 1.75em;
    font-weight: 700;
    letter-spacing: 0.025em;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

#cpg_info_section p {
    max-width: 760px;
    margin: auto;
    padding-bottom: 30px;
    font-size: 1.125em;
    line-height: 1.333em;
    font-weight: 500;
    letter-spacing: 0.005em;
}

#cpg_info_section h1 {
    margin-top: 3%;
    padding-top: 24px;
    padding-bottom: 30px;
    font-size: 1.875em;
    line-height: 1.25em;
    font-weight: 600;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

#cpg_info_section p.feat {
    font-weight: 600;
}

#cpg_info_section .icons a {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #9ab0f8;
    margin: 12px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
    -webkit-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

#cpg_info_section .icons a:hover,
#cpg_info_section .icons a:active {
    border-color: #fff;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}

#cpg_info_section .icons a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

#cpg_benefits_scn .bgImg {
    padding-top: 96px;
    padding-bottom: 66px;
}

#cpg_benefits_scn .bgImg .cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

#cpg_benefits_scn .bgImg .cols .col {
    width: 32%;
    max-width: 386px;
    padding: 42px 18px;
    margin-bottom: 30px;
    background-color: #4c58b6;
    border-radius: 24px;
    text-align: center;
    color: #cfefcb;
    font-size: 1.125em;
    line-height: 1.333em;
    letter-spacing: -0.025em;
}

#cpg_benefits_scn .bgImg .cols h2 {
    padding-top: 24px;
    padding-bottom: 24px;
    color: #fff;
    font-size: 1.333em;
    line-height: 1.25em;
    font-weight: 600;
    letter-spacing: -0.005em;
}

#cpg_benefits_scn .bgImg .feat {
    max-width: 774px;
    margin: auto;
    padding-top: 48px;
    color: #fff;
    text-align: center;
}

#cpg_benefits_scn .bgImg .feat h1 {
    padding-bottom: 24px;
    color: #9ab0f8;
    font-size: 2.25em;
    line-height: 1.25em;
    font-weight: 600;
    letter-spacing: 0.01em;
}

#cpg_benefits_scn .bgImg .feat p {
    padding-bottom: 1em;
    font-size: 1.125em;
    line-height: 1.333em;
    font-weight: 600;
    letter-spacing: 0.005em;
}

#cpg_benefits_scn .bgImg a.cta {
    display: block;
    max-width: 312px;
    padding: 18px;
    margin: 60px auto auto auto;
    background-color: #fff;
    border-radius: 12px;
    color: #303873;
    font-size: 1em;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: -.005em;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
}

#cpg_benefits_scn .list {
    padding-top: 96px;
    padding-bottom: 96px;
    background-color: #fefdfd;
}

#cpg_benefits_scn .list .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

#cpg_benefits_scn .list figure.col {
    width: 32%;
}

#cpg_benefits_scn .list div.col {
    width: 65%;
}

#cpg_benefits_scn .list ul {
    list-style-type: none;
}

#cpg_benefits_scn .list figure.col img {
    position: relative;
    top: -40%;
}

#cpg_benefits_scn .list ul li {
    padding-left: 54px;
    padding-bottom: 24px;
    background: url(../images/icon-double_tick.svg) no-repeat left 4px / 36px auto;
    font-size: 1.125em;
    line-height: 1.667em;
    letter-spacing: -.01em;
    color: #17181a;
}

#cpg_terms_section {
    padding-top: 60px;
    padding-bottom: 48px;
    background-color: #f7f7f7;
}

#cpg_terms_section .container {
    max-width: 884px;
    color: #282a2e;
    text-align: center;
}

#cpg_terms_section h1 {
    padding-bottom: 24px;
    font-size: 1em;
    line-height: 1.333em;
    color: #56585c;
    font-weight: 700;
}

#cpg_terms_section p {
    font-size: 1em;
    line-height: 1.333em;
    padding-bottom: 24px;
    letter-spacing: -.01em;
}
/*   ⋮⋮⫸ ============================ end  MAIN     ⤴︎      */

/*   ⋮⋮⫸ ============================ FOOTER     ⤵︎      */
#cpg_footer {
    padding: 24px 0;
    background-color: #fafafa;
    text-align: center;
    color: #56585c;
    font-weight: 500;
    letter-spacing: -.01em;
}

#cpg_footer small {
    font-size: 14px;
}
/*   ⋮⋮⫸ ============================ end  FOOTER     ⤴︎      */