.costCalculator{padding: 70px 0px 80px; background-color: #1e2b51; color: white;}

.costCalculator *:focus{outline: 1px solid #ffffff; outline-offset: 1px;}
.costCalculator *:active:focus{outline: 1px solid #ffffff; outline-offset: 1px;}
.costCalculator h2{text-align: center; font-size: 48px; line-height: 48px; color: #fbb903;}
.costCalc_required{color: white; font-size: 16px; text-align: center; margin-top: 6px;}
.costCalculator_form{margin: 0px -8px; display: flex; padding-top: 20px;}
.costCalculator_formSection{height: 132px; margin: 0px 8px; width: calc(33.33% - 16px); background-color: #3b4668; padding: 0px 20px;}

ul.costCalculator_locations, ul.costCalculator_numbers{width: 100%; max-width: 320px; margin: 0px auto;}
ul.costCalculator_locations li, ul.costCalculator_numbers li{display: flex; flex-wrap: wrap;}
ul.costCalculator_locations label, ul.costCalculator_numbers label{font-weight: 300; font-size: 18px; line-height: 18px;}
ul.costCalculator_locations label{display: inline-block; width: 64px;}
ul.costCalculator_numbers label{display: inline-block; width: 166px;}
ul.costCalculator_locations .costCalculator_field{width: calc(100% - 64px);}
ul.costCalculator_numbers .costCalculator_field{width: calc(100% - 166px);}
ul.costCalculator_numbers{padding-top: 1px;}
ul.costCalculator_numbers li{padding: 24px 0px 0px;}
ul.costCalculator_numbers label{padding-top: 8px;}
ul.costCalculator_numbers input{display: block; background-color: #3b4668; color: white; font-weight: 300; font-size: 18px; width: 100%; border: 0; border-bottom: 1px solid #ffffff; }
ul.costCalculator_numbers input::-webkit-input-placeholder {color: #3b4668;}
ul.costCalculator_numbers input:-moz-placeholder {color: #3b4668; opacity: 1;}
ul.costCalculator_numbers input::-moz-placeholder{color: #3b4668; opacity: 1;}
ul.costCalculator_numbers input:-ms-input-placeholder {color: #3b4668;}
ul.costCalculator_numbers input::-ms-input-placeholder {color: #3b4668;}
ul.costCalculator_numbers input::placeholder {color: #3b4668;}

ul.costCalculator_locations{padding-top: 1px;}
ul.costCalculator_locations li{padding: 24px 0px 0px;}
ul.costCalculator_locations label{padding-top: 8px;}
.costCalculator_form .select2-container{width: 100% !important; height: 24px; background-color: #3b4668; border: 0; border-bottom: 1px solid #ffffff; padding: 0px 0px 0px 20px; margin: 0px; color: white;}
.costCalculator_form .select2-container .selection{background-color: transparent;}
.costCalculator_form .select2-container--default .select2-selection--single{background-color: transparent; height: 24px; border: 0px; border-radius: 0;}
.costCalculator_form .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{height: 24px; padding: 0px 0px 0px; color: white; top: 0px; text-align: right; font-size: 18px;}
.costCalculator_form .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left: 10px; top: 50%; transform: translate(0, -50%) rotate(90deg); width: 10px; height: 10px;}
.costCalculator_form .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow:after{content: '\e900'; font-family: 'icomoon' !important; font-size: 10px;}
.costCalculator_form .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow B{display: none;}
.costCalculator_form .select2-container--default .select2-selection--single .select2-selection__placeholder{color: white; display: none;}
.select2-search--dropdown{padding: 6px 6px 0px;}
.select2-results{padding: 6px;}
.select2-dropdown{background-color: #3b4668; color: white; border: 1px solid #666666; font-size: 14px;}
.select2-container--default .select2-search--dropdown .select2-search__field{background-color: #1e2b51; color: white; border: 1px solid #868686;}
.select2-container--default .select2-results__option[data-selected=true]{background-color: #1e2b51; font-weight: 700;}
.select2-container--default .select2-results__option:nth-child(1)[data-selected=true]{background-color: #2b2b2b;}
.select2-container--default .select2-results__option--highlighted[data-selected]{background-color: #1e2b51; color: white;}

.costCalculator_vehicles{padding-top: 12px;}
.costCalculator_vehicles strong{display: block; text-align: center; font-weight: 400; font-size: 18px;}
.costCalculator_vehicles ul{width: 100%; max-width: 372px; margin: 13px auto 0px; display: flex; justify-content: space-between;}
.costCalculator_vehicles li{padding: 0px 4px; width: 33.33%;}
.costCalculator_vehicles li label{display: block; position: relative; cursor: pointer;}
.costCalculator_vehicles li input{position: absolute; opacity: 0;}
.costCalculator_chkItem{display: flex; flex-direction: column; align-items: center; justify-content: flex-end; text-align: center; height: 70px; border: 1px solid white; padding-bottom: 5px;}
.costCalculator_chkItem span{font-size: 18px;}
.costCalculator_chkItem i{display: flex !important; align-items: center; justify-content: center; height: 36px; overflow: hidden; }
.costCalculator_chkItem i.icon-truck, .costCalculator_chkItem i.icon-motorcycle{font-size: 22px; transform: scaleX(-1);}
.costCalculator_chkItem i.icon-car{font-size: 36px;}
.costCalculator_vehicles li input:checked + .costCalculator_chkItem{border-color: #fbb903;}
.costCalculator_vehicles li input:checked + .costCalculator_chkItem i{color: #fbb903;}
.costCalculator_vehicles li input:focus + .costCalculator_chkItem{outline: 1px solid #ffffff; outline-offset: 1px;}

.costCalculator_panel{padding-top: 44px; text-align: center;}
.costCalculator_submit button{border: 0; background-color: #fbb903; border: 1px solid #fbb903; font-weight: 700; font-size: 24px; line-height: 24px; display: inline-flex; align-items: center; justify-content: center; text-align: center; width: 240px; height: 46px;}
.costCalculator_submit button:hover, .costCalculator_submit button:focus{background-color: #1e2b51; border-color: #1e2b51; color: #fbb903; border-color: #fbb903;}
.costCalculator_perut{padding-top: 22px; font-size: 18px;}
.costCalculator_perut a{text-decoration: underline; color: white;}
.costCalculator_perut a:hover, .costCalculator_perut a:focus{color: #fbb903;}

a.costCalculator_mobileToggle {
    display: none ;
    width: 36px !important;
    height: 36px !important;
    color: #fbb903 !important;
    margin: 0 auto -24px !important;
}
a.costCalculator_mobileToggle i{display: block !important; transform: rotate(90deg); font-size: 21px;}
a.costCalculator_mobileToggle[aria-expanded="true"] {pointer-events: all; margin: 50px auto -40px !important;}
a.costCalculator_mobileToggle[aria-expanded="true"] i{transform: rotate(-90deg);}

.costCalculator_error{font-size: 20px; padding: 20px 20px; margin-bottom: 20px; color: #ff99ad;}
.costCalculator_error:before{content: '\e91b'; font-family: 'icomoon' !important; vertical-align: middle; margin-left: 8px;}
.costCalculator_fieldError{font-size: 14px; padding-top: 4px; position: absolute; margin-top: 26px; color: #ff99ad;}
.costCalculator_fieldError:before{content: '\e91b'; font-family: 'icomoon' !important; font-size: 12px; vertical-align: middle; margin-left: 4px;}

.costCalculator.standAlone{background-color: #ffffff;}
.costCalculator.standAlone h2{color: #1e2b51;}
.costCalculator.standAlone .costCalc_required{color: #1e2b51;}
.costCalculator.standAlone .costCalculator_error{color: #ff0000;}
.costCalculator.standAlone .costCalculator_submit button:focus{outline-color: #1e2b51;}
.costCalculator.standAlone .costCalculator_perut a{color: #1e2b51;}
.costCalculator.standAlone .costCalculator_perut a:focus{outline-color: #1e2b51;}

@media screen and (max-width: 1024px) {
    .costCalculator_form{margin: 0px 0px; display: block; padding: 26px 20px 0px;}
    .costCalculator_formSection{max-width: 480px; height: auto; padding: 36px 0px 36px; margin: 0px auto; width: auto; background-color: transparent; border-top: 1px solid #3b4668;}
    .costCalculator_formSection:nth-child(1){border-top: 0; padding-top: 0; margin-top: 0;}
    .costCalculator_MobileHide{display: none;}
    .costCalculator_MobileHide[aria-hidden = 'false'] {display: block;}
    ul.costCalculator_numbers input{background-color: transparent;}
    .costCalculator_form .select2-container{background-color: transparent;}
    ul.costCalculator_locations, ul.costCalculator_numbers{max-width: none;}
    ul.costCalculator_locations li:nth-child(1), ul.costCalculator_numbers li:nth-child(1){padding-top: 0;}
    ul.costCalculator_numbers li:nth-last-child(1){padding-bottom: 0;}
    .select2-dropdown{background-color: #1e2b51;}
    .select2-container--default .select2-search--dropdown .select2-search__field{background-color: #3b4668;}
    .select2-container--default .select2-results__option[data-selected=true]{background-color: #3b4668;}
    .select2-container--default .select2-results__option:nth-child(1)[data-selected=true]{background-color: #3b4668;}
    .select2-container--default .select2-results__option--highlighted[data-selected]{background-color: #3b4668;}

    .costCalculator_vehicles ul{max-width: 372px;}
    a.costCalculator_mobileToggle{display: block;}
    
    .costCalculator.standAlone .costCalculator_formSection{background-color: #1e2b51; max-width: 540px; padding-left: 30px; padding-right: 30px;}

    .costCalculator.standAlone .costCalculator_formSection:nth-child(1){padding-top: 30px;}

}

@media screen and (max-width: 767px) {
    .costCalculator h2{font-size: 40px; line-height: 40px;}
    .costCalculator{padding: 44px 0px 50px;}
}

@media screen and (max-width: 480px) {
    .costCalculator h2{font-size: 30px; line-height: 30px;}
    .costCalculator_form{padding: 26px 0px 0px;}
    .costCalculator_formSection{padding: 36px 20px 36px;}
    
    ul.costCalculator_locations label{display: none;}
    ul.costCalculator_locations .costCalculator_field{width: 100%;}
    .costCalculator_form .select2-container{height: 28px;}
    .costCalculator_form .select2-container--default .select2-selection--single{height: 28px;}
    .costCalculator_form .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{height: 28px;}
    .costCalculator_form .select2-container--default .select2-selection--single .select2-selection__placeholder{color: white; display: none;}
    .costCalculator_form .select2-container--default .select2-selection--single .select2-selection__placeholder{display: block;}
    ul.costCalculator_numbers input{height: 28px;}
    .costCalculator_vehicles{padding-top: 0;}
    ul.costCalculator_numbers input::-webkit-input-placeholder {color: #ffffff;}
    ul.costCalculator_numbers input:-moz-placeholder {color: #ffffff;}
    ul.costCalculator_numbers input::-moz-placeholder{color: #ffffff;}
    ul.costCalculator_numbers input:-ms-input-placeholder {color: #ffffff;}
    ul.costCalculator_numbers input::-ms-input-placeholder {color: #ffffff;}
    ul.costCalculator_numbers input::placeholder {color: #ffffff;}
    
    .costCalculator_chkItem{height: 54px;}
    .costCalculator_chkItem span{font-size: 14px;}
    .costCalculator_chkItem i{height: 30px;}
    .costCalculator_chkItem i.icon-truck, .costCalculator_chkItem i.icon-motorcycle{font-size: 18px;}
    .costCalculator_chkItem i.icon-car{font-size: 30px;}
    
    .costCalculator_panel{padding-top: 14px;}
    .costCalculator_submit button{font-size: 18px; line-height: 18px; width: 210px; height: 40px;}
    .costCalculator_perut{padding-top: 14px; font-size: 14px;}

    .costCalculator.standAlone .costCalculator_formSection{padding-left: 15px; padding-right: 15px;}
    .costCalculator.standAlone .costCalculator_formSection:nth-child(1){padding-top: 24px;}
}


/* obj on the left col */
.contentPage_left .costCalculator{padding: 32px 0px 40px;}
.contentPage_left .costCalculator h2{font-size: 30px; line-height: 30px;}
.contentPage_left .costCalculator_form{display: block; margin: 0; margin-top: 0px; padding-top: 12px;}
.contentPage_left .costCalculator_formSection{margin: 10px 0px 0px 0px; width: auto; padding: 0px 20px 0px;}
.contentPage_left .costCalculator_formSection:nth-child(1){border-top: 0; padding-top: 0; margin-top: 0;}
.contentPage_left .costCalculator_panel{padding-top: 12px;}
.contentPage_left .costCalculator_error{padding: 14px 0px; font-size: 16px; margin-bottom: 0;}
.contentPage_left .costCalculator_submit{padding-top: 14px;}
.contentPage_left .costCalculator_submit button{font-size: 18px; height: 40px; width: 100%; max-width: 240px;}
.contentPage_left .costCalculator_perut{padding-top: 11px;}

@media screen and (max-width: 1024px) {
    .contentPage_left .costCalculator .centeredContent{padding: 0px 15px;}
    .contentPage_left .costCalculator_form{padding: 8px 0px 0px;}
    .contentPage_left .costCalculator_formSection{margin: 16px 0px 0px 0px; width: auto; padding: 10px 0px 10px;}
    .contentPage_left .costCalculator_error{margin: 0 auto; max-width: 180px;}
    .contentPage_left .costCalculator_chkItem span{font-size: 14px;}
    .contentPage_left .costCalculator_perut{font-size: 16px;}
}

@media screen and (max-width: 767px) {
    .contentPage_left .costCalculator{padding: 44px 0px 50px;}
    .contentPage_left .costCalculator .centeredContent{padding: 0px 25px;}
    .contentPage_left .costCalculator_formSection{margin: 0px auto; padding: 36px 0px 36px;}
    .contentPage_left .costCalculator h2{font-size: 40px; line-height: 40px;}
    .contentPage_left .costCalculator_form{padding: 26px 20px 0px;}

    .contentPage_left .costCalculator_panel{padding-top: 44px;}
    .contentPage_left .costCalculator_error{font-size: 20px; padding: 20px 20px; margin-bottom: 20px; color: #ff99ad; max-width: none;}
    .contentPage_left .costCalculator_error:before{content: '\e91b'; font-family: 'icomoon' !important; vertical-align: middle; margin-left: 8px;}
    .contentPage_left .costCalculator_submit{padding-top: 0px;}
}

@media screen and (max-width: 480px) {
    .contentPage_left .costCalculator .centeredContent{padding: 0px 20px;}
    .contentPage_left .costCalculator h2{font-size: 30px; line-height: 30px;}
    .contentPage_left .costCalculator_form{padding: 26px 0px 0px;}
    .contentPage_left .costCalculator_formSection{padding: 36px 20px 36px;}
    .contentPage_left .costCalculator_panel{padding-top: 14px;}
    .contentPage_left .costCalculator_submit button{font-size: 18px; line-height: 18px; width: 210px; height: 40px;}
    .contentPage_left .costCalculator_perut{padding-top: 14px; font-size: 14px;}
}