/*----------------
RESET CSS
-----------------*/
body {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0;
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    color: #333333;
}

div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {
    margin: 0;
    padding: 0;
}

table, tr, td {
    border: 0;
}

a {
    outline: none;
    color: #333;
    text-decoration: none;
}

a:hover {
    outline: none;
    color: #000;
    text-decoration: none;
}

img {
    border: none;
}

li {
    list-style: none;
}

header, section, footer, aside, nav, main, article, figure {
    display: block;
}

.clearall {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
}

/*-------------------
END RESET
---------------------*/
.clogo {
    padding: 23px 0;
}

.top-banner {
    float: left;
    width: 100%;
    background: url(../images/top-banner.html) #000 no-repeat center top;
    height: 320px;
}

.container {
    /*margin:0 auto;
    position:relative;
    display:table;
    width:1170px;*/
}

.chk-logo {
    float: left;
    margin: 17px 0 0 0;
}

.icon-ranked {
    float: right;
}

.bnr-txt {
    position: absolute;
    color: #ffffff;
    font-size: 24px;
    font-family: 'geomanistmedium';
    text-align: center;
    line-height: 24px;
    top: 215px;
}

.b-txt1 {
    left: 540px;
}

.b-txt2 {
    left: 669px;
}

.b-txt3 {
    left: 848px;
}

.banner-btm {
    float: left;
    width: 100%;
    height: 19px;
    background: url(../images/banner-btm.html) repeat-x left center;
}

.top-cent-text {
    width: 100%;
    text-align: center;
    margin: 20px 0;
    color: #000000;
    font-size: 20px;
}

.top-cent-text b {
    font-weight: 700;
    text-transform: uppercase;
}

.c-pric {
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    display: inline-block;
}

.c-pric img {
    position: absolute;
    left: -5px;
    top: 3px;
}

.left-box, .right-box {
    float: left;
    width: 552px;
    margin-top: 10px;
}

.right-box {
    float: right;
}

.form-box {
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #e0dfdf;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.frm-heading {
    float: left;
    width: 100%;
    background: #f7f7f7;
    padding-bottom: 10px;
}

.off-icon {
    float: left;
    margin: 20px 0 0 25px;
}

.g-txt {
    float: left;
    color: #3e3e3e;
    font-size: 34px;
    line-height: 32px;
    margin-top: 20px;
    margin-left: 5px;
    font-weight: 700;
    letter-spacing: -1px;
}

.off-txt {
    float: left;
    color: #e20000;
    font-size: 64px;
    line-height: 62px;
    font-weight: 700;
    letter-spacing: -1px;
    margin-top: 5px;
    margin-left: 3px;
}

.off-txt sup {
    font-size: 26px;
}

.grn-txt {
    float: left;
    color: #74a80f;
    margin-top: 20px;
    margin-left: 5px;
    font-size: 34px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -1px;
}

.grn-txt span {
    float: left;
    font-size: 28px;
    margin-left: 1px;
}

.step-heading {
    float: left;
    width: 100%;
    color: #545454;
    line-height: 50px;
    font-size: 24px;
    margin-top: 15px;
}

.step-heading span {
    color: #000;
    font-weight: 700;
}

.step-heading img {
    float: left;
    margin: 0 10px 0 28px;
}

.best-offer {
    float: left;
    width: 100%;
    background: #fef036;
    border-top: 1px solid #070707;
    border-bottom: 1px solid #070707;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 20px;
}

.pack-details {
    float: left;
    width: 100%;
    padding: 12px 10px;
    border-bottom: 1px solid #e2e2e2;
}

.best-offer label, .pack-details label {
    cursor: pointer;
    font-weight: normal;
}

.radio-btn, .radio-btn-common {
    float: left;
    zoom: 140%;
    margin-left: 20px;
    margin-top: 5px;
}

.radio-btn-common {
    margin-top: 0;
}

.pack-type {
    float: left;
    margin-left: 12px;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    width: 75%;
    margin-top: 1px;
}

.pack-type span {
    color: #e20000;
    font-size: 17px;
}

.pack-type strong {
    font-weight: 700;
}

.price-bx {
    float: right;
    width: 15%;
    color: #000;
    font-size: 15px;
}

.ful-inp-box, .half-inp-box {
    float: left;
    width: 100%;
    border: 1px solid #c5c2bd;
    margin: 10px 0;
    background: #fff;
    height: 42px;
    position: relative;
}

.half-inp-box {
    width: 47.6%;
}

input[type="text"], input[type="search"], input[type="text"], input[type="number"], input[type="password"], input[type="tel"], input[type="email"], textarea, select {
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    outline: none;
    height: 100%;
    width: 100%;
    margin-left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.ful-inp-box select, .half-inp-box select {

    background: url(../images/select.html) no-repeat 96% center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}

::-webkit-input-placeholder {
    color: #000000;
    font-size: 16px;
}

:-moz-placeholder {
    color: #000000;
    font-size: 16px;
}

::-moz-placeholder {
    color: #000000;
    font-size: 16px;
}

:-ms-input-placeholder {
    color: #000000;
    font-size: 16px;
}

.icon-box {
    float: left;
    width: 43px;
    background: #FFC822;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.icon-box img {
    margin-top: 12px;
}

.shipping-box {
    float: left;
    width: 100%;
    background: #eaeaea;
    margin: 35px 0;
    padding: 5px;
    box-sizing: border-box;
}

.shipping-box img {
    float: left;
}

.shipping-box p {
    float: left;
    color: #000000;
    font-size: 15px;
    margin-top: 8px;
    margin-left: 5px;
}

.shipping-box p span {
    color: #74a80f;
    font-weight: 700;
    display: inline-block;
}

.vr-box {
    float: left;
    margin: 5px 0 0 10px;
}

.item-details {
    float: left;
    color: #000000;
    font-size: 24px;
    line-height: 28px;
    margin-top: 25px;
}

.item-details span {
    color: #74a80f;
    font-weight: 700;
}

.togglediv {
    float: left;
    width: 100%;
    color: #000000;
    font-size: 18px;
    font-weight: 300;
    margin: 20px 10px 0;
}

.togglediv input {
    zoom: 180%;
    margin: 1px 2px 10px 20px;
}

.cardsdiv {
    color: #3e3e3e;
    font-size: 16px;
    margin: 5px 0 15px 35px;
}

.cardsdiv img {
    vertical-align: middle;
}

.cvv {
    float: left;
    color: #000000;
    font-size: 15px;
    margin: 22px 0 0 23px;
    text-decoration: underline;
}

.cp-btn {
    float: left;
    margin: 20px 0 10px;
    width: 100%;
}

.arw-img {
    position: absolute;
    left: -74px;
    top: 50px;
}

.footer {
    float: left;
    width: 100%;
    border-top: 4px solid #eaeaea;
    margin-top: 30px;
    padding: 20px 0;
}

.frt-txt {
    font-size: 16px;
    line-height: 24px;
    color: #2c2c2c;
    text-align: center;
    margin: 0 auto;
    padding: 0 0 0 0;
}

.frt-txt a, .frt-txt a:hover {
    text-decoration: none;
    color: #2c2c2c;
}

.sprite {
    background-image: url(../images/spritesheet.html);
    background-repeat: no-repeat;
    display: block;
}

.sprite-icon-ranked {
    width: 184px;
    height: 162px;
    background-position: -5px -2098px;
}

.sprite-chk-logo {
    width: 718px;
    height: 62px;
    background-position: -5px -134px;
}

.sprite-prod {
    width: 231px;
    height: 145px;
    background-position: -5px -2613px;
}

.sprite-off-icon {
    width: 95px;
    height: 73px;
    background-position: -5px -2438px;
}

.sprite-rw {
    width: 68px;
    height: 160px;
    background-position: -5px -2798px;
}

.sprite-truck-icon {
    width: 50px;
    height: 50px;
    background-position: -5px -4598px;
}

.sprite-confirm-icon {
    width: 50px;
    height: 50px;
    background-position: -5px -206px;
}

.sprite-pro-icon {
    width: 50px;
    height: 50px;
    background-position: -5px -2553px;
}

.sprite-black-tick {
    width: 20px;
    height: 17px;
    background-position: -5px -5px;
}

.sprite-calender {
    width: 22px;
    height: 22px;
    background-position: -5px -32px;
}

.sprite-cards {
    width: 174px;
    height: 28px;
    background-position: -5px -60px;
}

.sprite-cctype {
    width: 22px;
    height: 22px;
    background-position: -5px -102px;
}

.sprite-chk-logo {
    width: 718px;
    height: 62px;
    background-position: -5px -134px;
}

.sprite-confirm-icon {
    width: 50px;
    height: 50px;
    background-position: -5px -206px;
}

.sprite-deliver {
    width: 51px;
    height: 31px;
    background-position: -5px -266px;
}

.sprite-email {
    width: 22px;
    height: 22px;
    background-position: -5px -307px;
}

.sprite-footer-logos {
    width: 561px;
    height: 75px;
    background-position: -5px -339px;
}

.sprite-full-name {
    width: 22px;
    height: 22px;
    background-position: -5px -424px;
}

.sprite-garen {
    width: 70px;
    height: 70px;
    background-position: -5px -456px;
}

.sprite-green-tick {
    width: 35px;
    height: 35px;
    background-position: -5px -536px;
}

.sprite-green-tick2 {
    width: 22px;
    height: 17px;
    background-position: -5px -581px;
}

.sprite-grey-lock1 {
    width: 50px;
    height: 63px;
    background-position: -5px -608px;
}

.sprite-grp1 {
    width: 341px;
    height: 226px;
    background-position: -5px -681px;
}

.sprite-grp2 {
    width: 341px;
    height: 227px;
    background-position: -5px -917px;
}

.sprite-grp3 {
    width: 341px;
    height: 225px;
    background-position: -5px -1154px;
}

.sprite-grp4 {
    width: 341px;
    height: 226px;
    background-position: -5px -1389px;
}

.sprite-grp5 {
    width: 341px;
    height: 228px;
    background-position: -5px -1625px;
}

.sprite-grp6 {
    width: 341px;
    height: 225px;
    background-position: -5px -1863px;
}

.sprite-icon-ranked {
    width: 184px;
    height: 162px;
    background-position: -5px -2098px;
}

.sprite-logo {
    width: 253px;
    height: 30px;
    background-position: -5px -2270px;
}

.sprite-logos {
    width: 513px;
    height: 118px;
    background-position: -5px -2310px;
}

.sprite-off-icon {
    width: 95px;
    height: 73px;
    background-position: -5px -2438px;
}

.sprite-phone {
    width: 22px;
    height: 22px;
    background-position: -5px -2521px;
}

.sprite-pro-icon {
    width: 50px;
    height: 50px;
    background-position: -5px -2553px;
}

.sprite-prod {
    width: 231px;
    height: 145px;
    background-position: -5px -2613px;
}

.sprite-red-tick {
    width: 25px;
    height: 20px;
    background-position: -5px -2768px;
}

.sprite-rw {
    width: 68px;
    height: 160px;
    background-position: -5px -2798px;
}

.sprite-s1-line {
    width: 444px;
    height: 8px;
    background-position: -5px -2968px;
}

.sprite-s6-img {
    width: 490px;
    height: 161px;
    background-position: -5px -2986px;
}

.sprite-s9-photo1 {
    width: 105px;
    height: 105px;
    background-position: -5px -3157px;
}

.sprite-s9-photo2 {
    width: 105px;
    height: 105px;
    background-position: -5px -3272px;
}

.sprite-s9-photo3 {
    width: 105px;
    height: 105px;
    background-position: -5px -3387px;
}

.sprite-sec10-logo {
    width: 308px;
    height: 45px;
    background-position: -5px -3502px;
}

.sprite-sec2-img1 {
    width: 253px;
    height: 253px;
    background-position: -5px -3557px;
}

.sprite-sec2-img2 {
    width: 349px;
    height: 253px;
    background-position: -5px -3820px;
}

.sprite-sec2-img3 {
    width: 270px;
    height: 273px;
    background-position: -5px -4083px;
}

.sprite-secure-icon {
    width: 254px;
    height: 66px;
    background-position: -5px -4366px;
}

.sprite-stack-icon {
    width: 50px;
    height: 50px;
    background-position: -5px -4442px;
}

.sprite-star1 {
    width: 67px;
    height: 22px;
    background-position: -5px -4502px;
}

.sprite-star2 {
    width: 81px;
    height: 22px;
    background-position: -5px -4534px;
}

.sprite-star3 {
    width: 74px;
    height: 22px;
    background-position: -5px -4566px;
}

.sprite-truck-icon {
    width: 50px;
    height: 50px;
    background-position: -5px -4598px;
}

.sprite-up1-prod1 {
    width: 332px;
    height: 341px;
    background-position: -5px -4658px;
}

.sprite-up1-prod2 {
    width: 332px;
    height: 341px;
    background-position: -5px -5009px;
}

.sprite-up1-prod3 {
    width: 332px;
    height: 341px;
    background-position: -5px -5360px;
}

.sprite-usps {
    width: 160px;
    height: 39px;
    background-position: -5px -5711px;
}

.step-heading .sprite-stack-icon {
    display: inline-block;
}

.sprite-stack-icon, .sprite-truck-icon, .sprite-confirm-icon, .sprite-pro-icon {
    float: left;
    margin-right: 10px;
    margin-left: 20px;
}

.step-heading .sprite-truck-icon {
    display: inline-block;
}

.step-heading .sprite-confirm-icon {
    display: inline-block;
}

.step-heading .sprite-pro-icon {
    display: inline-block;
}

.cardsdiv i {
    display: inline-block;
}

.cardsdiv span {
    margin-top: 10px;
    vertical-align: middle;
}

.wrapper_div {
    padding: 0 20px;
    float: left;
    width: 100%;
}

.top {
    position: relative;
}

.smbl {
    position: absolute;
    right: 0;
}

.top_margin {
    margin-top: 30px;
}

.left_margin {
    margin-left: 23px;
}

.top_10_margin {
    margin-top: 10px;
}

.p-left {
    float: left;
    padding-top: 18px;
    padding-right: 10px;
}

.no-que {
    font-size: 16px;
    padding: 10px 10px;
    width: 80%;
    float: left;
    text-align: left;
}

.newcontent {
    float: left;
    width: 100%;
    padding: 20px 0;
}

.wrap1 {
    width: 100%;
    float: left;
}

.wrap2 {
    width: 100%;
    float: left;
}

.f-20 {
    font-size: 20px;
}

.main-w {
    float: left;
    width: 552px;
}

.main-r {
    float: right;
    width: 552px;
}

.font-20 {
    font-size: 20px;
}

.smbl img {
}

.ful-inp-box input:focus, .half-inp-box input:focus, .ful-inp-box select:focus, .half-inp-box select:focus {
    border: 0;
    box-shadow: none;
}

.banner span img {
    display: none;
}

.app-benchmark {
    display: none;
}

.pack-details.selected {
    background: #eee;
}

.form-box label {
    margin-bottom: 0;
}

/*=============================================
				Responsive
==============================================*/
@media (max-width: 1199px) {
    .half-inp-box {
        width: 47%;
    }

    .pack-type {
        width: 68%;
    }

    .vr-box {
        width: 30%;
    }

    .grn-txt {
        margin-top: 0;
    }
}

@media (max-width: 991px) {
    .form-box {
        border: none;
    }

    .no-que {
        font-size: 13px;
        width: 75%;
    }

    .grn-txt {
        margin-top: 10px;
    }

    .step-heading {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .icon-box img {
        margin: 7px;
    }

    .ful-inp-box input, .half-inp-box input { /* width: 78%; */
    }

    .wrapper_div {
        padding: 0 10px;
    }

    .sprite-stack-icon, .sprite-truck-icon, .sprite-confirm-icon, .sprite-pro-icon {
        margin-left: 6px;
        margin-right: 6px;
    }

    .off-icon {
        margin: 3px 0 0 2px;
    }

    .g-txt, .grn-txt span {
        float: left;
        font-size: 30px;
    }

    .off-txt {
        float: left;
        font-size: 72px;
        line-height: 54px;
    }

    .top-cent-text {
        font-size: 14px;
    }

    .pack-type {
        display: inline-block;
    }

    .radio-btn, .radio-btn-common {
        float: left;
        margin-right: 5px;
    }

    .margin_div {
        margin-left: 25px;
    }

    .ful-inp-box input, .half-inp-box input { /* width: 77%; */
    }

    .togglediv {
        font-size: 14px;
    }

    .banner span img {
        display: block;
    }

    .banner img {
        display: none;
    }

    .wrap1 {
        margin-bottom: 15px;
    }

    .grn-txt {
        font-size: 40px;
        line-height: 40px;
        margin-left: 5px;
        margin-top: 3px;
    }

    .frt-txt {
        font-size: 13px;
    }

    .margin_15 {
        margin: 0 -15px;
    }

    .frm_heading {
        padding: 0 15px;
    }

    .step-heading {
        margin: 10px 0;
    }
}

@media (max-width: 600px) {
    .text_part {
        text-align: center;
    }

    .ful-inp-box input, .half-inp-box input, .ful-inp-box select, .half-inp-box select { /* width: 85%; */
    }

    .half-inp-box {
        width: 100%;
    }

    .left_margin {
        margin-left: 0;
    }

    .price-bx {
        font-weight: 700;
    }

    .g-txt, .grn-txt span {
        font-size: 23px;
    }

    .off-txt {
        font-size: 40px;
        line-height: 45px;
    }

    .grn-txt {
        font-size: 23px;
        line-height: 30px;
        text-align: left;
    }

    .shipping-box img {
        margin: 0 auto;
        float: none;
    }

    .shipping-box {
        text-align: center;
    }

    .shipping-box p {
        float: none;
    }

    .g-txt {
        margin-top: 10px;
    }
}

@media (max-width: 479px) {
    .ful-inp-box input, .half-inp-box input, .ful-inp-box select, .half-inp-box select { /* width: 75%; */
    }

    .no-que {
        width: 69%;
    }

    .sprite-off-icon {
        background-position: -5px -1514px;
        background-size: 453px auto;
        height: 46px;
        width: 56px;
    }

    .off-txt {
        font-size: 34px;
    }

    .off-txt sup {
        font-size: 22px;
    }

    .grn-txt {
        font-size: 18px;
        line-height: 22px;
    }

    .g-txt, .grn-txt span {
        font-size: 18px;
    }

    .item-details {
        font-size: 17px;
        line-height: 25px;
        margin-top: 13px;
    }

    .pack-type {
        font-size: 12px;
    }

    .price-bx {
        font-size: 12px;
        width: 19%;
    }

    .wrapper_div {
        padding: 0 5px;
    }

}

@media (max-width: 420px) {
    .smbl img {
        width: 90%;
        float: right;
    }

    .pack-type {
        width: 61%;
    }

    .frt-txt {
        font-size: 13px;
    }

    .step-heading {
        font-size: 15px;
    }
}

@media (max-width: 360px) {
    .off-txt {
        font-size: 23px;
    }

    .off-txt sup {
        font-size: 18px;
    }

    .grn-txt {
        font-size: 16px;
        line-height: 22px;
    }

    .g-txt, .grn-txt span {
        font-size: 17px;
    }

    .sprite-off-icon {
        background-position: -5px -1378px;
        background-size: 413px auto;
        height: 46px;
        width: 49px;
    }

    .pack-type {
        margin-left: 7px;
    }

    .frt-txt {
        font-size: 12px;
    }
}


.form-group.terms {
    display: flex;
    padding-left: 15px;
}
.form-group.terms label {
    display: inline-block;
    font-weight: normal !important;
    margin: 2px 0px 0px 12px;
    font-size: 11px !important;
}

.flex .info_section1:nth-child(2) {
    min-height: 820px !important;
}








.custom-checkbox-holder{padding: 0 15px;}
.custom-checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 20px;
}

.custom-checkbox span {
  display: block;
  margin-left: 20px;
  padding-left: 7px;
  line-height: 20px;
  text-align: left;
  font-size: 11px;
  font-weight: normal;
}

.custom-checkbox span::before {
  content: "";
  display: block;
  position: absolute;
  width:15px;
  height: 15px;
  top:5px;
  left: 0;
  background: #fff;
  border: 1px solid #5a5353;
  @include vendorize(box-shadow, inset 2px 2px 0px 0px rgba(0, 0, 0, 0.1));
}

.custom-checkbox span::after {
  display: block;
  position: absolute;
  width: 15px;
  height:15px;
  top: 5px;
  left: 0;
  font-size: 15px;
  color: #0087b7;
  line-height:15px;
  text-align: center;
}

.custom-checkbox input[type="checkbox"] {
  opacity: 0;
  z-index: -1;
  position: absolute;
}

.custom-checkbox input[type="checkbox"]:checked + span::after {
  content: "\2713";
  background:#fff;
  color:#000;
  border: 1px solid #5a5353;
}