body {

  color: #2b2d31;

 

  background-size: cover;

  font-size: 18px;

  color: #000;

}





body,

html {

  max-width: 100%;

  overflow-x: hidden;

}



*:hover,

*:focus {

  outline: none!important;

  /* text-decoration: none!important; */

  /* border: none!important;

  box-shadow: none!important; */

}



.btn:focus,

.form-control:focus {

  -webkit-box-shadow: none;

  box-shadow: none;

}

.row {

    display: -webkit-flex;

}

img {

  max-width: 100%;

}



* {

  text-decoration: none;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  margin: 0;

  padding: 0;

  word-wrap: break-word;

}



a:hover {

  color: #1477bd !important;

}



ol,

ul {

  list-style: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 0;

  padding: 0;

}



h1{

  font-weight: bold;

}



section {

  position: relative;

}





.row:before,

.row:after {

  width: 0px;

  height: 0px;

  content: "";

}

.align-items-center {

    -webkit-align-items: center;

}



.justify-content-center {

    -webkit-justify-content: center;

}



.justify-content-between {

    -webkit-justify-content: space-between;

}



@media (min-width: 768px){

.col-md-1 {

    -webkit-flex: 0 0 8.333333%;



}

.col-md-2 {

    -webkit-flex: 0 0 16.666667%;



}

.col-md-3 {

    -webkit-flex: 0 0 25%;



}

.col-md-4 {

    -webkit-flex: 0 0 33.333333%;



}

.col-md-5 {

    -webkit-flex: 0 0 41.666667%;



}

.col-md-6 {

    -webkit-flex: 0 0 50%;



}

.col-md-7 {

    -webkit-flex: 0 0 58.333333%;



}

.col-md-8 {

    -webkit-flex: 0 0 66.666667%;



}

.col-md-9 {

    -webkit-flex: 0 0 75%;



}

.col-md-10 {

    -webkit-flex: 0 0 83.333333%;



}

.col-md-11 {

    -webkit-flex: 0 0 91.666667%;



}

.col-md-12 {

    -webkit-flex: 0 0 100%;



}

}

.s-md{

    display: none;

}

.h-md{

    display: block;

}



/* sec1 */



#top{



  background: #0073AD;

  color: #fff;

      padding: 4px 0px;

      font-weight: bold;



}

#top p

{

  font-size: 16px;

}



#top p span{

  color: #F9C433;

}



#logo-box{

      -webkit-box-shadow: 0 6px 9px -5px #000;

    box-shadow: 0 6px 9px -5px #000;

        margin-bottom: 20px;

        padding: 10px 0px;

}



#logo-box .brand

{

  width: 160px;

}



.banner-text{

  background: url(../../images/frankenstein_checkout/bg-1.png) no-repeat;

  background-position: top right;

padding: 25px;

    border-radius: 4px;

    margin-top: 20px;

}

.banner-text h2{

  font-size: 32px;

  

  color: #fff;

  line-height: 32px;

  font-weight: bold;

}

.banner-text p{

  font-weight: bold;

  color: #B4D5F3;

  text-transform: uppercase;

  margin: 5px 0px 0px;

  position: relative;

  max-width: 735px;

  font-size: 13px;

  letter-spacing: 2px;

}

.banner-text p:after{

    position: absolute;

    content: "";

    width: 308px;

    height: 1px;

    background: #74C6B4;

    right: 9px;

    top: 50%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);



}

.cart-text p{

  color: #2D598B;

  font-size: 14px;

}

.cart-text p span.bold{

  color: #0073AD;

  font-weight: 900;

}

.cart-icn img{

      position: relative;

    bottom: 5px;

    margin-right: 5px;

}

.cart-text{

  margin:20px 0px 10px;

}

.wraper-left h2{



  font-size: 21px;

  

  color: #000;

  font-weight: 700;

  border-bottom: 2px solid #74C6B4;

  padding-bottom: 10px;



}

.hd-num{

  color: #74C6B4;

  margin-right: 10px;

}



.form-control{

  background-color: #F7F8F8 !important;

  border-color: #CFCFCF !important;

  height: 42px !important;

    padding: 0 .75rem !important;

    color: #495057cc!important;

}

/* .form-group select{

  padding:0 6px!important;

} */

/* .pi-price-orig span{

  color: #C33149 !important

}

.pi-price-orig span:hover{

  text-decoration: line-through !important; 

} */

.pi-price-each span{

  font-size: 23px;

  color: #000;

  font-weight: 700;

}

.t-sv span{

  color: #666;

  font-size: 14px;

}

.sv-txt{

  background: url(../../images/checkout-now-v2/bst-slr.png) no-repeat;

  position: absolute;

    bottom: 35px;

    width: 120px;

    right: 50px;

}

.sv-txt p{

  color: #fff;

    padding: 5px 0px 5px 15px;

    font-size: 14px;

    font-weight: 700;

    margin-bottom: 0px;

}

.b-sl p{

  text-align: center;

  color: #fff;

  font-size: 14px;

    font-weight: 700;

    margin-bottom: 0px;

}

.b-sl{

  background:#F9C433;

  padding: 3px;

      width: 70px;

    border-radius: 5px;

    position: absolute;

        right: -35px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}

.package-variant-wrapper{

  padding-right: 40px;

}





.sd-chk {

  display: block;

  position: relative;

  padding-left: 35px;

  margin-bottom: 12px;

  cursor: pointer;

  font-size: 24px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  font-weight: 700;

}





.sd-chk input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;

}





.checkmark {

  position: absolute;

  top: 4px;

  left: 0;

  height: 25px;

  width: 25px;

  background-color: transparent;

  border-radius: 4px;

  border:2px solid #000;

}





.sd-chk:hover input ~ .checkmark {

  background-color: transparent;

}





.sd-chk input:checked ~ .checkmark {

  background-color: #000;

}





.checkmark:after {

  content: "";

  position: absolute;

  display: none;

}





.sd-chk input:checked ~ .checkmark:after {

  display: block;

}





.sd-chk .checkmark:after {

 

      left: 7px;

    top: 2px;

    width: 7px;

    height: 13px;

  border: solid white;

  border-width: 0 3px 3px 0;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}

.add-box{

  border:2px dashed #FEC41E;

  background: #fdf0cc; 

  padding:15px;

}

.add-one h4{

  font-size: 18px;

  

  font-weight: 700;

  /* margin: 30px 0px 10px; */

  margin: 0 0px 10px;

}



p span.ylw{

  color: #FC0808;

  font-weight: bold;

}

p span.bold{

  font-weight: 700

}

.add-box p{

  font-size: 16px;

  margin-bottom: 0px;

}

.odr-smry{

  background-color: #b4d5f3;

  padding:10px;

  border-radius: 10px;

  margin-bottom: 18px;

}

.para .bold{

  font-weight: bold;

}

.para.d-flex{

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  padding:4px 12px;

  border-radius: 10px;

  margin-bottom: 5px;

}

.para.d-flex p{

  margin-bottom: 0px;

  font-size: 18px;

}
.shipping-txt p
{
    margin: 0;
    font-size: 14px!important;
}
.order-summary-item p
{
    margin: 0;
    font-size: 14px!important;
}
.para.g-total{

  

  border-radius: 0px;

}

.para.g-total p{

  font-size: 20px;
      color: #363636;

}
.amount.gtotal
{
    font-size: 20px;
        color: #363636;
}

.para.d-flex.bg-white{

  margin-bottom: 6px;

  font-size: 14px;

  line-height: 27px;

  height: 35px;

}

#qsb{

  background: #B4D5F3;

  padding:10px 0px;

  margin-top: 50px;



}

#qsb p{

  color: #000;

  font-size: 16px;

}

#qsb p a{

  color: #000;

  text-decoration: underline;

}

.seal-container{

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-align-items: center;

}

.verified-seal h3{

  font-weight: 700;

  font-size: 14px;

  position: relative;

  margin-bottom: 15px;

}

.verified-seal{

  padding: 0px 0px 20px;

}

.verified-seal h3 span{

  color: #0073AD;



}

.verified-seal h3:after {

    position: absolute;

    content: "";

    width: 85px;

    height: 2px;

    background: #ddd;

    right: 0px;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

}

.verified-seal h3:before {

    position: absolute;

    content: "";

    width: 85px;

    height: 2px;

    background: #ddd;

    left: 0px;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

}

.crd-top{

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-justify-content: space-between;

  margin: 20px 0px 15px;

}

.crd-top p{

  font-weight: 700;

}

.input-group-text {

    background-color: #f7f8f8;

    border-left: 1px solid #f7f8f8;

    border-radius: .25rem !important;

    padding: 0 .75rem!important;

}

.form-control.br-0{

  border-right: 0px;

}















.w_fomo_wrapper{

  border-radius: 4px !important;

}

.w_fomo_wrapper .w_desc strong {

    color: #fff !important;

}

.w_fomo_wrapper{

  background:#232323 !important;

}

.w_desc p {

    color: #fff !important;

}

.w_fomo_wrapper .w_thumb {

    width: 111px;

    background:#232323 !important;

    text-align: center;

}





.w_fomo_wrapper .d-blu{

  color: #0073AD !important;

}

.w_fomo_wrapper .w_thumb{

  width: auto !important;

}

.order-summary.d-block{

  display: none !important;

}

.input-group-append {

    margin-left: -4px !important;

}

.ad-tp{

  font-size: 16px;

  font-weight: 400;

  color: #c8c8c8

}

.odr-smry .para:nth-child(2) span.each-label{

  display: none;

}

@media screen and (min-width:992px) and (max-width: 1199px) {

  .banner-text p:after{

  display: none;

}

.sv-txt {

    position: relative;

    bottom: 5px;

    width: 120px;

    right: auto;

    left: calc(100% - 120px);

}

.verified-seal h3:after ,.verified-seal h3:before{

    width: 55px;

}



}

@media screen and (min-width:768px) and (max-width: 992px) {

.banner-text {

       background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(25 84 107 / 80%)), to(rgb(25 109 142 / 80%))), url(../../images/frankenstein_checkout/bg-1.png), -webkit-gradient(linear, left top, left bottom, from(rgb(236, 249, 254)), to(rgb(21 61 76))) !important;

       background-image: linear-gradient(rgb(25 84 107 / 80%), rgb(25 109 142 / 80%)), url(../../images/frankenstein_checkout/bg-1.png), linear-gradient(rgb(236, 249, 254), rgb(21 61 76)) !important;

    background-position: center;

    padding: 25px;

    border-radius: 4px;

    margin-top: 30px;

}

.banner-text p:after{

  display: none;

}

.b-sl p {

    text-align: center;

    color: #fff;

    font-size: 10px;

    font-weight: 700;

    margin-bottom: 0px;

}

.sv-txt p {

    color: #fff;

    padding: 5px 0px 5px 15px;

    font-size: 12px;

}

.sv-txt {

      bottom: 5px;

    width: 100px;

    right: 5px;

    background-size: 100%;

}

body .package-wrapper .package-container .package-content .package-image {

    max-width: 80px;

    -ms-flex-item-align: center;

    align-self: center;

    margin-right: 20px;

    min-width: 40px;

    margin-left: 50px !important;

}

.b-sl {

    background: #F9C433;

    padding: 3px;

    width: 50px;

    border-radius: 5px;

    position: absolute;

    right: -25px;

    top: 34%;

    -webkit-transform: translateY(-60%);

    transform: translateY(-60%);

}

.pi-price-each span {

    /* font-size: 14px; */

    color: #000;

    font-weight: 500;

}

.crd-top img{

  max-width: 140px;

}

form .form-wrapper .step-title, .crd-top p, body .package-wrapper .step-title {

    font-size: 15px;

}

.verified-seal h3:after ,.verified-seal h3:before{

    width: 12px;

}

}

@media screen and (max-width:768px){

/*

.b-sl{

    display: none;

  }

*/

    

#logo-box{

  text-align: center;

}

.brand{

  margin-bottom: 15px;

}

.banner-text h2 {

    font-size: 28px;

}

.banner-text p:after{

  display: none;

}

.cart-text p {

    color: #2D598B;

    font-size: 9px;

}

.package-variant-wrapper {

    padding-right: 0px;

}

body .package-wrapper .package-container .package-content .package-image {

    max-width: 80px;

    -ms-flex-item-align: center;

    align-self: center;

    margin-right: 20px;

    min-width: 40px;

    margin-left: 50px !important;

}

.sv-txt {

    bottom: 5px;

    width: 90px;

    right: 5px;

    background-size: 100%;height: 32px;

}

.sv-txt p {

    color: #fff;

    padding: 4px 0px 4px 13px;

    font-size: 11px;

}



.order-summary{

  display: none !important;

}

.para.g-total p {

    font-size: 20px;

}

.verified-seal h3:before, .verified-seal h3:after {

    width: 7%;

}

/* .pi-price-each span {

    font-size: 13px;

} */

.banner-text {

       background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(25 84 107 / 80%)), to(rgb(25 109 142 / 80%))), url(../../images/frankenstein_checkout/bg-1.png), -webkit-gradient(linear, left top, left bottom, from(rgb(236, 249, 254)), to(rgb(21 61 76))) !important;

       background-image: linear-gradient(rgb(25 84 107 / 80%), rgb(25 109 142 / 80%)), url(../../images/frankenstein_checkout/bg-1.png), linear-gradient(rgb(236, 249, 254), rgb(21 61 76)) !important;

    background-position: center;

    padding: 25px;

    border-radius: 4px;

    margin-top: 30px;

}

body .package-wrapper .package-container .package-content {

    padding-bottom: 20px !important;

}

.b-sl {

    background: #F9C433;

    padding: 3px;

    width: 40px;

    border-radius: 5px;

    position: absolute;

    right: -15px;

    top: 36%;

    -webkit-transform: translateY(-60%);

    transform: translateY(-60%);

}

.b-sl p {

    text-align: center;

    color: #fff;

    font-size: 10px;

    font-weight: 700;

    margin-bottom: 0px;

}

}

@media screen and (max-width:380px){

  

  .sv-txt p {

    color: #fff;

    padding: 4px 6px 4px 8px;

    font-size: 10px;

}

.cvv-box .cvv-img-wrapper {

    width: 290px;

    padding: 0px 0 0 9px;

    background: #fff;

    border-radius: 10px;

    border: none;

    -webkit-box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 25%);

    box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 25%);

    position: absolute;

    bottom: 60px;

    right: 0;

}

}



@media screen and (max-width:370px){

body .package-wrapper .package-container .package-content .package-image{

  max-width: 50px;

}



/* body .package-wrapper .package-container .package-content .package-info .pi-price-total {

    font-size: 11px;} */

}





@media(max-width:380px) and (min-width:270px)

{

  .sv-txt {

    bottom: 0;

    width: 81px;

    right: 5px;

    background-size: 100%;

    height: 32px;

}

body .package-wrapper .package-container .package-content .package-info .pi-price-total {

  font-size: 12px;

  margin-bottom: 16px;

  }

}



.che-prt{

  height: 40px;

}





@media(max-width:319px) and (min-width:270px)

{

  body .package-wrapper .package-container .package-content .package-image {

    max-width: 80px;

    -ms-flex-item-align: center;

    align-self: center;

    margin-right: 0;

    min-width: 40px;

    margin-left: 50px !important;

}

}



@media(max-width:991px)
{

.b-sl{
  width: 80px;
  border-radius: 5px;  
 right: inherit;
    left: 8px;
    top: inherit;
    bottom: -9px;
  -webkit-transform: none;
  transform: none;    
}
.b-sl br{
    display: none;
}
}



@media(max-width:991.98px) and (min-width:768px)

{

  .para.d-flex.bg-white{

    font-size: 13px;

  }

  .form-control{

    font-size: 13px!important;

  }

  input[type=text]

  {

    font-size: 13px!important;

  }

}