.selected-dial-code {
     _border-right: 1px solid #ccc;
     border-right: 1px solid #f1f1f1;
}
 .country_hide {
     display: none;
}
 .sub_msg .thanks_popup_error_message {
     color: red;
}
 .pay_now {
     width: 100%;
     font-family: Arial, Helvetica, sans-serif;
     color: #fff;
     font-size: 19px;
     font-weight: bold;
     text-transform: uppercase;
     background: #fc8816;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4f0fd', endColorstr='#0993bd', GradientType=0);
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -o-border-radius: 5px;
     border: #fc8816;
     height: 45px;
}
 .product-price{
     float:right;
     font-size: 20px;
     margin-top: -3px;
}
 .addonservicetext {
     font-weight: 400 !important;
     width: calc(100% - 37px);
     display: inline-block;
     line-height: 1.4;
}
 .addonservicediv .addonservicetext{
     width: initial;
}
 .addonserviceblock strong{
     display: inline-block;
     width: 100%;
}
 .product-col .css-checkbox{
     width: fit-content;
     height: unset;
     position: relative;
     margin-bottom: 0;
     float: left;
     margin-top: 5px;
     margin-right: 6px;
}
 .wraperOrderDetails .product-col .css-checkbox{
     width: 16px;
     max-height: 16px;
}
 .discount_value{
     padding-right: 0 !important;
     text-align: right;
}
 .visible-xs{
     display: none !important;
}
 .hidden-xs{
     display: block !important;
}
 .material.red{
     border-color: red !important;
}
 .material.red{
     border-color: red !important;
}
 #card-info .modal_flex .modal_btn{
     text-align: right;
}
 @media (max-width: 767px){
     .visible-xs{
         display: block !important;
    }
     .hidden-xs{
         display: none !important;
    }
     .wrapperBtnPayNow {
         padding: 0px;
         display: inline-block;
         width: 100%;
    }
     .addonserviceblock{
         width: 100%;
    }
}
 #addonservicefeature input{
     width: 16px;
     max-height: 16px;
}
 button[disabled="disabled"]{
     opacity: .5;
     cursor: no-drop;
}
 .loader {
     border: 6px solid #f3f3f3;
     border-radius: 50%;
     border-top: 6px solid #000;
     width: 30px;
     height: 30px;
     margin: auto;
     -webkit-animation: spin 2s linear infinite;
     animation: spin 2s linear infinite;
}
/* Safari */
 @-webkit-keyframes spin {
     0% {
         -webkit-transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(360deg);
    }
}
 @keyframes spin {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
 .tgBlockText td:nth-child(2){
     color: #7a7a7a !important;
     font-weight: bold;
     text-transform: uppercase;
     font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
     font-size: 1.4rem !important;
}
 .tgBlockImg img{
     width: 150px;
     margin-right: 0px;
}
 input[name="cardid"].inputerror{
     border: 0 !important;
}
 .material.error{
     position: relative;
     margin-bottom: calc(20px + 3rem) !important;
}
 .material.error p{
     display: block;
}
 .material.error{
     border-color:red !important 
}
 .material p{
     position: absolute;
     bottom:-3rem;
     margin:0;
     display: none;
}
 .intl-tel-input {
     position: relative;
     display: inline-block;
}
 .intl-tel-input * {
     box-sizing: border-box;
     -moz-box-sizing: border-box;
}
 .intl-tel-input .hide {
     display: none;
}
 .intl-tel-input .v-hide {
     visibility: hidden;
}
 .intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
     position: relative;
     z-index: 0;
     margin-top: 0 !important;
     margin-bottom: 0 !important;
     padding-right: 36px;
     margin-right: 0;
}
 .intl-tel-input .flag-container {
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     padding: 1px;
}
 .intl-tel-input .selected-flag {
     z-index: 1;
     position: relative;
     width: 36px;
     height: 100%;
     padding: 0 0 0 8px;
}
 .intl-tel-input .selected-flag .iti-flag {
     position: absolute;
     top: 0;
     bottom: 0;
     margin: auto;
}
 .intl-tel-input .selected-flag .iti-arrow {
     position: absolute;
     top: 50%;
     margin-top: -2px;
     right: 6px;
     width: 0;
     height: 0;
     border-left: 3px solid transparent;
     border-right: 3px solid transparent;
     border-top: 4px solid #555;
}
 .intl-tel-input .selected-flag .iti-arrow.up {
     border-top: none;
     border-bottom: 4px solid #555;
}
 .intl-tel-input .country-list {
     position: absolute;
     z-index: 2;
     list-style: none;
     text-align: left;
     padding: 0;
     margin: 0 0 0 -1px;
     box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
     background-color: white;
     border: 1px solid #CCC;
     white-space: nowrap;
     max-height: 200px;
     overflow-y: scroll;
}
 .intl-tel-input .country-list.dropup {
     bottom: 100%;
     margin-bottom: -1px;
}
 .intl-tel-input .country-list .flag-box {
     display: inline-block;
     width: 20px;
}
 @media (max-width: 500px) {
     .intl-tel-input .country-list {
         white-space: normal;
    }
}
 .intl-tel-input .country-list .divider {
     padding-bottom: 5px;
     margin-bottom: 5px;
     border-bottom: 1px solid #CCC;
}
 .intl-tel-input .country-list .country {
     padding: 5px 10px;
}
 .intl-tel-input .country-list .country .dial-code {
     color: #999;
}
 .intl-tel-input .country-list .country.highlight {
     background-color: rgba(0, 0, 0, 0.05);
}
 .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
     vertical-align: middle;
}
 .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
     margin-right: 6px;
}
 .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {
     padding-right: 6px;
     padding-left: 52px;
     margin-left: 0;
}
 .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
     right: auto;
     left: 0;
}
 .intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
     width: 46px;
}
 .intl-tel-input.allow-dropdown .flag-container:hover {
     cursor: pointer;
}
 .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
     _background-color: rgba(0, 0, 0, 0.05);
     background-color: #f1f1f1;
}
 .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
     cursor: default;
}
 .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
     background-color: transparent;
}
 .intl-tel-input.separate-dial-code .selected-flag {
     _background-color: rgba(0, 0, 0, 0.05);
     background-color: #f1f1f1;
     display: table;
}
 .intl-tel-input.separate-dial-code .selected-dial-code {
     display: table-cell;
     vertical-align: middle;
     padding-left: 28px;
}
 .intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
     padding-left: 66px;
}
 .intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
     width: 60px;
}
 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
     padding-left: 76px;
}
 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
     width: 70px;
}
 .intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
     padding-left: 74px;
}
 .intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
     width: 68px;
}
 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
     padding-left: 84px;
}
 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
     width: 78px;
}
 .intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
     padding-left: 82px;
}
 .intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
     width: 76px;
}
 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
     padding-left: 92px;
}
 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
     width: 86px;
}
 .intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
     padding-left: 90px;
}
 .intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
     width: 84px;
}
 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
     padding-left: 100px;
}
 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
     width: 94px;
}
 .intl-tel-input.iti-container {
     position: absolute;
     top: -1000px;
     left: -1000px;
     z-index: 1060;
     padding: 1px;
}
 .intl-tel-input.iti-container:hover {
     cursor: pointer;
}
 .iti-mobile .intl-tel-input.iti-container {
     top: 30px;
     bottom: 30px;
     left: 30px;
     right: 30px;
     position: fixed;
}
 .iti-mobile .intl-tel-input .country-list {
     max-height: 100%;
     width: 100%;
}
 .iti-mobile .intl-tel-input .country-list .country {
     padding: 10px 10px;
     line-height: 1.5em;
}
 .iti-flag {
     width: 20px;
}
 .iti-flag.be {
     width: 18px;
}
 .iti-flag.ch {
     width: 15px;
}
 .iti-flag.mc {
     width: 19px;
}
 .iti-flag.ne {
     width: 18px;
}
 .iti-flag.np {
     width: 13px;
}
 .iti-flag.va {
     width: 15px;
}
 @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
     .iti-flag {
         background-size: 5630px 15px;
    }
}
 .iti-flag.ac {
     height: 10px;
     background-position: 0px 0px;
}
 .iti-flag.ad {
     height: 14px;
     background-position: -22px 0px;
}
 .iti-flag.ae {
     height: 10px;
     background-position: -44px 0px;
}
 .iti-flag.af {
     height: 14px;
     background-position: -66px 0px;
}
 .iti-flag.ag {
     height: 14px;
     background-position: -88px 0px;
}
 .iti-flag.ai {
     height: 10px;
     background-position: -110px 0px;
}
 .iti-flag.al {
     height: 15px;
     background-position: -132px 0px;
}
 .iti-flag.am {
     height: 10px;
     background-position: -154px 0px;
}
 .iti-flag.ao {
     height: 14px;
     background-position: -176px 0px;
}
 .iti-flag.aq {
     height: 14px;
     background-position: -198px 0px;
}
 .iti-flag.ar {
     height: 13px;
     background-position: -220px 0px;
}
 .iti-flag.as {
     height: 10px;
     background-position: -242px 0px;
}
 .iti-flag.at {
     height: 14px;
     background-position: -264px 0px;
}
 .iti-flag.au {
     height: 10px;
     background-position: -286px 0px;
}
 .iti-flag.aw {
     height: 14px;
     background-position: -308px 0px;
}
 .iti-flag.ax {
     height: 13px;
     background-position: -330px 0px;
}
 .iti-flag.az {
     height: 10px;
     background-position: -352px 0px;
}
 .iti-flag.ba {
     height: 10px;
     background-position: -374px 0px;
}
 .iti-flag.bb {
     height: 14px;
     background-position: -396px 0px;
}
 .iti-flag.bd {
     height: 12px;
     background-position: -418px 0px;
}
 .iti-flag.be {
     height: 15px;
     background-position: -440px 0px;
}
 .iti-flag.bf {
     height: 14px;
     background-position: -460px 0px;
}
 .iti-flag.bg {
     height: 12px;
     background-position: -482px 0px;
}
 .iti-flag.bh {
     height: 12px;
     background-position: -504px 0px;
}
 .iti-flag.bi {
     height: 12px;
     background-position: -526px 0px;
}
 .iti-flag.bj {
     height: 14px;
     background-position: -548px 0px;
}
 .iti-flag.bl {
     height: 14px;
     background-position: -570px 0px;
}
 .iti-flag.bm {
     height: 10px;
     background-position: -592px 0px;
}
 .iti-flag.bn {
     height: 10px;
     background-position: -614px 0px;
}
 .iti-flag.bo {
     height: 14px;
     background-position: -636px 0px;
}
 .iti-flag.bq {
     height: 14px;
     background-position: -658px 0px;
}
 .iti-flag.br {
     height: 14px;
     background-position: -680px 0px;
}
 .iti-flag.bs {
     height: 10px;
     background-position: -702px 0px;
}
 .iti-flag.bt {
     height: 14px;
     background-position: -724px 0px;
}
 .iti-flag.bv {
     height: 15px;
     background-position: -746px 0px;
}
 .iti-flag.bw {
     height: 14px;
     background-position: -768px 0px;
}
 .iti-flag.by {
     height: 10px;
     background-position: -790px 0px;
}
 .iti-flag.bz {
     height: 14px;
     background-position: -812px 0px;
}
 .iti-flag.ca {
     height: 10px;
     background-position: -834px 0px;
}
 .iti-flag.cc {
     height: 10px;
     background-position: -856px 0px;
}
 .iti-flag.cd {
     height: 15px;
     background-position: -878px 0px;
}
 .iti-flag.cf {
     height: 14px;
     background-position: -900px 0px;
}
 .iti-flag.cg {
     height: 14px;
     background-position: -922px 0px;
}
 .iti-flag.ch {
     height: 15px;
     background-position: -944px 0px;
}
 .iti-flag.ci {
     height: 14px;
     background-position: -961px 0px;
}
 .iti-flag.ck {
     height: 10px;
     background-position: -983px 0px;
}
 .iti-flag.cl {
     height: 14px;
     background-position: -1005px 0px;
}
 .iti-flag.cm {
     height: 14px;
     background-position: -1027px 0px;
}
 .iti-flag.cn {
     height: 14px;
     background-position: -1049px 0px;
}
 .iti-flag.co {
     height: 14px;
     background-position: -1071px 0px;
}
 .iti-flag.cp {
     height: 14px;
     background-position: -1093px 0px;
}
 .iti-flag.cr {
     height: 12px;
     background-position: -1115px 0px;
}
 .iti-flag.cu {
     height: 10px;
     background-position: -1137px 0px;
}
 .iti-flag.cv {
     height: 12px;
     background-position: -1159px 0px;
}
 .iti-flag.cw {
     height: 14px;
     background-position: -1181px 0px;
}
 .iti-flag.cx {
     height: 10px;
     background-position: -1203px 0px;
}
 .iti-flag.cy {
     height: 13px;
     background-position: -1225px 0px;
}
 .iti-flag.cz {
     height: 14px;
     background-position: -1247px 0px;
}
 .iti-flag.de {
     height: 12px;
     background-position: -1269px 0px;
}
 .iti-flag.dg {
     height: 10px;
     background-position: -1291px 0px;
}
 .iti-flag.dj {
     height: 14px;
     background-position: -1313px 0px;
}
 .iti-flag.dk {
     height: 15px;
     background-position: -1335px 0px;
}
 .iti-flag.dm {
     height: 10px;
     background-position: -1357px 0px;
}
 .iti-flag.do {
     height: 13px;
     background-position: -1379px 0px;
}
 .iti-flag.dz {
     height: 14px;
     background-position: -1401px 0px;
}
 .iti-flag.ea {
     height: 14px;
     background-position: -1423px 0px;
}
 .iti-flag.ec {
     height: 14px;
     background-position: -1445px 0px;
}
 .iti-flag.ee {
     height: 13px;
     background-position: -1467px 0px;
}
 .iti-flag.eg {
     height: 14px;
     background-position: -1489px 0px;
}
 .iti-flag.eh {
     height: 10px;
     background-position: -1511px 0px;
}
 .iti-flag.er {
     height: 10px;
     background-position: -1533px 0px;
}
 .iti-flag.es {
     height: 14px;
     background-position: -1555px 0px;
}
 .iti-flag.et {
     height: 10px;
     background-position: -1577px 0px;
}
 .iti-flag.eu {
     height: 14px;
     background-position: -1599px 0px;
}
 .iti-flag.fi {
     height: 12px;
     background-position: -1621px 0px;
}
 .iti-flag.fj {
     height: 10px;
     background-position: -1643px 0px;
}
 .iti-flag.fk {
     height: 10px;
     background-position: -1665px 0px;
}
 .iti-flag.fm {
     height: 11px;
     background-position: -1687px 0px;
}
 .iti-flag.fo {
     height: 15px;
     background-position: -1709px 0px;
}
 .iti-flag.fr {
     height: 14px;
     background-position: -1731px 0px;
}
 .iti-flag.ga {
     height: 15px;
     background-position: -1753px 0px;
}
 .iti-flag.gb {
     height: 10px;
     background-position: -1775px 0px;
}
 .iti-flag.gd {
     height: 12px;
     background-position: -1797px 0px;
}
 .iti-flag.ge {
     height: 14px;
     background-position: -1819px 0px;
}
 .iti-flag.gf {
     height: 14px;
     background-position: -1841px 0px;
}
 .iti-flag.gg {
     height: 14px;
     background-position: -1863px 0px;
}
 .iti-flag.gh {
     height: 14px;
     background-position: -1885px 0px;
}
 .iti-flag.gi {
     height: 10px;
     background-position: -1907px 0px;
}
 .iti-flag.gl {
     height: 14px;
     background-position: -1929px 0px;
}
 .iti-flag.gm {
     height: 14px;
     background-position: -1951px 0px;
}
 .iti-flag.gn {
     height: 14px;
     background-position: -1973px 0px;
}
 .iti-flag.gp {
     height: 14px;
     background-position: -1995px 0px;
}
 .iti-flag.gq {
     height: 14px;
     background-position: -2017px 0px;
}
 .iti-flag.gr {
     height: 14px;
     background-position: -2039px 0px;
}
 .iti-flag.gs {
     height: 10px;
     background-position: -2061px 0px;
}
 .iti-flag.gt {
     height: 13px;
     background-position: -2083px 0px;
}
 .iti-flag.gu {
     height: 11px;
     background-position: -2105px 0px;
}
 .iti-flag.gw {
     height: 10px;
     background-position: -2127px 0px;
}
 .iti-flag.gy {
     height: 12px;
     background-position: -2149px 0px;
}
 .iti-flag.hk {
     height: 14px;
     background-position: -2171px 0px;
}
 .iti-flag.hm {
     height: 10px;
     background-position: -2193px 0px;
}
 .iti-flag.hn {
     height: 10px;
     background-position: -2215px 0px;
}
 .iti-flag.hr {
     height: 10px;
     background-position: -2237px 0px;
}
 .iti-flag.ht {
     height: 12px;
     background-position: -2259px 0px;
}
 .iti-flag.hu {
     height: 10px;
     background-position: -2281px 0px;
}
 .iti-flag.ic {
     height: 14px;
     background-position: -2303px 0px;
}
 .iti-flag.id {
     height: 14px;
     background-position: -2325px 0px;
}
 .iti-flag.ie {
     height: 10px;
     background-position: -2347px 0px;
}
 .iti-flag.il {
     height: 15px;
     background-position: -2369px 0px;
}
 .iti-flag.im {
     height: 10px;
     background-position: -2391px 0px;
}
 .iti-flag.in {
     height: 14px;
     background-position: -2413px 0px;
}
 .iti-flag.io {
     height: 10px;
     background-position: -2435px 0px;
}
 .iti-flag.iq {
     height: 14px;
     background-position: -2457px 0px;
}
 .iti-flag.ir {
     height: 12px;
     background-position: -2479px 0px;
}
 .iti-flag.is {
     height: 15px;
     background-position: -2501px 0px;
}
 .iti-flag.it {
     height: 14px;
     background-position: -2523px 0px;
}
 .iti-flag.je {
     height: 12px;
     background-position: -2545px 0px;
}
 .iti-flag.jm {
     height: 10px;
     background-position: -2567px 0px;
}
 .iti-flag.jo {
     height: 10px;
     background-position: -2589px 0px;
}
 .iti-flag.jp {
     height: 14px;
     background-position: -2611px 0px;
}
 .iti-flag.ke {
     height: 14px;
     background-position: -2633px 0px;
}
 .iti-flag.kg {
     height: 12px;
     background-position: -2655px 0px;
}
 .iti-flag.kh {
     height: 13px;
     background-position: -2677px 0px;
}
 .iti-flag.ki {
     height: 10px;
     background-position: -2699px 0px;
}
 .iti-flag.km {
     height: 12px;
     background-position: -2721px 0px;
}
 .iti-flag.kn {
     height: 14px;
     background-position: -2743px 0px;
}
 .iti-flag.kp {
     height: 10px;
     background-position: -2765px 0px;
}
 .iti-flag.kr {
     height: 14px;
     background-position: -2787px 0px;
}
 .iti-flag.kw {
     height: 10px;
     background-position: -2809px 0px;
}
 .iti-flag.ky {
     height: 10px;
     background-position: -2831px 0px;
}
 .iti-flag.kz {
     height: 10px;
     background-position: -2853px 0px;
}
 .iti-flag.la {
     height: 14px;
     background-position: -2875px 0px;
}
 .iti-flag.lb {
     height: 14px;
     background-position: -2897px 0px;
}
 .iti-flag.lc {
     height: 10px;
     background-position: -2919px 0px;
}
 .iti-flag.li {
     height: 12px;
     background-position: -2941px 0px;
}
 .iti-flag.lk {
     height: 10px;
     background-position: -2963px 0px;
}
 .iti-flag.lr {
     height: 11px;
     background-position: -2985px 0px;
}
 .iti-flag.ls {
     height: 14px;
     background-position: -3007px 0px;
}
 .iti-flag.lt {
     height: 12px;
     background-position: -3029px 0px;
}
 .iti-flag.lu {
     height: 12px;
     background-position: -3051px 0px;
}
 .iti-flag.lv {
     height: 10px;
     background-position: -3073px 0px;
}
 .iti-flag.ly {
     height: 10px;
     background-position: -3095px 0px;
}
 .iti-flag.ma {
     height: 14px;
     background-position: -3117px 0px;
}
 .iti-flag.mc {
     height: 15px;
     background-position: -3139px 0px;
}
 .iti-flag.md {
     height: 10px;
     background-position: -3160px 0px;
}
 .iti-flag.me {
     height: 10px;
     background-position: -3182px 0px;
}
 .iti-flag.mf {
     height: 14px;
     background-position: -3204px 0px;
}
 .iti-flag.mg {
     height: 14px;
     background-position: -3226px 0px;
}
 .iti-flag.mh {
     height: 11px;
     background-position: -3248px 0px;
}
 .iti-flag.mk {
     height: 10px;
     background-position: -3270px 0px;
}
 .iti-flag.ml {
     height: 14px;
     background-position: -3292px 0px;
}
 .iti-flag.mm {
     height: 14px;
     background-position: -3314px 0px;
}
 .iti-flag.mn {
     height: 10px;
     background-position: -3336px 0px;
}
 .iti-flag.mo {
     height: 14px;
     background-position: -3358px 0px;
}
 .iti-flag.mp {
     height: 10px;
     background-position: -3380px 0px;
}
 .iti-flag.mq {
     height: 14px;
     background-position: -3402px 0px;
}
 .iti-flag.mr {
     height: 14px;
     background-position: -3424px 0px;
}
 .iti-flag.ms {
     height: 10px;
     background-position: -3446px 0px;
}
 .iti-flag.mt {
     height: 14px;
     background-position: -3468px 0px;
}
 .iti-flag.mu {
     height: 14px;
     background-position: -3490px 0px;
}
 .iti-flag.mv {
     height: 14px;
     background-position: -3512px 0px;
}
 .iti-flag.mw {
     height: 14px;
     background-position: -3534px 0px;
}
 .iti-flag.mx {
     height: 12px;
     background-position: -3556px 0px;
}
 .iti-flag.my {
     height: 10px;
     background-position: -3578px 0px;
}
 .iti-flag.mz {
     height: 14px;
     background-position: -3600px 0px;
}
 .iti-flag.na {
     height: 14px;
     background-position: -3622px 0px;
}
 .iti-flag.nc {
     height: 10px;
     background-position: -3644px 0px;
}
 .iti-flag.ne {
     height: 15px;
     background-position: -3666px 0px;
}
 .iti-flag.nf {
     height: 10px;
     background-position: -3686px 0px;
}
 .iti-flag.ng {
     height: 10px;
     background-position: -3708px 0px;
}
 .iti-flag.ni {
     height: 12px;
     background-position: -3730px 0px;
}
 .iti-flag.nl {
     height: 14px;
     background-position: -3752px 0px;
}
 .iti-flag.no {
     height: 15px;
     background-position: -3774px 0px;
}
 .iti-flag.np {
     height: 15px;
     background-position: -3796px 0px;
}
 .iti-flag.nr {
     height: 10px;
     background-position: -3811px 0px;
}
 .iti-flag.nu {
     height: 10px;
     background-position: -3833px 0px;
}
 .iti-flag.nz {
     height: 10px;
     background-position: -3855px 0px;
}
 .iti-flag.om {
     height: 10px;
     background-position: -3877px 0px;
}
 .iti-flag.pa {
     height: 14px;
     background-position: -3899px 0px;
}
 .iti-flag.pe {
     height: 14px;
     background-position: -3921px 0px;
}
 .iti-flag.pf {
     height: 14px;
     background-position: -3943px 0px;
}
 .iti-flag.pg {
     height: 15px;
     background-position: -3965px 0px;
}
 .iti-flag.ph {
     height: 10px;
     background-position: -3987px 0px;
}
 .iti-flag.pk {
     height: 14px;
     background-position: -4009px 0px;
}
 .iti-flag.pl {
     height: 13px;
     background-position: -4031px 0px;
}
 .iti-flag.pm {
     height: 14px;
     background-position: -4053px 0px;
}
 .iti-flag.pn {
     height: 10px;
     background-position: -4075px 0px;
}
 .iti-flag.pr {
     height: 14px;
     background-position: -4097px 0px;
}
 .iti-flag.ps {
     height: 10px;
     background-position: -4119px 0px;
}
 .iti-flag.pt {
     height: 14px;
     background-position: -4141px 0px;
}
 .iti-flag.pw {
     height: 13px;
     background-position: -4163px 0px;
}
 .iti-flag.py {
     height: 11px;
     background-position: -4185px 0px;
}
 .iti-flag.qa {
     height: 8px;
     background-position: -4207px 0px;
}
 .iti-flag.re {
     height: 14px;
     background-position: -4229px 0px;
}
 .iti-flag.ro {
     height: 14px;
     background-position: -4251px 0px;
}
 .iti-flag.rs {
     height: 14px;
     background-position: -4273px 0px;
}
 .iti-flag.ru {
     height: 14px;
     background-position: -4295px 0px;
}
 .iti-flag.rw {
     height: 14px;
     background-position: -4317px 0px;
}
 .iti-flag.sa {
     height: 14px;
     background-position: -4339px 0px;
}
 .iti-flag.sb {
     height: 10px;
     background-position: -4361px 0px;
}
 .iti-flag.sc {
     height: 10px;
     background-position: -4383px 0px;
}
 .iti-flag.sd {
     height: 10px;
     background-position: -4405px 0px;
}
 .iti-flag.se {
     height: 13px;
     background-position: -4427px 0px;
}
 .iti-flag.sg {
     height: 14px;
     background-position: -4449px 0px;
}
 .iti-flag.sh {
     height: 10px;
     background-position: -4471px 0px;
}
 .iti-flag.si {
     height: 10px;
     background-position: -4493px 0px;
}
 .iti-flag.sj {
     height: 15px;
     background-position: -4515px 0px;
}
 .iti-flag.sk {
     height: 14px;
     background-position: -4537px 0px;
}
 .iti-flag.sl {
     height: 14px;
     background-position: -4559px 0px;
}
 .iti-flag.sm {
     height: 15px;
     background-position: -4581px 0px;
}
 .iti-flag.sn {
     height: 14px;
     background-position: -4603px 0px;
}
 .iti-flag.so {
     height: 14px;
     background-position: -4625px 0px;
}
 .iti-flag.sr {
     height: 14px;
     background-position: -4647px 0px;
}
 .iti-flag.ss {
     height: 10px;
     background-position: -4669px 0px;
}
 .iti-flag.st {
     height: 10px;
     background-position: -4691px 0px;
}
 .iti-flag.sv {
     height: 12px;
     background-position: -4713px 0px;
}
 .iti-flag.sx {
     height: 14px;
     background-position: -4735px 0px;
}
 .iti-flag.sy {
     height: 14px;
     background-position: -4757px 0px;
}
 .iti-flag.sz {
     height: 14px;
     background-position: -4779px 0px;
}
 .iti-flag.ta {
     height: 10px;
     background-position: -4801px 0px;
}
 .iti-flag.tc {
     height: 10px;
     background-position: -4823px 0px;
}
 .iti-flag.td {
     height: 14px;
     background-position: -4845px 0px;
}
 .iti-flag.tf {
     height: 14px;
     background-position: -4867px 0px;
}
 .iti-flag.tg {
     height: 13px;
     background-position: -4889px 0px;
}
 .iti-flag.th {
     height: 14px;
     background-position: -4911px 0px;
}
 .iti-flag.tj {
     height: 10px;
     background-position: -4933px 0px;
}
 .iti-flag.tk {
     height: 10px;
     background-position: -4955px 0px;
}
 .iti-flag.tl {
     height: 10px;
     background-position: -4977px 0px;
}
 .iti-flag.tm {
     height: 14px;
     background-position: -4999px 0px;
}
 .iti-flag.tn {
     height: 14px;
     background-position: -5021px 0px;
}
 .iti-flag.to {
     height: 10px;
     background-position: -5043px 0px;
}
 .iti-flag.tr {
     height: 14px;
     background-position: -5065px 0px;
}
 .iti-flag.tt {
     height: 12px;
     background-position: -5087px 0px;
}
 .iti-flag.tv {
     height: 10px;
     background-position: -5109px 0px;
}
 .iti-flag.tw {
     height: 14px;
     background-position: -5131px 0px;
}
 .iti-flag.tz {
     height: 14px;
     background-position: -5153px 0px;
}
 .iti-flag.ua {
     height: 14px;
     background-position: -5175px 0px;
}
 .iti-flag.ug {
     height: 14px;
     background-position: -5197px 0px;
}
 .iti-flag.um {
     height: 11px;
     background-position: -5219px 0px;
}
 .iti-flag.us {
     height: 11px;
     background-position: -5241px 0px;
}
 .iti-flag.uy {
     height: 14px;
     background-position: -5263px 0px;
}
 .iti-flag.uz {
     height: 10px;
     background-position: -5285px 0px;
}
 .iti-flag.va {
     height: 15px;
     background-position: -5307px 0px;
}
 .iti-flag.vc {
     height: 14px;
     background-position: -5324px 0px;
}
 .iti-flag.ve {
     height: 14px;
     background-position: -5346px 0px;
}
 .iti-flag.vg {
     height: 10px;
     background-position: -5368px 0px;
}
 .iti-flag.vi {
     height: 14px;
     background-position: -5390px 0px;
}
 .iti-flag.vn {
     height: 14px;
     background-position: -5412px 0px;
}
 .iti-flag.vu {
     height: 12px;
     background-position: -5434px 0px;
}
 .iti-flag.wf {
     height: 14px;
     background-position: -5456px 0px;
}
 .iti-flag.ws {
     height: 10px;
     background-position: -5478px 0px;
}
 .iti-flag.xk {
     height: 15px;
     background-position: -5500px 0px;
}
 .iti-flag.ye {
     height: 14px;
     background-position: -5522px 0px;
}
 .iti-flag.yt {
     height: 14px;
     background-position: -5544px 0px;
}
 .iti-flag.za {
     height: 14px;
     background-position: -5566px 0px;
}
 .iti-flag.zm {
     height: 14px;
     background-position: -5588px 0px;
}
 .iti-flag.zw {
     height: 10px;
     background-position: -5610px 0px;
}
 .iti-flag {
     width: 20px;
     height: 15px;
     box-shadow: 0px 0px 1px 0px #888;
     background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.9/img/flags.png");
     background-repeat: no-repeat;
     background-color: #DBDBDB;
     background-position: 20px 0;
}
 @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
     .iti-flag {
         background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.9/img/flags@2x.png");
    }
}
 .iti-flag.np {
     background-color: transparent;
}
 #result {
     margin-bottom: 100px;
}
 .material.phone-number-field label{
     left: 50px;
}
 .material.phone-number-field label{
     padding-left: 15px;
     _padding-right: 15px;
}
 .material.phone-number-field .inputerror{
     border: 0 !important;
}
 #error-msg{
     color: red;
}
 #valid-msg{
     color: green;
     width: 47px;
}
 .skiptranslate{
     display: none !important;
}
 .cutom-lang {
     width: 50%;
     position: relative;
     float: right;
}
 .cutom-lang .ct-language__dropdown{
     width: 100%;
     height: initial;
     overflow: auto;
     position: relative;
     max-height: initial;
     top:0;
     left:0;
}
 .cutom-lang .ct-language__dropdown{
     border: 1px solid #5c5c5c;
     border-radius: 4px;
     margin-top: -1px;
     position: absolute;
     top: 46px;
     background-color: #fff;
     display: none;
}
 .cutom-lang button{
     color: #5c5c5c !important;
     background-color: transparent;
     box-sizing: border-box;
     width: 100%;
     padding: 12px 10px 12px 14px !important;
     border: none;
     font-weight: 400;
     outline: none;
     cursor: text;
     border: 1px solid #5c5c5c;
     border-radius: 4px;
     transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     text-align: left;
     cursor: pointer;
     background-image: linear-gradient( 45deg, transparent 50%, #000 50%), linear-gradient( 135deg, #000 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
     background-position: calc(100% - 20px) calc(1em + 6px), calc(100% - 15px) calc(1em + 6px), 100% 0;
     background-size: 5px 5px, 5px 5px, 2.7em 3.2em;
     background-repeat: no-repeat;
}
 .ct-language__dropdown:before{
     display: none;
}
 .ct-language__dropdown li a{
     color: #000;
     text-align: left;
     padding-left: 15px;
     padding-top: 5px;
     padding-bottom: 5px;
}
 .ct-language__dropdown li a:hover{
     color: #fff;
}
 .cutom-lang .ct-language__dropdown li{
     background: transparent;
     padding:0 !important;
}
 body{
     top: 0 !important;
}
 #defaultcontainer{
    background: #eaeaea;
}
 .material {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: space-between;
     overflow: visible;
     margin: 5px 5px 20px 5px;
     width: 100%;
     border: 1px solid #5c5c5c;
     border-radius: 4px;
     transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
 .material input, .material select {
     color: #5c5c5c !important;
     background-color: transparent;
     box-sizing: border-box;
     width: 100%;
     padding: 12px 10px 8px;
     border: none;
     font-weight: 400;
     outline: none;
     cursor: text;
}
 .material input::-webkit-outer-spin-button, .material input::-webkit-inner-spin-button {
     -webkit-appearance: none;
}
 .material input[type='number'] {
     -moz-appearance:textfield;
}
 .material select option {
     background: white;
     color: black;
}
 .material label {
     position: absolute;
     top: 10px;
     left: 10px;
    /* font-size: 120%;
     */
     font-weight: 400;
     color: #5c5c5c !important;
     background-color: #ffffff;
     border-radius: 2px;
     padding: 2px 5px;
     transform-origin: 0 -180%;
     transition: transform 300ms ease;
     pointer-events: none;
}
 .material label.selectfield {
     transform: scale(0.6);
}
 .material input:focus~label, .material input:valid~label {
     transform: scale(0.6);
}
 .card-extra-details {
     display: flex;
     align-items: center;
}
 #year {
     margin-right: 10px;
     margin-left: 10px;
}
 .material:hover {
     border: 1px solid #2ecc71;
}
 .credit-card-images-container {
     display: flex;
     align-items: center;
     width: 100%;
     justify-content: flex-end;
}
 .credit-card-images-container img {
     height: 20px;
     margin: 5px;
}
 .credit-card-images-container img:last-child{
     margin-right: 0;
}
 @media screen and (max-width: 450px) {
     .card-extra-details {
         flex-wrap: wrap;
         width: 100%;
         padding: 0;
         margin: 0;
         justify-content: center;
    }
     .material {
         width: 100%;
    }
     .material input {
         width: 100%;
    }
}
 .payment-method-button {
     display: flex;
     align-items: center;
     font-size: 15px;
     outline: none !important;
}
 .payment-method-icon {
     margin-right: 10px;
}
 .coupon-custom-wrapper {
     display: flex;
     align-items: center;
     width: 100%;
     justify-content: space-between;
     padding-top: 20px;
}
 .coupon-custom-wrapper .coupon-code {
     height: 24px;
}
 .apply-btn {
     margin-left: 25px;
     background-color: #9DDB21;
     margin: 5px 5px 20px 5px;
     border: none;
     outline: none !important;
     color: white;
     border-radius: 5px;
     padding: 10px 20px;
}
 .heading {
     display: flex;
     align-items: center;
     font-size: 16px;
}
 .recurring-payment-section {
     margin-left: 10px;
}
 .recurring-payment-section h5 {
     font-weight: 600;
}
 .recurring-payment-section p {
     font-size: 12px;
}
 .pay_now {
     width: 100%;
     font-family: Arial, Helvetica, sans-serif;
     color: #fff;
     font-size: 19px;
     font-weight: bold;
     text-transform: uppercase;
     background: #f23224;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4f0fd', endColorstr='#0993bd', GradientType=0);
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -o-border-radius: 5px;
     border: #fc8816;
     height: 45px;
}
 .trust-images {
     display: flex;
     align-items: center;
     justify-content: space-around;
     width: 100%;
     height: 30px;
     padding: 30px;
}
 .ct-topbar {
     text-align: right;
     background: #eee;
}
 .ct-topbar__list {
     margin-bottom: 0px;
}
 .ct-language__dropdown{
     padding-top: 8px;
     max-height: 0;
     overflow: hidden;
     position: absolute;
     top: 110%;
     left: -3px;
     width: 100px;
     text-align: center;
     padding-top: 0;
     z-index:200;
}
 .ct-language__dropdown li{
     background: #222;
     padding: 5px;
}
 .ct-language__dropdown li a{
     display: block;
}
 .ct-language__dropdown li:first-child{
     padding-top: 10px;
     border-radius: 3px 3px 0 0;
}
 .ct-language__dropdown li:last-child{
     padding-bottom: 10px;
     border-radius: 0 0 3px 3px;
}
 .ct-language__dropdown li:hover{
     background: #444;
}
 .ct-language__dropdown:before{
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     margin: auto;
     width: 8px;
     height: 0;
     border: 0 solid transparent;
     border-right-width: 8px;
     border-left-width: 8px;
     border-bottom: 8px solid #222;
}
 .ct-language{
     position: relative;
     background: #00aced;
     color: #fff;
     padding: 10px 0;
}
 .ct-language:hover .ct-language__dropdown{
     max-height: 200px;
     padding-top: 8px;
}
 #mydiv{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: none;
    z-index: 9999;
}
 .loader{
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 2s linear infinite;
}
 .initial_none{
    display: none;
}
 #pdescription{
    color: #000;
}
 .m_b_50{
    margin-bottom: 50px;
}
 .m_b_20{
    margin-bottom: 20px;
}
 .m_b_10{
    margin-bottom: 10px;
}
 .m_b_6{
    margin-bottom: 6px;
}
 .m_b_0{
    margin-bottom: 0px;
}
 .m_l{
    margin-left: 15px;
}
 .width_100{
    width: 100%;
    max-height: 230px;
}
 .pad_0{
    padding: 0px !important;
}
 #emDeclineModal .modal-header,#emPaymentProcessModal .modal-header{
    padding: 15px;
}
 #warningmodal .modal-content,#declineModal .modal-content{
    background: #ea2087;
    color: white;
}
 #warningmodal .modal-content a,#declineModal .modal-content a{
    color: blue;
     font-weight: bold;
}
 #warningmodal .modal-header,#declineModal .modal-header{
    border: none;
    padding: 15px 25px 0px 0px;
}
 #warningmodal button.close,#declineModal button.close{
    color: #000000;
    background: white;
    padding: 5px 8px;
    border-radius: 50%;
    opacity: 1;
    font-size: 21px;
}
/*#declineModal .modal-content{
    background: #ea2087;
    color: white;
}
 #declineModal .modal-content a{
    color: blue;
     font-weight: bold;
}
 #declineModal .modal-header{
    border: none;
    padding: 15px 25px 0px 0px;
}
 #declineModal button.close{
    color: #000000;
    background: white;
    padding: 5px 8px;
    border-radius: 50%;
    opacity: 1;
    font-size: 21px;
}
*/
 .decline_body{
    padding: 0px 10px 20px 10px;
    font-size: 16px;
    text-align: justify;
}
 .custom_decline_btn{
    background: #d0d0d0;
    padding: 10px 15px;
    color: #3c3c3c !important;
    margin-right: 15px;
    font-weight: 600 !important;
    cursor: pointer;
    text-decoration: none !important;
}
 .custom_decline_btn:hover{
    background: green;
    color: #ffffff !important;
}
 .decline_countdown{
    color: black;
    font-weight: 700;
}
 .secure_ach_image{
    height: 56px;
    display: block;
    margin: 0 auto;
    margin-top: 10px !important;
    cursor:pointer;
    display: none;
}
 .select_institution{
    height: 70vh;
    margin: 0 auto;
    display: block;
}
 #myModal2{
    padding-top: 0px !important;
}
 .orange_text{
    color: orange;
    font-weight: 300;
    line-height: 35px;
}
 .p_10{
    padding: 10px;
}
 .decline_header{
    width: 96%;
    text-align: center;
}
 .decline_title{
    margin: 0;
}
 .emPaymentProcessModalContent{
    width: 360px;
    margin: 0 auto;
}
/*.addonservicesection .addonservicediv{
    border: 1px dashed #e71b78;
}
*/
/*.addonservicesection .addonservicediv{
    border: 1px solid #e71b78;
    background: #e71b78;
    color: #ffffff;
}
*/
 .addonservicesection{
    _background: #f3f7ff;
    padding: 7px 15px 15px 15px;
    margin-top: 5px;
}
 .addonservicesection .addonservicediv{
    background: #f1f1f1;
}
 .em_addon_title{
    color: #000000;
    font-weight: 600;
    font-size: 15px;
    margin: 0;
}
 .em_addon_desc{
    color: #393939;
    font-size: 14px;
}
 .addonservicesection h1{
    margin-bottom: 0px;
    border: none !important;
}
 .coupon_success{
    color: green;
    font-size: 13px;
    display: block !important;
    margin: 0 0 10px !important;
}
 .coupon_invalid{
    color: red;
    font-size: 13px;
    display: block !important;
    margin: 0 0 10px !important;
}
 .coupon_error{
    color: red;
    font-size: 12px;
    margin: 0 0 10px !important;
    display: none;
}
 .coupon_discount_value{
    float: right;
    font-weight: bold;
    padding-right: 0 !important;
}
 .d-none{
    display: none;
}
 .ban_icon{
    color: #000000;
}
 .btn_focus{
    background-color: #656161;
    border-color: #656161;
}
 .desktopview{
    display: flex;
}
 .mobileview{
    display: none;
}
 @media(max-width: 820px){
     .wrapperLogo img{
        width:auto;
        height: 40px;
    }
}
 @media(max-width: 767px){
     #tg_SealCertificatebRight{
         display: none !important;
    }
     .wrapperLogo img{
        width:auto;
        height: 40px;
    }
     .coupon-custom-wrapper{
        padding-right: 15px;
        padding-left: 15px;
    }
}
 @media screen and (max-width: 610px) {
     .secondTopSection .wrapperLogo{
        width: 50%;
    }
}
 @media(max-width: 570px){
     .desktopview{
        display: none;
    }
     .mobileview{
        display: flex;
    }
     .secondTopSection1{
        display: flex;
        flex-wrap: wrap;
    }
     .m_l{
        margin-left: 0px;
    }
     .width_100{
        width: 100%;
    }
}
 @media screen and (max-width: 530px) {
     .secondTopSection .wrapperLogo{
        width: 45%;
    }
}
 @media screen and (max-width: 450px) {
     .secondTopSection .wrapperLogo{
        width: 52%;
        margin-left: 0px;
        padding-right: 20px;
    }
}
 @media(max-width: 400px){
     .material.phone-number-field label{
        font-size:14px !important;
    }
}
 @media(max-width: 370px){
     .material.phone-number-field label{
        font-size:13px !important;
    }
     .wrapperLogo img{
        width: auto;
        height: 40px;
    }
}
 @media(max-width: 350px){
     .material.phone-number-field label{
        font-size:12px !important;
    }
}
 @media screen and (max-width: 768px) {
     .intl-tel-input .selected-flag {
         height: 100% !important;
    }
     .flag-container {
         padding: 0px !important;
         height: 45px;
         margin-top: 0px !important;
         border-radius: 5px 0px 0px 5px;
         overflow: hidden;
    }
     .separate-dial-code {
         margin-bottom: 0px;
    }
}
 @media screen and (max-width: 720px) {
     .cutom-lang{
        width:100% !important;
    }
     .separate-dial-code {
        margin-bottom: 0px !important;
    }
     .intl-tel-input .flag-container{
         _top: 5px !important;
    }
}
 .wrapperTopLogo {
     border: 1px solid #d4d4d4;
     background: #fbfbfb;
     margin-bottom: 20px;
     margin-top: 15px;
}
 .secondTopSection {
     display: flex;
     justify-content: center;
     align-content: center;
}
 .wrapperLogo {
     margin-left: 15px;
     border-right: 2px solid #9a8282;
     margin-left: 15px;
    /* width: 227px;
     */
}
 .paymentFormSection {
     display: flex;
     align-items: center;
     color: #7a7a7a;
     font-weight: bold;
     text-transform: uppercase;
    /* width: 277px;
     */
}
 .paymentFormSection p {
     margin-bottom: 0px;
     margin-left: 7px;
}
 .trustGuardImage {
     display: flex;
    /* justify-content: flex-end;
     */
     align-items: center;
    /* width: 172px;
     */
     margin-top: 10px;
}
 .customerInfoHeading, .customerInfoHeadingfooter {
     font-size: 15px;
     text-transform: uppercase;
    /* background: #8ac217;
     */
     padding: 10px;
    /* color: #fff;
     */
}
 .customerInfoHeading {
     border-bottom: 1px solid #d4d4d4;
     font-weight: bold;
}
 .wrapperCustomerInfo {
     margin-top: 15px;
}
 .wrapperCustomerInfo input {
     display: block;
     width: 100%;
     height: 34px;
     padding: 6px 10px;
     font-size: 14px;
     line-height: 1.42857143;
     color: #555;
     background-color: #fff;
     background-image: none;
     border: 1px solid #ccc;
     border-radius: 4px;
     margin-bottom: 15px;
}
 .wrapperExpiryDate select {
     display: block;
     width: 100%;
     height: 34px;
     padding: 6px 10px;
     font-size: 14px;
     line-height: 1.42857143;
     color: #555;
     background-color: #fff;
     background-image: none;
     border: 1px solid #ccc;
     border-radius: 4px;
}
 .wrapperInnerExpiryDate select {
     width: 100%;
     display: inline;
}
 .wrapperInnerExpiryDate .col-xs-4, .wrapperInnerExpiryDate .col-sm-4, .wrapperInnerExpiryDate .col-xs-6, .wrapperInnerExpiryDate.col-sm-6 {
     padding-right: 0px;
     padding-left: 0px;
}
 .expiry_field {
     padding-right: 10px !important;
}
 .securityfield {
    /* display:flex;
     */
     justify-content: flex-end;
}
 .wrapperRightForm input {
     display: block;
     width: 100%;
     height: 34px;
     padding: 6px 10px;
     font-size: 14px;
     line-height: 1.42857143;
     color: #555;
     background-color: #fff;
     background-image: none;
     border: 1px solid #ccc;
     border-radius: 4px;
     margin-bottom: 15px;
}
 .wrapperApplyButton button {
     width: 100%;
     height: 36px;
     margin-top: 23px;
     background-color: #9ddb21;
     border: 0px;
     color: #fff;
     border-radius: 4px;
     cursor: pointer;
}
 .btnPayNow {
     width: 100%;
     font-family: Arial, Helvetica, sans-serif;
     color: #fff;
     font-size: 19px;
     font-weight: bold;
     text-transform: uppercase;
     background: rgb(196, 240, 253);
     background: -moz-linear-gradient(top, rgba(196, 240, 253, 1) 0%, rgba(0, 186, 242, 1) 2%, rgba(9, 147, 189, 1) 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(196, 240, 253, 1)), color-stop(2%, rgba(0, 186, 242, 1)), color-stop(100%, rgba(9, 147, 189, 1)));
     background: -webkit-linear-gradient(top, rgba(196, 240, 253, 1) 0%, rgba(0, 186, 242, 1) 2%, rgba(9, 147, 189, 1) 100%);
     background: -o-linear-gradient(top, rgba(196, 240, 253, 1) 0%, rgba(0, 186, 242, 1) 2%, rgba(9, 147, 189, 1) 100%);
     background: -ms-linear-gradient(top, rgba(196, 240, 253, 1) 0%, rgba(0, 186, 242, 1) 2%, rgba(9, 147, 189, 1) 100%);
     background: linear-gradient(to bottom, rgba(196, 240, 253, 1) 0%, rgba(0, 186, 242, 1) 2%, rgba(9, 147, 189, 1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4f0fd', endColorstr='#0993bd', GradientType=0);
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -o-border-radius: 5px;
     border: 1px solid #0993bd;
     height: 45px;
}
 .wrapperFooterImage {
    /* margin-top: 40px;
     */
     margin-bottom: 20px;
}
 .wrapperFooterImage img {
     cursor: pointer;
    /* width: 100%;
     */
}
 .bottomsLinks {
     margin-top: 20px;
     display: flex;
     justify-content: center;
     margin-bottom: 0px;
     padding-left: 0px;
}
 .bottomsLinks li {
     float: left;
     list-style: none;
     border-right: 1px solid #ccc;
     padding: 0px 10px;
     font-size: 14px;
}
 .select_second {
     float: right;
}
 .termsDetailsSection {
     padding-left: 0px;
     font-size: 1.1rem;
}
 .termsDetailsSection li {
     list-style: none;
     padding-bottom: 10px;
}
 .footerText {
     text-align: center;
     margin: 25px 0px 30px 0px;
}
 .wraperOrderDetails {
     margin-top: 12px;
}
 .oderDetailsHeading {
     font-size: 15px;
     font-weight: bold;
     text-transform: uppercase;
    /* background: #8ac217;
     */
     padding: 10px;
    /* color: #fff;
     */
     margin-top: 19px;
     border-bottom: 1px solid #d4d4d4;
}
 .wraperOrderDetails {
     background: #fbfbfb;
     background: #fbfbfb;
     padding: 0px;
}
 .wraperOrderDetails h5 {
     font-size: 13px;
}
 .innerContentDetails {
     margin: 0px;
     border-top: 1px solid #ccc;
     display: inline-block;
}
 .expiryDateInput {
     width: 49% !important;
     display: -webkit-inline-box !important;
}
 .expiryLabel {
     width: 100%;
}
 .wrapperSubscriptionSection {
     margin: 0px;
     border-top: 1px solid #ccc;
     display: inline-block;
}
 .wraperOrderDetails p {
     font-size: 13px;
     color: #9a9a9a;
}
 .wrapperPaymentButton {
     margin: 25px 0px;
}
 .wrapperPaymentButton .btn-secondary.active {
     background-color: #545b62;
     border-color: #4e555b;
     color: #fff;
     outline: 0px;
}
 .wrapperPaymentButton .btn-secondary {
     background-color: #6c757d;
     border-color: #6c757d;
     color: #fff;
    /* border-left: 1px solid #fff !important;
     */
}
 .wrapperSubscriptionSection {
     padding-top: 15px;
}
 .innerSubscriptionSection {
     padding-bottom: 15px;
     padding-left: 15px;
     padding-top: 15px;
     border-top: 1px solid #ccc;
     display: inline-block;
}
 .innerContentDetails {
     padding: 15px 0px;
}
 .wrapperBtnPayNow {
     padding: 0px;
}
 .wrapperFooterImage {
    /* margin-top: 70px;
     */
}
 .cardIcon {
     width: 17px;
     margin-right: 6px;
     vertical-align: sub;
}
 .questionMarkIcon {
     position: absolute;
     top: 31px;
     right: 23px;
     font-size: 15px;
     font-weight: 700;
     cursor: pointer;
}
 .imgMoneyBack {
     width: 132px !important;
     float: right;
}
 .productSection {
     display: flex;
     justify-content: space-between;
     max-height: initial!important;
}
 .modal-backdrop {
     z-index: 0;
}
 .topLogoSection {
     display: flex;
     justify-content: center;
}
 .topLogoSection img {
    /* width: 100%;
     height: auto;
     max-height: 400px;
     min-height: 200px;
     */
     padding-bottom: 15px;
}
 .topLogoSection select {
     text-align: left;
     width: 125px;
     height: 25px;
     margin-top: 10px;
}
 .payment-img img, .backgroundImage img {
     width: 100% !important;
}
 .imgMoneyBackSection {
    /* text-align: left;
     */
}
 @media screen and (max-width:610px) {
     .secondTopSection {
         display: block;
    }
     .secondTopSection .wrapperLogo {
         text-align: center;
         margin-right: auto;
        /* border-right: unset;
         */
         margin-left: auto;
         justify-content: center;
    }
     .secondTopSection .trustGuardImage {
         justify-content: center;
    }
     .wrapperPaymentButton label {
         width: 100%;
         margin: 10px 0px 0px !important;
         border-radius: 12px !important;
    }
}
 @media screen and (max-width:768px) {
     .wrapperFooterImage img {
         width: 132px;
    }
     .wrapperCoupanField {
         margin-top: 15px;
    }
     .leftContentWrapper {
         margin: 0px;
    }
     .outerYourDetails {
         padding: 0px;
    }
     .wrapperRightForm {
         padding: 0px;
    }
     .wrapperRightForm input {
         margin-bottom: 15px;
    }
     .wrapperApplyButton {
         margin-bottom: 15px;
    }
     .wrapperApplyButton button {
         margin-top: 15px;
    }
     .wrapperExpiryDate select {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
    }
    /* .securityCodeSection {
         margin-top: 15px;
    }
     */
     .country_class {
         margin-bottom: 15px;
    }
     .imgMoneyBack {
         width: 127 !important;
         margin-top: 0px;
    }
     .imgMoneyBackSection {
         margin-left: auto;
         margin-right: auto;
    }
     .trustGuardImage {
        /* justify-content: center;
         */
         margin-left: auto;
         margin-right: auto;
         float: left;
    }
     .wrapperFooterImage {
        /* margin-top: 40px;
         */
    }
     .bottomsLinks li {
         float: none;
         border: none;
         padding-bottom: 10px;
         padding-left: 0px;
    }
     .bottomsLinks {
         padding-left: 0px;
    }
     .securityCode {
         padding-left: 0px;
    }
}
 @media screen and (max-width:760px) {
     .info_box {
         padding-right: 30px;
    }
}
 #product-img {
     max-width: 100%;
     max-height: 100%;
}
 .secondTopSection {
     justify-content: unset;
}
 @media (min-width: 1200px) {
     .container {
         width: 946px;
    }
}
 @media (min-width: 768px) {
     .cardIcon {
         width: 14px;
         margin-right: 3px;
    }
     label.btn.btn-secondary {
         font-size: 13px;
         padding: 7px;
    }
}
 @media (min-width: 768px)and (max-width:991px) {
     .cardIcon {
         width: 10px;
         margin-right: 0px;
    }
     label.btn.btn-secondary {
         font-size: 10px;
         padding: 4px;
    }
}
 @media (min-width: 771px)and (max-width:991px) {
     .securityCode {
         margin-top: 15px;
    }
}
 @media (min-width: 424px)and (max-width:767px) {
     .col-sm-9 {
         width: 75%;
    }
     .col-sm-3 {
         width: 25%;
    }
     .wrapperCoupanField {
         display: flex;
    }
     .wrapperApplyButton {
         margin-top: 9px;
         margin-bottom: 15px;
    }
}
 .productSection {
     padding-left: 0px;
     padding-right: 0px;
     max-height: 100px;
}
 label.btn.btn-secondary:hover {
     background-color: #545b62;
}
 .wrapperCustomerInfo {
     width: 100% 
}
 .info_box {
     padding-left: 30px;
}
 .wrapperRightForm {
     padding-right: 0px;
}
 #save_values, #save_info, #shipping_values {
     display: flex;
     align-items: center;
     height: 20px;
    /* font-size: 11px;
     */
}
 #save_values_space, #save_info_space {
     margin-left: 4px;
    /* border: 0 none;
     border-bottom: 2px dotted #322f32;
     background: none;
     */
}
 #save_box, #cbnew {
     margin: 0px;
     width: 12px;
}
 #save_info {
     margin-bottom: 12px;
}
/* .shipping_info{
     display:none;
}
 */
 #shipping_values {
     margin-left: 15px;
}
 .order_summary {
     float: right;
}
 @media screen and (max-width:762px) {
     .order_summary {
         float: unset;
    }
}
 #shipping_values {
     width: 124px;
}
 @media screen and (max-width:768px) {
     #demo {
         height: 40px;
         width: 100% !important;
    }
}
 button.btnPayNow:hover {
     background: #8ac217;
     border-color: #8ac217;
}
 .wrapperSubscriptionSection h5 {
     font-size: 13px;
}
 .country_class {
     margin-bottom: 15px;
}
 .separate-dial-code {
     width: 100%;
    /* margin-bottom:15px;
     */
}
 @media screen and (max-width: 370px) {
     .imgMoneyBack {
         width: 100px !important;
    }
     .trustGuardImage img {
         width: 85%;
    }
}
 @media (min-width: 656px)and (max-width:768px) {
     .bottomsLinks {
         width: 100%;
         padding-left: 0px;
    }
     .bottomsLinks li {
         float: left;
         border-right: 1px solid #ccc;
         padding-left: 10px;
    }
}
/* @media screen and (max-width: 640px){
     .bottomsLinks {
         margin-top: 20px;
         display: flex;
         justify-content: center;
         margin-bottom: 0px;
    }
     .bottomsLinks li {
         float: left;
         list-style: none;
         border-right: 1px solid #ccc;
         padding: 0px 10px;
    }
}
 */
 @media (max-width:979px) {
     .second_select {
         width: 50%;
    }
     #product-img {
         max-width: 100%;
         max-height: 100%;
    }
}
 @media (min-width:393px) and (max-width:767px) {
     .productSection {
         justify-content: flex-end;
    }
     .wraperOrderDetailsPrice h5 {
         float: right;
         margin-right: 63px;
    }
     .wrapperSubscriptionSection, .innerContentDetails {
         width: 100%;
    }
}
 .CouponSection {
     margin-left: 15px;
     margin-right: 15px;
}
 @media screen and (max-width: 600px) {
     .bottomsLinks li {
         padding-bottom: 10px;
         font-size: 13px;
         float: none;
         text-align: center;
    }
}
 @media (max-width: 767px) and (min-width: 601px) {
     .bottomsLinks li {
         float: left;
         list-style: none;
         border-right: 1px solid #ccc;
         padding: 0px 5px;
         font-size: 13px;
    }
}
 .second_select {
     float: right;
}
 @media (max-width: 610px) {
     .bottomsLinks {
         display: block;
    }
     .paymentFormSection {
         padding-left: 10px 
    }
}
 @media (max-width: 761px) and (max-width: 767px) {
     .order_summary {
         float: unset;
    }
     .customerInfoHeading {
         margin-right: 15px;
    }
}
 #dev {
     clear: both;
     display: table;
     width: 588px;
     height: 33px;
     background: #f1f1f1;
     border: 1px solid #f1f1f1;
     text-align: center;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 13px;
     color: #666;
     line-height: 32px;
     margin: 15px auto 15px auto;
     padding: 0 0 0 0;
     font-weight: normal;
     border-radius: 4px;
     -webkit-border-radius: 4px;
}
 @media screen and (max-width: 768px) {
     #dev {
         display: table;
         width: 93%;
         height: 33px;
         background: #f1f1f1;
         border: 1px solid #f1f1f1;
         text-align: center;
         font-family: Arial, Helvetica, sans-serif;
         font-size: 12px;
         color: #666;
         line-height: 32px;
         margin: 15px auto 15px auto;
         padding: 0 0 0 0;
         font-weight: normal;
         border-radius: 4px;
         -webkit-border-radius: 4px;
         -o-border-radius: 4px;
    }
}
 @media (min-width: 601px) and (max-width: 610px) {
     .affiliate_text {
         margin-top: 30px;
    }
}
 #cbnew, #save_box {
     vertical-align: middle;
}
 .modal-header {
     padding: 0px 10px;
}
 .modalBodyWrapper {
     height: 90%;
     display: flex;
     align-items: center;
     width: 533px;
     max-width: 565px;
     margin: auto;
}
 .modalBodyWrapper p {
     font-size: 18px;
}
 .orText {
     font-weight: bold;
     font-size: 16px !important;
     color: #555555;
     font-family: Arial, Helvetica, sans-serif;
}
 .w-100 {
     width: 100%;
}
 .modal-title {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 20px;
     line-height: 36px;
     color: #555555;
     font-weight: 600;
     margin: auto;
     display: inline-block;
}
 .orText h5 {
     font-size: 20px;
     font-weight: bold;
     color: #555555;
     font-family: Arial, Helvetica, sans-serif;
}
.modalBodyWrapper input, .modalBodyWrapper select {
     text-align: left;
     height: 35px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 15px;
     color: #333;
     background: #fff;
     line-height: 35px;
     border: 1px solid #ccc;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -o-border-radius: 5px;
     box-shadow: 0 0 3px #CCC inset;
     -webkit-box-shadow: 0 0 3px #CCC;
     -o-box-shadow: 0 0 3px #CCC;
     padding: 0 0 0 10px;
     margin: 10px 0;
}
 .closeIcon {
     background: transparent;
     box-shadow: none;
     border: 0px;
}
 .fieldsWrapperOuter {
     display: flex;
}
 .fieldsWrapperOuter .fieldsWrapper {
     width: 50%;
     padding: 0px 15px;
    /* display: flex;
     */
}
 .fieldsWrapperOuter .fieldsWrapper input {
     width: 100%;
     margin-bottom: 2px;
}
 .fieldsWrapperOuter .fieldsWrapper select {
     width: 100% !important;
     padding-left: 0px;
     margin-bottom: 2px;
}
 .modalBodyPopupFirst {
     width: 500px;
     text-align: center;
}
 .topHeading {
     text-align: left;
     padding-left: 11px;
     padding-bottom: 15px;
}
/* The Modal (background) */
 .modal {
     display: none;
    /* Hidden by default */
     position: fixed;
    /* Stay in place */
     z-index: 9999;
    /* Sit on top */
     padding-top: 5%;
    /* Location of the box */
     left: 0;
     top: 0;
     width: 100%;
    /* Full width */
     height: 100%;
    /* Full height */
     overflow: auto;
    /* Enable scroll if needed */
     background-color: rgb(0, 0, 0);
    /* Fallback color */
     background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}
/* Modal Content */
/* .modal-content {
     background-color: #fefefe;
     margin: auto;
     padding: 20px;
     border: 1px solid #888;
     border-radius: 5px;
}
 */
/* The Close Button */
 .close {
     color: #aaaaaa;
     float: right;
     font-size: 28px;
     font-weight: bold;
}
 .close:hover, .close:focus {
     color: #000;
     text-decoration: none;
     cursor: pointer;
}
 .submitBtnWrapper {
     padding: 0px 15px;
}
 .submitBtnWrapper #ach_submit {
     width: 100%;
     width: 100%;
     height: 45px;
     text-align: center;
     font-family: Arial, Helvetica, sans-serif;
     color: #fff;
     font-size: 19px;
     text-transform: uppercase;
     background: rgb(196, 240, 253);
     background: -moz-linear-gradient(top, rgba(196, 240, 253, 1) 0%, rgba(0, 186, 242, 1) 2%, rgba(9, 147, 189, 1) 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(196, 240, 253, 1)), color-stop(2%, rgba(0, 186, 242, 1)), color-stop(100%, rgba(9, 147, 189, 1)));
     background: -webkit-linear-gradient(top, rgba(196, 240, 253, 1) 0%, rgba(0, 186, 242, 1) 2%, rgba(9, 147, 189, 1) 100%);
     background: -o-linear-gradient(top, rgba(196, 240, 253, 1) 0%, rgba(0, 186, 242, 1) 2%, rgba(9, 147, 189, 1) 100%);
     background: -ms-linear-gradient(top, rgba(196, 240, 253, 1) 0%, rgba(0, 186, 242, 1) 2%, rgba(9, 147, 189, 1) 100%);
     background: linear-gradient(to bottom, rgba(196, 240, 253, 1) 0%, rgba(0, 186, 242, 1) 2%, rgba(9, 147, 189, 1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4f0fd', endColorstr='#0993bd', GradientType=0);
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -o-border-radius: 5px;
     border: 1px solid #0993bd;
     margin: 10px 0 20px 0;
     cursor: pointer;
}
 .checkImageWrapper {
     background: url(/images/check_content.png);
     height: 220px;
     background-size: contain;
     background-repeat: no-repeat;
}
 .checkField {
     height: 20px !important;
     border-radius: 0px !important;
     box-shadow: none !important;
    /* border-color: #c8c8c8 !important;
     */
     margin-top: 25px !important;
     margin-left: 23px !important;
     font-size: 10px !important;
     margin-bottom: 0px !important;
}
 .radioButtonWrapper {
     display: flex;
     align-items: center;
     font-size: 11px;
     padding-left: 14px;
}
 .radioButtonWrapper input {
     margin-bottom: 0px !important;
     box-shadow: none !important;
     margin-left: 10px !important;
}
 .bottomFieldsWrapper {
     margin-top: 48px;
     display: flex;
     margin-left: 18px;
}
 .bottomFieldsWrapper input {
     margin-top: 0px !important;
     width: 100%;
}
 .bottomFieldsWrapper p {
     font-size: 10px;
     font-family: Arial, Helvetica, sans-serif;
     margin-top: 3px;
}
 .fieldsFirstWrapper {
     width: 32%;
     padding: 0px 10px;
}
 .fieldsSecondWrapper {
     width: 32%;
     padding: 0px 10px;
}
 .checkFieldBottom {
     height: 20px !important;
     border-radius: 0px !important;
     box-shadow: none !important;
    /* border-color: #c8c8c8 !important;
     */
     margin-top: 25px !important;
     margin-left: 0px !important;
     font-size: 10px !important;
     margin-bottom: 0px !important;
     text-align: left;
     height: 35px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 15px;
     color: #333;
     background: #fff;
     line-height: 35px;
     border: 1px solid #ccc;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -o-border-radius: 5px;
     box-shadow: 0 0 3px #CCC inset;
     -webkit-box-shadow: 0 0 3px #CCC;
     -o-box-shadow: 0 0 3px #CCC;
     padding: 0 0 0 10px;
     margin: 0 0 20px 0;
}
 .text-center {
     text-align: center;
}
 .country_class, .city_class {
     width: 66%;
     padding-right: 10px;
}
 .zipCodeSection, .stateSection {
    /* width:34%;
     */
     padding-left: 0px;
}
 #decline_msg {
     display: none;
}
 .validation_error_message {
     margin-top: 14px;
     display: flex;
    /* justify-content: center;
     */
     color: red;
     margin-left: 23px;
}
 .error_msg {
     display: none;
     color: red;
     font-family: Arial, sans-serif;
     font-size: 12px;
}
 @media screen and (min-width: 300px) and (max-width:380px) {
     .modalBodyWrapper {
         display: block;
         width: 300px;
    }
     .checkField {
         height: 18px !important;
         border-radius: 0px !important;
         box-shadow: none !important;
        /* border-color: #c8c8c8 !important;
         */
         margin-top: 19px !important;
         margin-left: 13px !important;
         font-size: 8px !important;
    }
     .bottomFieldsWrapper p {
         display: none;
    }
     .fieldsFirstWrapper input, .fieldsSecondWrapper input {
         width: 100%;
         padding-left: 5px !important;
         height: 18px !important;
    }
     .checkFieldBottom {
         font-size: 8px !important;
    }
     .bottomFieldsWrapper {
         margin-top: 15px;
         margin-left: 0px;
    }
     .middleFieldWrapper {
         margin-left: 149px;
    }
     .middleFieldWrapper .fieldsFirstWrapper {
         width: 95% !important;
    }
     .fieldsSecondWrapper, .fieldsFirstWrapper {
         width: 33%;
    }
     .checkImageWrapper {
         height: 110px;
    }
     .nameFieldWrapper {
         width: 30%;
    }
     #ach_fname, #ach_lname {
         width: 88%;
         margin-left: 11px !important;
    }
     #routingno {
         padding-left: 6px;
    }
     .checkFieldBottom {
         font-size: 7px !important;
    }
}
 @media screen and (max-width:499px) and (min-width: 381px) {
     .modalBodyWrapper {
         display: block;
         width: 350px;
    }
     .fieldsSecondWrapper input, .fieldsFirstWrapper input {
         width: 100%;
    }
     .bottomFieldsWrapper {
         margin-top: 25px;
         display: flex;
         margin-left: 7px;
    }
     .fieldsSecondWrapper, fieldsFirstWrapper {
         width: 32%;
    }
     .fieldsSecondWrapper p, .fieldsFirstWrapper p {
         display: none;
    }
     .checkImageWrapper {
         height: 135px;
    }
     .checkFieldBottom {
         font-size: 8px !important;
         padding-left: 5px;
    }
     .middleFieldWrapper {
         margin-left: 183px;
    }
     .middleFieldWrapper .fieldsFirstWrapper {
         width: 94% !important;
    }
}
 @media screen and (max-width:499px) {
     .topHeading {
         padding-bottom: 0px;
    }
     .orText h5 {
         margin-bottom: 0px;
    }
}
 @media screen and (max-width:500px) {
     .modalBodyPopupFirst {
         width: 100%;
         padding: 0px;
         margin-right: 0px;
    }
     .topHeading {
         display: flex;
         width: 100%;
    }
     .fieldsWrapper {
         width: 100% !important;
    }
     .fieldsWrapperOuter {
         display: block !important;
         padding: 0px 7px;
    }
     .fieldsWrapperOuter .fieldsWrapper {
         padding: 0px;
    }
     .submitBtnWrapper {
         padding: 0px 7px;
    }
}
 @media screen and (max-width:420px) {
     .modal-title {
         font-size: 12px;
    }
     .orText h5 {
         font-size: 12px;
    }
}
/* @media screen and (max-height:560px) {
     #achmodal2 .modal-content{
         height: 400px;
         overflow: auto;
    }
}
 */
 @media (min-height:560px) and (max-height:620px) {
     #achmodal2 .modal-content {
         height: 480px;
         overflow: auto;
    }
}
 .checkImageWrapper .nameFieldsWrapper {
     display: flex;
}
 @media (min-width:381px) and (max-width:499px) {
     .checkImageWrapper .nameFieldWrapper {
         width: 32%;
         display: flex;
    }
     .nameFieldWrapper input {
         width: 100% !important;
         margin-left: 16px !important;
    }
     #achmodal1 .modal-title, #achmodal1 .orText h5 {
         font-size: 16px;
    }
}
 .textfieldWrapper p {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 15px;
     background: #dff6b1;
     border-top: 1px solid #ebeaea;
     width: 100%;
     padding: 10px;
     margin-top: 10px;
     padding-top: 6px;
     height: 35px;
}
 @media screen and (max-width: 768px) {
     #securityCode, #cardid, .s_form .special_selectmonth .select, #selectyear, .f_form input[type="text"], #selectshippingcountry, #mobstate {
         padding-left: 5% !important;
    }
}
 .wrapperPaymentButton .btn {
     border: #6c757d !important;
}
 @media screen and (max-width:767px) {
     .zipCodeSection, .stateSection {
         padding-left: 0px;
    }
     .topLogoSection img, #trust_guard_seal {
         display: none;
    }
     .topLogoSection {
         float: right;
         margin-bottom: 17px;
    }
}
 @media screen and (max-width:334px) {
     .zipCodeSection, .stateSection {
         width: 40%;
    }
     .country_class, .city_class {
         width: 60%;
         padding-right: 10px;
    }
}
 .customerInfoHeadingfooter {
     font-size: 1.5rem;
}
 @media screen and (max-width:499px) {
     .wrapperLogo img {
         width: 140px;
    }
     .paymentFormSection img {
         width: 10px;
    }
     .paymentFormSection p {
         font-size: 11px;
    }
     .checkFieldBottom {
         font-size: 8px;
    }
     #achmodal2 .modal-content {
         height: 700px;
    }
     .fieldsFirstWrapper input, .fieldsSecondWrapper input {
         padding-left: 4px;
    }
     .fieldsWrapperOuter .fieldsWrapper input, .fieldsWrapperOuter .fieldsWrapper select, .textfieldWrapper p {
         height: 32px;
    }
     #achmodal1 .modalBodyWrapper {
         margin-top: 114px;
    }
}
 @media screen and (max-width:355px) {
     .wrapperLogo img {
         width: 108px;
    }
     .paymentFormSection img {
         width: 8px;
    }
     .paymentFormSection p {
         font-size: 9px;
         margin-left: 3px;
    }
     .paymentFormSection {
         justify-content: flex-start;
         padding: 6px 7px !important;
    }
}
 @media screen and (min-width:611px) {
     .paymentFormSection {
         margin-right: 15px;
    }
}
 .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child), .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
     border-radius: 0px;
}
 .modal-backdrop.in {
     z-index: 2;
}
 .container {
     z-index: 1;
}
/* @media screen and (max-width: 765px){
     */
     .questionMarkIcon {
         top: 6px !important;
         right: 5px;
    }
    /* 
}
 */
 #security::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
     content: "Security";
}
 @media screen and (min-width: 414px) {
     .securityfield {
         float: left;
    }
}
 @media (min-width:380px) and (max-width:767px) {
     .securityfield {
         width: 33%;
         float: right;
    }
     .wrapperInnerExpiryDate .expirationfield {
         padding: 0px;
         width: 67%;
         float: left;
    }
}
 @media screen and (max-width: 380px) {
     .securityfield {
         width: 49%;
         float: right;
         padding: 0px;
    }
     .wrapperInnerExpiryDate .expirationfield {
         padding: 0px;
         width: 49%;
         float: left;
    }
     .wrapperInnerExpiryDate .securityfield label {
         float: right;
    }
}
 @media screen and (max-width: 420px) {
     .wrapperApplyButton button {
         margin-top: 0px;
    }
}
 @media screen and (min-width: 611px) {
     .wrapperPaymentButton .btn {
         border-radius: unset;
    }
     .wrapperPaymentButton .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
         border-top-left-radius: 7px;
         border-bottom-left-radius: 7px;
    }
     .wrapperPaymentButton .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
         border-top-right-radius: 7px;
         border-bottom-right-radius: 7px;
    }
}
 @media (min-width:500px) and (max-width: 570px) {
     .modalBodyWrapper {
         width: 476px;
    }
     .fieldsSecondWrapper p, .fieldsFirstWrapper p {
         display: none;
    }
     .checkImageWrapper {
         height: 190px;
    }
     .bottomFieldsWrapper {
         margin-top: 50px;
         margin-left: 13px;
    }
     .middleFieldWrapper {
         margin-top: 24px;
         margin-left: 266px;
    }
     .modalBodyPopupFirst {
         width: 410px;
    }
}
 .submitBtnWrapper #ach_submit {
     margin-top: 0px;
}
 .modal button.close {
     color: black;
}
 #card_error, #ccnoerror {
     color: red;
     font-family: Arial, sans-serif;
     font-size: 12px;
     margin-left: 5px;
     display: none;
}
 #countdown {
     font-weight: bold;
}
 #redurl a {
     color: #fff;
     font-weight: bold;
     text-decoration: underline;
     cursor: pointer 
}
 #blockmsg {
     background: #f35a5a;
     border: 1px solid #fff;
     text-align: center;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 14px;
     color: #FFE;
     line-height: 22px;
     margin: 15px auto 15px auto;
     padding: 5px 10px 7px 10px;
     font-weight: normal;
     -webkit-border-radius: 4px;
}
 #cp_error {
     display: none;
     color: red;
     margin-left: 2% !important;
     margin-top: 1%;
     font-weight: normal;
     font-family: Arial, sans-serif;
     font-size: 12px;
}
 .buttonload {
     background-color: #adadad;
    /* Gray background */
     border: none;
    /* Remove borders */
     color: white;
    /* White text */
     padding: 7px 16px;
    /* Some padding */
     font-size: 20px;
    /* Set a font-size */
     float: right;
     width: 100%;
     border-radius: 5px;
     margin: 18px 0px 20px 0;
}
 .dupbuttonload {
     background-color: #adadad;
    /* Gray background */
     border: none;
    /* Remove borders */
     color: white;
    /* White text */
     padding: 7px 16px;
    /* Some padding */
     font-size: 20px;
    /* Set a font-size */
     float: right;
     width: 100%;
     border-radius: 5px;
     margin: 0px 0px 20px 0;
     height: 55px;
}
 .duplicate-purchase h1 {
     font-size: 14px;
     padding-bottom: 7px;
     font-family: Arial, Helvetica, sans-serif;
     font-weight: normal;
     color: red;
     height: 55px;
     line-height: 23px;
     text-align: center;
}
 .resend_resceipt {
     background: #a2d62e;
     margin-top: 0px;
     padding: 3px;
     font-size: 13px;
     border-radius: 5px;
     margin-top: 0px;
}
 .resend_resceipt a {
     color: white;
}
 .duplicate_btn {
     height: 55px;
     font-size: 14px;
     background: #a2d62e;
     margin-top: 0px;
     padding: 3px;
     border-radius: 5px;
     margin-top: 0px;
     color: white;
     font-size: 12px;
     border: #a2d62e;
     line-height: 23px;
     font-family: Arial, Helvetica, sans-serif;
     font-weight: normal;
}
 #duplicatepanel {
     margin-bottom: 20px;
     display: none;
}
 .order-receipt {
     text-decoration: none;
     margin-left: 1%;
}
 #mobileCpnMessage {
     display: none;
     color: #06A906;
}
 #mobileCpnMessage .col-sm-10, #mobileCpnMessage .col-xs-7 .vat_section .col-sm-10, .vat_section .col-xs-7, #addonservicefeature .col-sm-7, #addonservicefeature .col-xs-7 {
     padding-left: 0px;
}
 .innerSubscriptionSection h3 {
     font-size: 12px;
}
 .css-checkbox {
     position: absolute;
     overflow: hidden;
     clip: rect(0 0 0 0);
     height: 1px;
     width: 1px;
     margin: -1px;
     padding: 0;
     border: 0;
}
 #demo_box_1 .css-label {
     padding-left: 0;
     height: 26px;
     display: inline-block;
     line-height: 21px;
     background-repeat: no-repeat;
     background-position: 0 0;
     font-size: 14px;
     vertical-align: middle;
     cursor: pointer;
     margin: 0 10px 0 0;
}
 .css-label {
     float: left !important;
     width: 520px !important;
     background: no-repeat;
     color: #666;
     line-height: 25px;
}
 #addonservicefeature input {
     display: inline-block;
     width: fit-content;
     height: unset;
     vertical-align: top;
     margin-bottom: 0;
}
 .addon_value h5 {
     margin-top: 5px;
}
 #HotelUrgencyMsg {
     position: fixed;
     _position: absolute;
     border: 4px solid #8ec431;
     background-color: #9ddb21;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     bottom: 50px;
     right: 55px;
     width: 250px;
     z-index: 9999;
}
 #BookingMessage {
     color: #000;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     line-height: 1.2;
     padding: 16px 0px 16px 16px;
     float: left;
     width: 80%;
}
 #CloseButton {
     float: right;
     padding-bottom: 16px;
     padding-right: 1px;
}
 #CloseButtonImg {
     cursor: pointer;
}
 #payfields {
     display: none;
}
 .creditcard {
     background-repeat: no-repeat !important;
     background-position: right !important;
}
 .classdisabled {
     border: 1px solid #ccc;
     background: #f1f1f1;
     color: #999;
     cursor: not-allowed;
}
 button.classdisabled:hover {
     background: #f1f1f1;
     border-color: #f1f1f1;
}
 .error {
     color: red;
     font-family: Arial, sans-serif;
     font-size: 12px;
     margin-left: 5px;
}
 .inputerror {
     border: 1px solid #F00 !important;
}
 #btn_pay {
     margin-bottom: 15px;
}
 .expirationfield {
     padding-left: 0px;
}
 .ach_buttonload {
     width: 100%;
     height: 45px;
     text-align: center;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 19px;
     background-color: #adadad;
    /* padding: 12px 14px;
     */
    /* margin-right: 8px;
     */
     border: 0px;
     color: #fff;
     border-radius: 5px;
    /* width: 46%;
     */
    /* margin: -12px 30px 14px 0;
     */
    /* height: 20%;
     */
     font-weight: normal;
     font-size: inherit;
     float: right;
}
 .footersection {
     margin-left: 2px;
}
 .zippadding {
     padding-left: 15px;
}
 .language_dropdown {
     text-align: right;
}
 @media (min-width:575px) and (max-width:610px) {
     .secondTopSection .paymentFormSection {
         padding-top: 10px;
    }
}
 @media (min-width:648px) and (max-width:737px) {
     .paymentFormSection p {
         font-size: 12px;
    }
     .paymentFormSection img {
         width: 6%;
    }
}
 @media (min-width:562px) and (max-width:647px) {
     .paymentFormSection p {
         font-size: 11px;
    }
     .paymentFormSection img {
         width: 5%;
    }
}
 @media (min-width:523px) and (max-width:561px) {
     .paymentFormSection p {
         font-size: 10px;
    }
     .paymentFormSection img {
         width: 5%;
    }
}
 @media (min-width:484px) and (max-width:523px) {
     .paymentFormSection p {
         font-size: 9px;
         margin-left: 3px;
    }
     .paymentFormSection img {
         width: 5%;
    }
}
 @media (min-width:430px) and (max-width:483px) {
     .paymentFormSection p {
         font-size: 8px;
         margin-left: 3px;
    }
     .paymentFormSection img {
         width: 5%;
    }
}
 @media (min-width:391px) and (max-width:445px) {
     .paymentFormSection p {
         font-size: 7px;
         margin-left: 3px;
    }
     .paymentFormSection img {
         width: 5%;
    }
}
 @media screen and (max-width:391px) {
     .paymentFormSection p {
         font-size: 6px;
         margin-left: 3px;
    }
     .paymentFormSection img {
         width: 5%;
    }
}
 .wrapperLogo img {
     width: 90%;
}
 .wrapperLogo {
     padding-right: 0px;
}
 @media (min-width:506px) and (max-width:610px) {
     secondTopSection .paymentFormSection {
         padding-top: 4px;
    }
}
 @media (min-width:446px) and (max-width:499px) {
     secondTopSection .paymentFormSection {
         padding-top: 5px;
    }
}
 @media screen and (max-width:499px) {
     secondTopSection .paymentFormSection {
         padding-top: 6px;
         padding-left: 6px;
    }
}
 @media screen and (max-width:499px) {
     .language_dropdown select {
         width: 100%;
    }
}
 @media screen and (max-width:611px) {
     .wrapperPaymentButton .btn {
         width: 100%;
    }
}
 .btn.active {
     -webkit-box-shadow: unset;
     box-shadow: unset;
}
 #addonservicefeature {
     padding-top: 15px;
}
 .addonserviceblock {
     padding-left: 0px;
}
 #addonservicefeature input{
     width: 16px;
}
 .special_select {
     padding-left: 0px;
}
 @media (min-width:455px) and (max-width:574px) {
     secondTopSection .paymentFormSection {
         padding-top: 10px;
    }
}
 @media (min-width:411px) and (max-width:454px) {
     secondTopSection .paymentFormSection {
         padding-top: 8px;
    }
}
 @media (min-width:320px) and (max-width:410px) {
     secondTopSection .paymentFormSection {
         padding-top: 6px;
    }
}
 @media screen and (min-width:571px) {
     .middleFieldWrapper {
         margin-top: 35px;
         margin-left: 311px;
    }
}
 .middleFieldWrapper .fieldsFirstWrapper {
     width: 88%;
}
 .middleFieldWrapper input {
     margin-top: 0px !important;
     width: 100%;
     background: #dff6b1;
     border: 1px solid #ebeaea;
}
 input#ach_price {
     outline: none;
}
 .fieldsWrapper .intl-tel-input {
     margin: 10px 0;
     margin-bottom: 2px;
}
/*Added because of red border in input field in firefox*/
 :not(output):-moz-ui-invalid:not(:focus) {
     box-shadow: none;
}
 :not(output):-moz-ui-invalid:-moz-focusring:not(:focus) {
     box-shadow: none;
}
/*Added because of red border in input field in firefox**/
 .addontooltip {
     color: #ffffff;
     background: #8eca17;
     width: 22px;
     height: 22px;
     padding: 3px 5px;
     border: 1px solid #ffffff;
     border-radius: 50%;
}
 .addonservicesection {
     margin-left: 15px;
     margin-right: 15px;
}
 .addonservicesection .col-sm-12, addonservicesection .col-xs-12, .addonservicetext {
     padding-left: 0px;
}
 .addonservicesection .addonserviceheading {
     padding-left: 0px;
}
 .addonservicediv .col-xs-1 .addonservicediv .col-sm-1 {
     padding-right: 0px;
}
 .addonservicesection h1 {
     font-size: 15px;
     font-weight: bold;
     text-transform: uppercase;
     padding: 10px;
     margin-top: 19px;
     border-bottom: 1px solid #d4d4d4;
}
 .addonservicesection .addonservicediv {
     padding-left: 0px;
     padding-right: 0px;
     padding-top: 10px;
     padding-bottom: 10px;
    /* margin-left: 15px;
     */
     margin-bottom: 15px;
     margin-right: 15px;
    /* background-color: #f7f5f5a6;
     */
     border: 1px solid #ccc;
     border-radius: 4px;
     background-color: white;
}
 .addon_price h5, .addon_price {
     float: right;
}
 .addonservicesection .col-sm-12 {
     padding-left: 0px;
}
 @media screen and (max-width:845px) {
     .addon_price {
         width: 25px;
    }
}
 @media screen and (max-width:466px) {
     .addonservicetext {
         padding-left: 12px;
    }
}
 @media screen and (max-width: 763px) {
     #cp_validated {
         margin-top: 28px !important;
    }
}
 #addonserviceprices h5, .cbservicefee h5 {
     float: right;
}
 .pprice h5 {
     margin-right: 16px;
}
 @media (min-width: 768px) and (max-width: 866px) {
     .addonservicesection .addonservicetext b {
         margin-left: 9px !important;
    }
}
 @media (min-width: 941px) and (max-width: 991px) {
     .addonservicesection .addonservicetext b {
         margin-left: 9px !important;
    }
}
 .thanks_popup_error_message {
     color: red;
     font-family: Arial, sans-serif;
}
 .sub_msg {
     text-align: center;
     padding-bottom: 20px;
     font-size: 20px;
     font-weight: 600;
     padding-top: 50px;
     padding-bottom: 50px;
}
 .sub_msg .success_msg {
     color: green;
}
 .sub_msg .thanks_popup_error_message {
     color: red;
}
 #exitButton {
     cursor: pointer;
}
 @media only screen and (max-width: 1026px) {
     .productImage {
         display: none !important;
    }
}
 .addWidth100 {
     width: 100%;
}
 .material input, .material select{
     height: 45px;
     color: #999 !important;
     font-size: 17px;
}
 .material label{
     color: #999 !important;
     top: 11px;
     font-size: 17px;
}
 .d-flex.flex-wrap.align-items-center.m-0.p-0.mt-3 {
     display: flex;
}
 .d-flex.flex-wrap.align-items-center.m-0.p-0.mt-3 .material:last-child{
     margin-right: 0;
}
 .coupon-custom-wrapper .coupon-code{
     height: 45px !important;
     margin-bottom: 0;
}
 .apply-btn{
     margin-top: 5px !important;
     padding: 13.5px 20px !important;
}
 .btn-success{
     background-color: #9c9c9c;
     border-color: #9c9c9c;
     transition: all ease .4s;
     -webkit-transition: all ease .4s;
     -moz-transition: all ease .4s;
     -ms-transition: all ease .4s;
     -o-transition: all ease .4s;
}
 .btn-success:hover,.btn-success:focus{
     background-color: #656161;
     border-color: #656161;
}
 .apply-btn{
     background-color: #9c9c9c !important;
     transition: all ease .4s;
     -webkit-transition: all ease .4s;
     -moz-transition: all ease .4s;
     -ms-transition: all ease .4s;
     -o-transition: all ease .4s;
     margin-right: 0 !important;
}
 .apply-btn:hover,.apply-btn:focus{
     background-color: #656161 !important;
}
 .addonserviceblock{
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .vat_section{
     border-bottom: 1px solid #999;
}
 .addon_price h5, .addon_price{
     margin: 0;
     margin-top: 2.5px;
}
 .addonservicesection #addonservicefeature input{
     margin-bottom: 9px;
     width: 16px;
}
 .pay_now{
     transition: all ease .4s;
     -webkit-transition: all ease .4s;
     -moz-transition: all ease .4s;
     -ms-transition: all ease .4s;
     -o-transition: all ease .4s;
}
 .pay_now:hover,.pay_now:focus{
     background: #b1271d;
}
 .language_dropdown #change_language{
     color: #5c5c5c !important;
     background-color: transparent;
     box-sizing: border-box;
     width: 50%;
     padding: 12px 10px 12px 10px;
     border: none;
     font-weight: 400;
     outline: none;
     cursor: text;
     border: 1px solid #5c5c5c;
     border-radius: 4px;
     transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
 .addonservicesection{
     margin: 0 !important;
}
 .material{
     margin-left: 0 !important;
}
 .addonservicesection .col-sm-12{
     padding-right: 0 !important;
}
 #addonservicefeature{
     margin-right: 0!important;
}
 @media(max-width: 991px){
     .language_dropdown #change_language{
         width: 100%;
    }
}
 @media(max-width: 767px){
     .customerInfoHeading{
         margin-right: 0;
    }
     .material{
         margin-right: 0 !important;
    }
     .material.mb-mr{
         margin-right: 10px !important;
    }
     #dev{
         margin-left: 0 !important;
         margin-right: 0 !important;
         width: 100%;
    }
     .paymentFormSection img{
         width: 15% 
    }
     .paymentFormSection p{
         font-size: 10px;
         margin-left: 10px;
    }
     .language_dropdown{
         margin-top: 10px;
    }
}
 #card-info .modal_flex {
     display: block;
     text-align: right;
     width: 100%;
     margin-top: -15px;
     margin-bottom: 10px;
}
 #card-info .modal_flex .modal_btn{
     border: 0;
     background: transparent;
     padding: 0;
     color: #337ab7;
     display: inline-block;
     width: 32%;
     text-align: left;
     font-size: 16px;
}
 .card_popup .modal-header{
     padding: 30px 20px;
}
 .card_popup .modal-header h4{
     display: flex;
     align-items: center;
     font-weight: 300;
     font-size: 26px;
     color: #333333;
     margin-bottom: 0;
}
 .card_popup .modal-header h4 img{
     margin-right: 10px;
}
 .card_popup .modal-body{
     padding: 25px 20px;
}
 .card_popup .modal-body p{
     color: #373737;
     font-size: 18px;
     margin-bottom: 0;
}
 .card_popup .modal-body .card_img{
     display: block;
     margin: 15px auto;
     width: 50%;
}
 .card_popup .modal-footer{
     padding: 20px;
}
 .card_popup .modal-footer .btn-white{
     background: white;
     border: 1px solid #D8D8D8;
     color: #585757;
     font-size: 18px;
     padding: 8px 20px;
     transition: all ease .4s;
     -webkit-transition: all ease .4s;
     -moz-transition: all ease .4s;
     -ms-transition: all ease .4s;
     -o-transition: all ease .4s;
}
 .card_popup .modal-footer .btn-white:hover,.card_popup .modal-footer .btn-white:focus{
     background-color: #585757;
     color: white;
}
 .productImage{
     display: block !important;
}
 .bttn_flex{
     display: flex;
     align-items: center;
     width: 100%;
     justify-content: flex-end;
}
 .bttn_flex_mob{
     display: none;
     align-items: center;
     width: 100%;
     justify-content: flex-end;
     margin-bottom: 10px;
}
 .trust-images{
     padding-left: 0 !important;
     padding-right: 0 !important;
     height: inherit !important;
     padding-top: 20px !important;
     justify-content: space-between !important;
}
 .trust-images img{
     height: 45px !important;
     max-width: 50%;
}
 @media(max-width: 991px){
     .trust-images img{
         height: 35px !important;
         max-width: 50%;
    }
}
 @media(max-width: 767px){
     .bttn_flex{
         display: none;
    }
     .bttn_flex_mob{
         display: flex;
    }
    /*#card-info .modal_flex .modal_btn{
         width: 100%;
    }
    */
     .card-extra-details {
         display: flex;
         justify-content: space-between !important;
    }
     .card-extra-details .material{
         width: 32%;
    }
     .card_popup .modal-body .card_img{
         width: 75%;
    }
     .card_popup .modal-header h4{
         font-size: 20px;
    }
     .card_popup .modal-body p{
         font-size: 16px;
    }
     .trust-images img{
         max-width: 50%;
         height: initial;
    }
     .trust-images{
         padding-left: 0 !important;
         padding-right: 0 !important;
         height: inherit !important;
         padding-top: 0 !important;
    }
     .trust-images img{
         height: inherit !important;
         max-width: 45% !important;
    }
}
 .coupon_highlight_box{
    float: left;
}
 .order_heading_left{
    width: 55%;
    float: left;
    text-align: left;
}
 .order_heading_right{
    width: 45%;
    float: right;
    text-align: right;
}
 .desktopviewtitle{
    display: inline-block;
}
 .currency_inp{
    padding: 0 !important;
     margin: 7px 0px;
}
 .buttonload{
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    height: 55px;
    font-size: 19px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    text-transform: uppercase;
    cursor: pointer !important;
    background-color: green;
    color: #ffffff;
}
 .upsellwait{
    width: 100%;
}
 .initial_none_sezzle{
    display: none;
}
 .bg_white{
    background: #ffffff;
}
 #bcname_box, #cname_box{
    margin-top: 15px;
}
 #mycform{
    z-index: 3000;
     top: 277.172px;
     left: 1088.48px;
     width: 100%;
     height: 45px;
    margin-bottom: 20px;
    border: 1px solid #5c5c5c;
    border-radius: 4px;
}
 #mycform iframe{
    height: 45px !important;
}
 .mycform-status{
    display: none;
    color: red;
    font-family: Arial,sans-serif;
    font-size: 12px;
    margin-top: -10px;
}
 .or_title {
    text-align: center;
    overflow: hidden;
    font-size: 18px;
    font-weight: 700;
}
 .or_title span {
    display: inline-block;
    position: relative;
    padding: 5px 10px;
}
 #bottom_top{
    background: #ffffff;
    color: #000000;
    padding-bottom: 10px;
    _width: 100%;
    _float: left;
}
 #bottom_down{
    background: #2A027F;
    color: #ffffff;
    padding-top: 15px;
    _width: 100%;
    _float: left;
}
 #bottom_top h2{
    font-size: 24px;
}
 #bottom_top p{
    font-size: 13px;
}
 @media screen and (max-width: 397px) {
     .payment-method-button{
        padding: 6px 8px !important;
        font-size: 14px;
    }
     .payment-method-icon{
        margin-right: 8px !important;
    }
}
 @media screen and (max-width: 354px) {
     .payment-method-button{
        padding: 6px 6px !important;
        font-size: 12px;
    }
     .payment-method-icon{
        margin-right: 6px !important;
    }
}
 @media screen and (max-width: 520px) {
     .m_m_0{
        margin: 0;
        padding: 0;
    }
     .systemhubs_image{
        margin: 0 auto;
        display: block;
    }
     #warningmodal .modal-content{
        float: left;
        padding-bottom: 10px;
    }
     #warningmodal .modal-content a{
        float: left;
        width: 100%;
        margin-top: 5px;
    }
     .desktopviewtitle{
        display: none;
    }
     .order_heading_left{
        padding-left: 0;
        padding-right: 0;
    }
     .order_heading_right{
        padding-left: 0;
        padding-right: 0;
    }
}

/* ========================================================================== */
/* PERFECT-INSPIRED CHECKOUT — SAFE OVERRIDE LAYER                            */
/* Keep this block at the end of the file. It only changes presentation.      */
/* ========================================================================== */

:root {
    --checkout-bg: #f5f7f8;
    --checkout-surface: #ffffff;
    --checkout-surface-soft: #f6f7f7;
    --checkout-line: #d9dfe2;
    --checkout-line-strong: #c2cbd0;
    --checkout-ink: #20272b;
    --checkout-muted: #59666d;
    --checkout-placeholder: #66737a;
    --checkout-primary: #238843;
    --checkout-primary-hover: #196f36;
    --checkout-primary-soft: #f2faf4;
    --checkout-teal: #078d96;
    --checkout-teal-dark: #087782;
    --checkout-danger: #c83737;
    --checkout-focus: rgba(35, 136, 67, 0.2);
    --checkout-radius: 10px;
    --checkout-control-height: 46px;
}

html {
    min-width: 320px;
    background: var(--checkout-bg);
}

body {
    min-width: 320px;
    margin: 0 !important;
    background: var(--checkout-bg) !important;
    color: var(--checkout-ink);
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px;
    line-height: 1.45;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Main shell and brand header */
#defaultcontainer.container {
    width: calc(100% - 32px) !important;
    max-width: 1080px !important;
    margin: 28px auto 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.topLogoSection {
    width: 100% !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
    overflow: hidden;
    border-radius: 14px;
    background: var(--checkout-teal) !important;
}

.topLogoSection img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    max-height: 240px !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: cover;
}

/* Remove the unused spacer and build a single-column checkout card. */
#defaultcontainer > .row {
    margin: 0 !important;
}

#defaultcontainer > .row > .desktopview:first-child {
    display: none !important;
}

#defaultcontainer > .row > .col-sm-12:last-child {
    width: 100%;
    padding: 0 !important;
}

#defaultcontainer > .row > .col-sm-12:last-child > .row:first-child {
    position: relative;
    display: flex;
    width: 100%;
    margin: 0 !important;
    padding: 22px 16px 20px !important;
    flex-direction: column;
    overflow: visible;
    border: 1px solid var(--checkout-line);
    border-radius: 12px;
    background: var(--checkout-surface);
}

/* Flatten presentation-only wrappers so CSS can match the reference order:
   product -> customer/payment fields -> summary -> CTA -> trust badges. */
#defaultcontainer > .row > .col-sm-12:last-child > .row:first-child > .order_summary:first-child,
#defaultcontainer > .row > .col-sm-12:last-child > .row:first-child > .order_summary:first-child > .wrapperRightForm,
#defaultcontainer > .row > .col-sm-12:last-child > .row:first-child > .order_summary:first-child .outerYourDetails,
#defaultcontainer > .row > .col-sm-12:last-child > .row:first-child > .order_summary:first-child .wraperOrderDetails,
#defaultcontainer > .row > .col-sm-12:last-child > .row:first-child > .order_summary:first-child .outerYourDetails > .wrapperRightForm {
    display: contents !important;
}

#defaultcontainer > .row > .col-sm-12:last-child > .row:first-child > .order_summary:last-child {
    display: none !important;
}

/* Product header */
.outerYourDetails > div[style*="display: flex"] {
    order: 10;
    position: absolute !important;
    top: 53px;
    right: 32px;
    z-index: 1;
    width: auto !important;
}

.outerYourDetails > div[style*="display: flex"] .order_heading_left {
    display: none !important;
}

.outerYourDetails > div[style*="display: flex"] .order_heading_right {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--checkout-primary) !important;
    font-size: 22px !important;
    line-height: 1.2;
    text-transform: none !important;
}

.wraperOrderDetails > .col-sm-10:first-child {
    order: 11;
    width: 100% !important;
    min-height: 38px;
    margin: 0 !important;
    padding: 13px 170px 0 116px !important;
}

.wraperOrderDetails > .col-sm-10:first-child h5 {
    margin: 0 !important;
    color: var(--checkout-ink);
    font-size: 17px !important;
    line-height: 1.3;
}

.wraperOrderDetails > .col-sm-8 {
    order: 12;
    width: 100% !important;
    min-height: 74px;
    margin: 0 0 18px !important;
    padding: 4px 170px 24px 116px !important;
    border-bottom: 1px solid var(--checkout-line);
}

.wraperOrderDetails > .col-sm-8 #pdescription {
    margin: 0 !important;
    color: var(--checkout-muted) !important;
    font-size: 13px !important;
    line-height: 1.45;
}

.wraperOrderDetails > .productSection {
    order: 9;
    position: absolute !important;
    top: 34px;
    left: 32px;
    z-index: 1;
    display: block !important;
    width: 88px !important;
    height: 88px !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border-radius: 6px;
    background: var(--checkout-surface-soft);
}

.wraperOrderDetails > .productSection img,
.wraperOrderDetails .pimgurl,
.productImage {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover;
}

/* Customer and card form */
#myForm {
    order: 20;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 16px !important;
}

#myForm > .info_box {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#myForm > .info_box > .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

#myForm .customerInfoHeading {
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border: 0 !important;
    font-size: 0 !important;
}

#myForm .material {
    position: relative;
    display: flex !important;
    width: 100% !important;
    min-height: 0;
    margin: 0 0 14px !important;
    padding: 0 !important;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    overflow: visible;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

#myForm .material:hover,
#myForm .material:focus-within,
#myForm .material.error,
#myForm .material.red {
    border: 0 !important;
}

#myForm .material label {
    position: static !important;
    order: -1;
    width: 100%;
    margin: 0 0 6px !important;
    padding: 0 !important;
    transform: none !important;
    color: var(--checkout-muted) !important;
    background: transparent !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.35;
    pointer-events: auto;
}

#myForm .material input:not([type="hidden"]),
#myForm .material select,
#mycform {
    display: block;
    width: 100% !important;
    height: var(--checkout-control-height) !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid var(--checkout-line) !important;
    border-radius: 6px !important;
    outline: 0 !important;
    background: var(--checkout-surface) !important;
    color: var(--checkout-ink) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.4;
    transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

#myForm .material input:not([type="hidden"]):hover,
#myForm .material select:hover,
#mycform:hover {
    border-color: var(--checkout-line-strong) !important;
}

#myForm .material input:not([type="hidden"]):focus,
#myForm .material select:focus,
#mycform:focus-within {
    border-color: var(--checkout-primary) !important;
    box-shadow: 0 0 0 3px var(--checkout-focus) !important;
}

#myForm input::placeholder,
#myForm textarea::placeholder {
    color: var(--checkout-placeholder) !important;
    opacity: 1 !important;
}

#myForm .material.error {
    margin-bottom: 30px !important;
}

#myForm .material.error input:not([type="hidden"]),
#myForm .material.error select,
#myForm .inputerror {
    border-color: var(--checkout-danger) !important;
}

#myForm .material p {
    position: absolute !important;
    right: 0;
    bottom: -20px !important;
    left: 0;
    margin: 0 !important;
    color: var(--checkout-danger) !important;
    font-size: 12px !important;
    line-height: 1.35;
}

#myForm .iti,
#myForm .intl-tel-input,
#myForm .separate-dial-code {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

#myForm .phone-number-field .iti input,
#myForm .phone-number-field .intl-tel-input input {
    padding-left: 98px !important;
}

#myForm .iti__flag-container,
#myForm .flag-container {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 2;
    height: var(--checkout-control-height) !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 6px 0 0 6px;
    background: var(--checkout-surface-soft);
}

#myForm .iti__selected-flag,
#myForm .selected-flag {
    height: 100% !important;
    padding: 0 10px !important;
    border-right: 1px solid var(--checkout-line);
    background: var(--checkout-surface-soft) !important;
}

#myForm .iti__country-list,
#myForm .country-list {
    z-index: 30 !important;
    max-width: min(420px, calc(100vw - 48px));
    border-color: var(--checkout-line) !important;
    border-radius: 6px;
    background: var(--checkout-surface) !important;
}

/* Express payment remains available, but no longer controls the hierarchy. */
#myForm .s_form > table {
    width: 100% !important;
    margin: 0 0 14px !important;
}

#myForm .googlePayButton,
#myForm .CollectJSGooglePayIFrame {
    width: 100% !important;
    min-height: 44px;
    border-radius: 5px;
}

#myForm .or_title {
    margin: 8px 0 4px;
    color: var(--checkout-muted);
    font-size: 13px;
    font-weight: 600;
}

#myForm .or_title span {
    padding: 0 10px;
    background: var(--checkout-surface);
}

/* Selected payment method */
#myForm .bttn_flex,
#myForm .bttn_flex_mob,
#myForm .wrapperPaymentButton,
#myForm .btn-group {
    display: flex !important;
    width: 100% !important;
    margin: 0 0 16px !important;
}

#myForm .bttn_flex_mob {
    display: none !important;
}

#myForm .payment-method-button,
#myForm .wrapperPaymentButton .btn {
    display: flex;
    width: 100% !important;
    min-height: 56px;
    padding: 12px 16px !important;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--checkout-primary) !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: var(--checkout-primary-soft) !important;
    color: var(--checkout-primary) !important;
    font-size: 14px !important;
    font-weight: 600;
    text-transform: none;
    box-shadow: none !important;
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}

#myForm .payment-method-button:hover,
#myForm .payment-method-button:focus,
#myForm .wrapperPaymentButton .btn:hover,
#myForm .wrapperPaymentButton .btn:focus {
    border-color: var(--checkout-primary-hover) !important;
    background: #eaf6ed !important;
    color: var(--checkout-primary-hover) !important;
}

#myForm .payment-method-icon {
    margin-right: 7px !important;
    font-size: 18px;
}

#card-info {
    width: 100%;
    margin: 0 !important;
}

#card-info .material:first-child {
    position: relative;
}

#card-info #creditCardImage {
    position: absolute;
    right: 12px;
    bottom: 13px;
    z-index: 1;
    width: auto !important;
    max-width: 42px;
    height: 20px;
    margin: 0 !important;
    object-fit: contain;
}

#card-info #cardid {
    padding-right: 62px !important;
}

#card-info .card-extra-details {
    display: flex !important;
    width: 100%;
    margin: 0;
    align-items: flex-start;
    gap: 14px;
}

#card-info .card-extra-details .material {
    flex: 1 1 0;
}

#card-info .modal_flex {
    width: 100%;
    margin: -8px 0 14px !important;
    text-align: right;
}

#card-info .modal_flex .modal_btn {
    width: auto !important;
    padding: 2px 0 !important;
    border: 0;
    background: transparent;
    color: var(--checkout-primary) !important;
    font-size: 12px !important;
    text-align: right !important;
}

#card-info .modal_flex .modal_btn:hover,
#card-info .modal_flex .modal_btn:focus {
    color: var(--checkout-primary-hover) !important;
    text-decoration: underline;
}

#myForm .d-flex.flex-wrap.align-items-center.m-0.p-0.mt-3 {
    display: flex !important;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    gap: 14px;
}

#myForm .d-flex.flex-wrap.align-items-center.m-0.p-0.mt-3 .material {
    flex: 1 1 0;
}

/* Optional add-ons stay above the order summary. */
#addonservicefeature {
    order: 24;
    width: auto !important;
    margin: 2px 16px 12px !important;
    padding: 0 !important;
}

.addonservicesection {
    order: 25;
    width: auto !important;
    margin: 0 16px 16px !important;
    padding: 0 !important;
}

.addonservicesection .addonservicediv {
    margin: 0 0 10px !important;
    border: 1px solid var(--checkout-line) !important;
    border-radius: 6px !important;
    background: var(--checkout-surface) !important;
}

/* Order summary */
.wraperOrderDetails > #mobileCpnMessage,
.wraperOrderDetails > .vat_section,
.wraperOrderDetails > .col-sm-12:not(.vat_section),
.wraperOrderDetails > .row {
    order: 30;
}

.wraperOrderDetails > .vat_section {
    display: flex !important;
    width: auto !important;
    margin: 0 16px !important;
    padding: 11px 14px !important;
    align-items: center;
    border: 0 !important;
    border-bottom: 1px solid var(--checkout-line) !important;
    background: var(--checkout-surface-soft);
}

.wraperOrderDetails > .vat_section:has(.subtotal_amt) {
    padding-top: 16px !important;
    border-radius: 8px 8px 0 0;
}

.wraperOrderDetails > .vat_section:has(#totamt1) {
    padding-bottom: 16px !important;
    border-bottom: 0 !important;
    border-radius: 0 0 8px 8px;
}

.wraperOrderDetails > .vat_section > div {
    float: none !important;
    width: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wraperOrderDetails > .vat_section > div:last-child {
    text-align: right !important;
}

.wraperOrderDetails > .vat_section h5 {
    margin: 0 !important;
    color: var(--checkout-ink);
    font-size: 14px !important;
    line-height: 1.35;
}

.wraperOrderDetails > .vat_section:has(#totamt1) h5,
.wraperOrderDetails > .vat_section:has(#totamt1) .currencyamount,
.wraperOrderDetails > .vat_section:has(#totamt1) .currencysign {
    color: var(--checkout-primary) !important;
    font-size: 16px !important;
}

.wraperOrderDetails > #mobileCpnMessage {
    display: none !important;
}

.wraperOrderDetails > .col-sm-12:not(.vat_section) {
    width: auto !important;
    margin: 0 16px !important;
    padding: 13px 14px 4px !important;
}

.wraperOrderDetails > .col-sm-12:not(.vat_section) .grey_text {
    max-width: 72ch;
    margin: 0 !important;
    color: var(--checkout-muted) !important;
    font-size: 12px !important;
}

.wraperOrderDetails > .row {
    display: none !important;
}

/* Primary action */
.outerYourDetails > .wrapperBtnPayNow {
    order: 40;
    width: auto !important;
    margin: 18px 16px 0 !important;
    padding: 0 !important;
}

.outerYourDetails > .wrapperBtnPayNow > .wrapperBtnPayNow {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pay_now,
#pay_now,
.buttonload {
    width: 100% !important;
    min-height: 54px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 14px 20px !important;
    border: 0 !important;
    border-radius: 4px !important;
    outline: 0 !important;
    background: var(--checkout-primary) !important;
    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.35;
    text-transform: none !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: background-color 180ms ease, transform 180ms ease;
}

.pay_now:hover,
.pay_now:focus,
#pay_now:hover,
#pay_now:focus {
    background: var(--checkout-primary-hover) !important;
}

.pay_now:active,
#pay_now:active {
    transform: translateY(1px);
}

.pay_now:focus-visible,
#pay_now:focus-visible {
    box-shadow: 0 0 0 3px var(--checkout-focus) !important;
}

.pay_now[disabled],
.buttonload[disabled] {
    background: #748179 !important;
    cursor: not-allowed !important;
    opacity: 0.72;
}

.pay_now img,
#pay_now img {
    width: auto !important;
    height: 19px !important;
    margin: -2px 6px 0 0 !important;
}

/* Trust area */
.outerYourDetails > .trust-images {
    order: 50;
    display: flex !important;
    width: auto !important;
    min-height: 54px;
    height: auto !important;
    margin: 0 16px !important;
    padding: 15px 8px 0 !important;
    align-items: center;
    justify-content: center !important;
    gap: 34px;
}

.outerYourDetails > .trust-images img {
    width: auto !important;
    max-width: min(42%, 190px) !important;
    height: auto !important;
    max-height: 52px !important;
    margin: 0 !important;
    object-fit: contain;
}

/* Statement, legal text and Explodely footer */
#dev {
    width: 100% !important;
    min-height: 42px;
    height: auto !important;
    margin: 18px auto !important;
    padding: 11px 16px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: #eceff0 !important;
    color: var(--checkout-muted) !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

#bottom_top {
    margin: 0 !important;
    padding: 4px 18px 8px !important;
    background: transparent !important;
    color: var(--checkout-muted) !important;
}

#bottom_top p,
#bottom_top li,
#bottom_top .termsDetailsSection {
    color: var(--checkout-muted) !important;
    font-size: 11px !important;
    line-height: 1.55;
    text-align: center;
}

#bottom_top a {
    color: var(--checkout-teal-dark) !important;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.secondTopSection.secondTopSection1 {
    display: flex !important;
    margin: 8px 0 0 !important;
    padding: 18px 0 !important;
    align-items: center;
    border-top: 1px solid var(--checkout-line);
    background: transparent !important;
}

.secondTopSection .wrapperLogo {
    display: flex;
    min-height: 48px;
    margin: 0 !important;
    padding: 0 24px 0 0 !important;
    align-items: center;
    border-right: 1px solid var(--checkout-line) !important;
}

.secondTopSection .wrapperLogo img {
    width: auto !important;
    max-width: 100% !important;
    height: 44px !important;
    object-fit: contain;
}

.secondTopSection .paymentFormSection {
    min-height: 48px;
    padding: 0 18px !important;
    color: var(--checkout-muted) !important;
}

.secondTopSection .paymentFormSection p,
.secondTopSection .tgBlockText td:nth-child(2) {
    color: var(--checkout-muted) !important;
    font-size: 12px !important;
    text-transform: uppercase;
}

.secondTopSection .language_dropdown {
    padding: 0 !important;
}

.language_dropdown #change_language,
.cutom-lang button {
    width: 100% !important;
    height: var(--checkout-control-height) !important;
    padding: 10px 38px 10px 12px !important;
    border: 1px solid var(--checkout-line-strong) !important;
    border-radius: 6px !important;
    background-color: var(--checkout-surface) !important;
    color: var(--checkout-ink) !important;
    font-size: 14px !important;
    cursor: pointer;
}

#bottom_down {
    margin: 0 !important;
    padding: 12px 20px 22px !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--checkout-muted) !important;
}

#bottom_down p {
    margin: 3px 0 !important;
    color: var(--checkout-muted) !important;
    font-size: 11px !important;
    line-height: 1.5;
    text-align: center;
}

/* Dialogs */
.modal-content,
.card_popup .modal-content {
    overflow: hidden;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--checkout-surface) !important;
    box-shadow: 0 6px 8px rgba(20, 31, 36, 0.16) !important;
}

.card_popup .modal-header,
.card_popup .modal-body,
.card_popup .modal-footer {
    padding: 20px !important;
}

.card_popup .modal-header h4 {
    color: var(--checkout-ink) !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

.card_popup .modal-body p {
    color: var(--checkout-muted) !important;
    font-size: 14px !important;
}

/* Tablet and mobile */
@media (max-width: 767px) {
    #defaultcontainer.container {
        width: calc(100% - 24px) !important;
        margin-top: 12px !important;
    }

    .topLogoSection {
        margin-bottom: 14px !important;
        border-radius: 10px;
    }

    #defaultcontainer > .row > .col-sm-12:last-child > .row:first-child {
        padding: 14px 10px 16px !important;
        border-radius: 10px;
    }

    .wraperOrderDetails > .productSection {
        top: 24px;
        left: 20px;
        width: 72px !important;
        height: 72px !important;
    }

    .outerYourDetails > div[style*="display: flex"] {
        top: 35px;
        right: 20px;
    }

    .outerYourDetails > div[style*="display: flex"] .order_heading_right {
        font-size: 17px !important;
    }

    .wraperOrderDetails > .col-sm-10:first-child {
        min-height: 34px;
        padding: 7px 120px 0 92px !important;
    }

    .wraperOrderDetails > .col-sm-10:first-child h5 {
        font-size: 15px !important;
    }

    .wraperOrderDetails > .col-sm-8 {
        min-height: 68px;
        margin-bottom: 14px !important;
        padding: 2px 120px 20px 92px !important;
    }

    #myForm {
        padding: 0 10px !important;
    }

    #myForm .bttn_flex_mob {
        display: none !important;
    }

    #card-info .card-extra-details,
    #myForm .d-flex.flex-wrap.align-items-center.m-0.p-0.mt-3 {
        flex-wrap: nowrap !important;
        gap: 10px;
    }

    #card-info .card-extra-details .material {
        width: auto !important;
    }

    #addonservicefeature,
    .addonservicesection,
    .wraperOrderDetails > .vat_section,
    .wraperOrderDetails > .col-sm-12:not(.vat_section),
    .outerYourDetails > .wrapperBtnPayNow,
    .outerYourDetails > .trust-images {
        margin-right: 10px !important;
        margin-left: 10px !important;
    }

    .outerYourDetails > .trust-images {
        gap: 18px;
    }

    .secondTopSection.secondTopSection1 {
        display: flex !important;
        flex-wrap: wrap;
        gap: 14px 0;
    }

    .secondTopSection .wrapperLogo,
    .secondTopSection .paymentFormSection,
    .secondTopSection .language_dropdown {
        width: 50% !important;
    }

    .secondTopSection .language_dropdown {
        width: 100% !important;
    }

    #bottom_down {
        border-radius: 0 !important;
    }
}

@media (max-width: 520px) {
    #defaultcontainer.container {
        width: calc(100% - 16px) !important;
    }

    #defaultcontainer > .row > .col-sm-12:last-child > .row:first-child {
        padding: 12px 6px 14px !important;
    }

    .wraperOrderDetails > .productSection {
        top: 20px;
        left: 14px;
        width: 62px !important;
        height: 62px !important;
    }

    .outerYourDetails > div[style*="display: flex"] {
        top: 29px;
        right: 14px;
    }

    .outerYourDetails > div[style*="display: flex"] .order_heading_right {
        max-width: 112px;
        font-size: 15px !important;
        text-align: right;
    }

    .wraperOrderDetails > .col-sm-10:first-child {
        min-height: 30px;
        padding: 4px 105px 0 76px !important;
    }

    .wraperOrderDetails > .col-sm-10:first-child h5 {
        font-size: 13px !important;
    }

    .wraperOrderDetails > .col-sm-8 {
        min-height: 60px;
        padding: 2px 105px 17px 76px !important;
    }

    .wraperOrderDetails > .col-sm-8 #pdescription {
        font-size: 11px !important;
    }

    #myForm {
        padding: 0 8px !important;
    }

    #myForm .material label {
        font-size: 11px !important;
    }

    #card-info .card-extra-details,
    #myForm .d-flex.flex-wrap.align-items-center.m-0.p-0.mt-3 {
        flex-wrap: wrap !important;
    }

    #card-info .card-extra-details .material,
    #myForm .d-flex.flex-wrap.align-items-center.m-0.p-0.mt-3 .material {
        flex-basis: calc(50% - 5px);
    }

    #addonservicefeature,
    .addonservicesection,
    .wraperOrderDetails > .vat_section,
    .wraperOrderDetails > .col-sm-12:not(.vat_section),
    .outerYourDetails > .wrapperBtnPayNow,
    .outerYourDetails > .trust-images {
        margin-right: 8px !important;
        margin-left: 8px !important;
    }

    .outerYourDetails > .trust-images {
        gap: 12px;
    }

    .outerYourDetails > .trust-images img {
        max-width: 46% !important;
        max-height: 42px !important;
    }

    .secondTopSection .wrapperLogo,
    .secondTopSection .paymentFormSection {
        width: 100% !important;
        min-height: 38px;
        padding: 0 !important;
        justify-content: center;
        border-right: 0 !important;
    }

    #bottom_top {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* VIEWGRAM_CHECKOUT_BUILD: 2026-08-26-1 */


/* ── CORRECAO 27/08/2026 — campo duplicado no checkout ──────────────────
   O checkout da Explodely esconde campos condicionais com style INLINE,
   ex.: <div id="bcname_box" class="material" style="display:none">
   (o "Card Holder Name" do endereco de COBRANCA).

   A regra "#myForm .material { display: flex !important }" deste arquivo
   vence o style inline e fazia esse campo oculto APARECER — resultado:
   DOIS "Card Holder Name" na tela do comprador.

   Esta regra devolve o display:none para quem a PLATAFORMA escondeu.
   E aditiva de proposito: nao altera nenhum campo visivel, so respeita
   o que a Explodely mandou esconder. Testado no checkout real antes de subir.
   ──────────────────────────────────────────────────────────────────── */
#myForm .material[style*="display:none"],
#myForm .material[style*="display: none"] {
    display: none !important;
}