/*  =================================================
    Measurement Profile
    ================================================= */
    .msmnt-banner {background-color: #e7f0ff;}
    .msmnt-banner, .bubble-slider-thumb,.measurement-body .slick-prev,.measurement-body .slick-next,.measurement-body .slick-next::before,.measurement-body.slick-prev::before {background-color: #3d6cf8 !important; color: #ffffff !important;}
    .measurement-form label:hover { boder-color: #333333 !important;}
    
    .msmnt-banner {padding: 3em 0 2.5em 0;}
    .measurement-body{
        margin-top: -3rem;
        padding-left: 0px;
    }
    .measurement-body li{display: block}
    .measurement-main{border: solid 1px #afc6ef; border-radius: 3px;}
    .measurement-main .measurement-head{background: #e7f0ff; padding: 0.8rem 1rem 0.8rem 1.6rem; font-weight: bold;}
    .measurement-main .measurement-head .number{background: #ffd16f; width: 25px; height: 25px; line-height:25px; text-align: center; border-radius: 50px !important; position: absolute; left: -13px !important; border-radius: 3px 3px 0 0;}
    .measurement-form .plan input, .form .payment-plan input, .form .payment-type input{
            display: none;
    }
    .measurement-form label{
        position: relative;
        display: block;
        cursor: pointer;
        border: 1px solid #ced4da;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 4px;
        padding: 1.2rem 1.6rem;
    }
    .measurement-form .plan input:checked + label, .form .payment-plan input:checked + label, .form .payment-type input:checked + label{
        border: 1px solid #1a73e9;
        background-color: #e7f0ff;
    }
    .measurement-form .plan input:checked + label:after, form .payment-plan input:checked + label:after, .form .payment-type input:checked + label:after{
        content: "\2713";
        width: 25px;
        height: 25px;
        line-height: 24px;
        border-radius: 100%;
        background-color: #ffffff;
        z-index: 999;
        position: absolute;
        top: 5px;
        right: 5px;
        color: #1a73e9;
        text-align: center;
        font-weight: 600;
    }
    .slider-input { min-width: 100px;}
    .slider-input input {max-width: 50px; height:auto; padding: 5px;}
    .selectsize-title { font-weight: bold;}

/* The radio-section */
.radio-section {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio-section input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #FFF;
  border: solid 2px #5c5c5c;
  border-radius: 50%;
}
/* On mouse-over, add a grey background color */
.radio-section:hover input ~ .checkmark {
  background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
.radio-section input:checked ~ .checkmark {
  background-color: #FFF;
	border: solid 3px #3c6dfa
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-section input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-section .checkmark:after {
	top: 3px;
    left: 3px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #3c6dfa;
}
.bubble-slider {
    display: block;
    width: 100%;
    margin: 20px auto;
    padding: 20px;
    font-size: 16px
}
.bubble-slider-wrap {
    position: relative;
    margin: 0 auto;
    display: block;
    width: 100%;
    height: 55px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.bubble-slider-wrap::after,
.bubble-slider-wrap::before {
    content: '';
    display: table
}
.bubble-slider-wrap::after {
    clear: both
}
.bubble-slider-track {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 40px;
    right: 40px;
    height: 2px;
    background: #e5e5e5
}
.bubble-slider-thumb {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    cursor: ew-resize
}
.bubble-slider-thumb span:first-child {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #eee;
    font-size: 16px
}
.bubble-slider-bubble,
.bubble-slider-minus span {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}
.bubble-slider-bubble {
    position: absolute;
    top: -70%;
    transform: translate(-50%, -50%);
    padding: 15% 25%;
    color: #000000;
    background: #ffd16f;
    border-radius: 7px
}
.bubble-slider-bubble span {
    position: relative
}
.bubble-slider-bubble-arrow {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0) rotate(45deg);
    -ms-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    bottom: -10%;
    width: 10px;
    height: 10px;
    background: #ffd16f;
}
.bubble-slider-minus,
.bubble-slider-plus {
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 30px;
    height: 30px;
    color: #595959;
    font-size: 18px;
    border: 2px solid #e5e5e5;
    border-radius: 50%;
    cursor: pointer
}
.bubble-slider-minus {
    float: left
}
.bubble-slider-plus {
    float: right
}
.bubble-slider-minus span {
    position: absolute;
    top: 45%;
    transform: translate(-50%, -50%)
}
.bubble-slider-plus span {
    position: absolute;
    left: 51%;
    top: 51%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.slick-slide {margin: 0px 5px !important;}
.slick-prev, .slick-next {width: 30px !important;height: 30px !important;border-radius: 50%;}
.slick-prev { left:2px !important; }
.slick-next { right:2px !important; }