html, body {height: auto;   min-height: 100%;}
body{margin:0px;position:relative; height:100%; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; background: #222629;}
header{padding: 1.5em 0;}
header h1 {font-size: 200%;text-align: center;    margin: 0 auto;width: 100%;max-width: 26.1em;color: #fff;}
.ordercontent{width: 90%; margin: 0 auto;background-color: #fff; max-width: 55em;position: relative;box-shadow: 0 0 0.5em rgb(0 0 0 / 30%); border-top:6px #30c5b2 solid;border-bottom:6px #30c5b2 solid;}
.innercontent{text-rendering: optimizespeed; font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;   display: -webkit-box;   display: -webkit-flex;   display: -ms-flexbox;   display: flex;   -webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;-webkit-align-content: flex-start; -ms-flex-line-pack: start;  align-content: flex-start;}
section, aside {-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;box-sizing: border-box;padding: 2em;}
aside {background-color: #fcfcfc;}
.col-md-8{ width: 62.5000%;}
.col-md-4 {width: 37.5000%;}
.mtop50{margin-top:50px;}
.seals {margin-bottom: 2em;    text-align: center;}
.secure,.refund {display: inline-block;width: 46%;margin: 0 2.5%;max-width: 127px;}
.seals img {display: block;width: 100%;margin: 0 auto;}
.form-step1{width:100%;display:block;position:relative;}
.form-step1 h2 { margin: 0 0 1em 0;position: relative;text-align: left;color: #252525;}
.form-step1 h2 span {padding-right: 0.5em; background: #fff; position: relative; z-index: 1;}
.form-step1 h2::after {position: absolute; top: 50%; width: 90%; left: 0;  content: ""; height: 2px; background: #ebebeb;}
.form-grp{display: flex;margin: 0 0 1em; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
.form-grp .half-grp {margin: 0 0 0 1em; width: 50%;flex-grow: 1;position: relative;}
.form-grp .half-grp:last-child {margin-right: 0;}
.form-grp .half-grp:first-child {margin-left: 0;}
.form-grp .half-grp.full-width{width:100%;}
input[type="text"]{padding-right: 2em;}
.form-control{border: 2px solid #ebebeb; padding: 0.75em; box-shadow: none;background-color: #fcfcfc;  -webkit-border-radius: 0.25em;  -moz-border-radius: 0.25em;   -ms-border-radius: 0.25em;border-radius: 0.25em;vertical-align: middle;box-sizing: border-box;    width: 100%;font:inherit;}
.form-grp input[type="text"]:focus, 
.couponfield input[type="text"]:focus, 
.form-grp input[type="password"]:focus, 
.form-grp input[type="email"]:focus, 
.form-grp input[type="url"]:focus, 
.form-grp input[type="date"]:focus, 
.form-grp input[type="month"]:focus, 
.form-grp input[type="time"]:focus, 
.form-grp input[type="datetime"]:focus, 
.form-grp input[type="datetime-local"]:focus, 
.form-grp input[type="week"]:focus, 
.form-grp input[type="number"]:focus, 
.form-grp input[type="search"]:focus, 
.form-grp input[type="tel"]:focus, 
.form-grp input[type="color"]:focus {outline: 0;border-color: #129FEA; }
.form-grp select:focus, 
.form-grp textarea:focus {outline: 0; border-color: #129FEA; }
.form-grp input:not([type]):focus {outline: 0; border-color: #129FEA; }
.form-grp input[type="file"]:focus, 
.form-grp input[type="radio"]:focus, 
.form-grp input[type="checkbox"]:focus {outline: thin solid #129FEA; outline: 1px auto #129FEA; }
.form-grp .check-grp{margin-top:20px;}
.form-grp .check-grp input[type=checkbox]{width:20px;height:20px;margin-right:10px;float:left;margin-top:-2px;}
.form-grp  .ccinfo{    border: 2px solid #ebebeb;  padding: 0.75em;  box-shadow: none; background-color: #fcfcfc; -webkit-border-radius: 0.25em;  -moz-border-radius: 0.25em;  -ms-border-radius: 0.25em; border-radius: 0.25em; vertical-align: middle;box-sizing: border-box;width:100%;}
.form-grp .ccinfo:focus{outline: 0;border-color: #129FEA;}
.form-grp .ccinfo input:focus{outline:0;border-color:transparent;}
.form-grp .ccinfo input{float:left;border:0px;    padding:0px;font-size:14px;}
.form-grp .ccinfo .cc-number{width:calc(100% - 100px);}
.form-grp .ccinfo .cc-date{width:60px;}
.form-grp .ccinfo .cc-cvc{width:40px;}
.buttonbox{display:block;margin-top:40px;position:relative;text-align:center;}
.apply_coupon{height: 45px;background-color: #51ae7d;border-color: #51ae7d;border-radius: 0;border: 2px solid; color: #fff;font-size:16px; padding: 0.35em 1em; letter-spacing: 1px; max-width: 15.6em; white-space: normal;text-align: center;cursor: pointer;}
.buttonbox button{background-color: #51ae7d;border-color: #51ae7d;border-radius: 0;border: 2px solid; color: #fff;font-size: 180%; padding: 0.35em 1em; letter-spacing: 1px; max-width: 15.6em; white-space: normal;text-align: center;cursor: pointer;}
.buttonbox span{background:url(../images/arrow_righ.png) no-repeat;width:24px;height:24px;float: right; margin-top: 6px; margin-left: 15px;    background-size: cover;}
.buttonbox button:hover {background:#8ec642;}
.credit-cards {display:block;height: auto;margin: 1em 0 0 0;}
.credit-cards img {display: block; height: 18px; margin: 0 auto;}
p.safesecure {font-size: 70%; color: #333333; text-align: center; margin: 1em 0;}
.boxshot {border: 2px solid #eaeaea; background: #fff;  padding: 1em;  margin: 0 0 2em 0; position: relative;  width: 100%;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; height: 14em;}
.boxshot img { display: block;   position: absolute;   top: 50%;   left: 50%;-ms-transform: translate(-50%, -50%);    -webkit-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);    max-width: 90%;   max-height: 90%;}
ul, ol {list-style: none;outline:none;}
ul.order-details {border: 2px solid #eaeaea; background: #fff; padding: 1em 1em 0 1em; margin: 0 0 2em 0;}
ul.order-details heading {font-size: 90%; color: #6f6f6f; margin: 0 0 1.25em; text-decoration: underline;}
ul.order-details li { position: relative;font-size: 85%;margin: 0 0 0.75em 0; color: #6f6f6f;height:28px;display:block;width:100%;}
ul.order-details li span { display: inline-block;}
ul.order-details li em {float: right; text-align: right; font-style: normal; margin-left: 1em;}
p.currency {font-size: 65%; text-align: right; font-weight: 300; color: #BFBFBF;margin: -2em 0 3em 0;}
.couponfield {position: relative; overflow: hidden;    margin-bottom: 2em;}
.couponfield p {text-align: left; margin: 0 0 0.5em 0;font-size: 85%; color: #403A3A;}
.couponfield input{ border: 2px solid #ebebeb; padding: 0.75em;box-shadow: none; background-color: #fcfcfc;  -webkit-border-radius: 0.25em;   -moz-border-radius: 0.25em;   -ms-border-radius: 0.25em;border-radius: 0.25em;box-sizing: border-box;    width: 100%;}
.testimonial-block{display:block;width:100%; position:relative;}
.testimonial{width:100%;display:block;width:100%;margin-bottom:10px;    font-size: 90%;   font-style: italic;}
.testimonial .title {font-style: normal; font-weight: bold; position: relative; padding: 1em; background: #eaeaea;color: #252525;display: block;}
.testimonial .title span {padding-left: 6em; display: block; line-height:20px;}
.testimonial img {display: block;float: left;width: 5em; height: 5em;margin: -2.5em 0.5em 0em 0.5em;   border: 6px solid #f4f9ff; position: relative; -webkit-border-radius: 50%;   -moz-border-radius: 50%;-ms-border-radius: 50%; border-radius: 50%;}
.testimonial p {padding-left: 6.75em;}
.testimonial p {padding-top: 0.5em;margin-bottom: 0.5em;line-height: 1.6; color: #4a4a4a;}
footer{display:block;margin:auto;position:relative;padding:20px 0; width:100%;   max-width: 55em;}
footer p{margin:0px;color:#fff;}
.modalbox{display:none;position: fixed;top: 0; z-index: 999;background-color: rgba(0,0,0,0.5);height: 100%;width: 100%;left: 0;bottom: 0;}
.modalbox .popupbox{background: #fff;padding: 30px;max-width:600px; height:350px;position: absolute;left: 0;right: 0; margin: auto;bottom: 0;top: 0;}
.modalbox .popupbox .md-content{height: calc(100% - 40px); overflow: auto; margin-bottom: 10px;}
.modalbox .popupbox p{margin-top:0px;margin-bottom:10px;}
.modalbox .popupbox ul li{    list-style: disc;}
.modalbox .mdfooter{display: block;height: 40px;}
.modalbox .mdfooter .btn{width:90px; border: 1px #ccc solid; padding: 8px; text-align: center; font-size: 18px; cursor:pointer;}
.modalbox .mdfooter a{background-color: #0078e7;color: #fff;text-decoration:none;float:left;}
.modalbox .mdfooter a:hover{    background: #029748;}
.modalbox .mdfooter button{float:right;}
.modalbox .mdfooter button:hover{background: #db1313;color:#fff;}
.modalbox.modalboxadd{display:block;}
.accessbox{display:none;position: fixed;top: 0; z-index: 999;background-color: rgba(0,0,0,0.5);height: 100%;width: 100%;left: 0;bottom: 0;}
.accessbox .popupbox{background: #fff;padding: 30px;max-width:400px; height:150px;position: absolute;left: 0;right: 0; margin: auto;bottom: 0;top: 0;}
.accessbox .popupbox .md-content{height: calc(100% - 40px); overflow: auto; margin-bottom: 10px;padding:40px;}
.accessbox .popupbox p{margin-top:0px;margin-bottom:10px;}
.accessbox .popupbox ul li{    list-style: disc;}
.accessbox .mdfooter{display: block;height: 40px;}
.accessbox .mdfooter .btn{width:90px; border: 1px #ccc solid; padding: 8px; text-align: center; font-size: 18px; cursor:pointer;}
.accessbox .mdfooter a{background-color: #0078e7;color: #fff;text-decoration:none;float:left;}
.accessbox .mdfooter a:hover{    background: #029748;}
.accessbox .mdfooter button{float:right;}
.accessbox .mdfooter button:hover{background: #db1313;color:#fff;}
.accessbox.modalboxadd,
.accessbox.accessboxadd{display:block;}
.accessbox.accessboxadd input{width:70%;float:left;}
.accessbox.accessboxadd button{cursor:pointer;}
.accessbox.accessboxadd button.access-login-btn{width: 30%;float: left;height: 49px;border: 0;margin-left: -2px;border-radius: 5px;border-top-left-radius: 0px;border-bottom-left-radius: 0px; background: #004282;color: #fff;font-size: 20px;}
.accessbox.accessboxadd button.access-login-btn:hover{background: #8ec642;}
button.closex{cursor:pointer;float: right; position: absolute; top: -9px;  right: -7px;width: 30px;height: 30px; border-radius: 15px;border: 1px #004282 solid; font-size: 18px;font-weight: bold;}
button.closex:hover{    background: #004282;color:#fff;}
.accessbox.accessboxadd input[type="password"]:focus{outline: 0;border-color: #129FEA;}
.showconfigpricing{display:none;position: fixed;top: 0; z-index: 999;background-color: rgba(0,0,0,0.5);height: 100%;width: 100%;left: 0;bottom: 0;}
.showconfigpricing .popupbox{background: #fff;padding: 30px;max-width:600px; height:150px;position: absolute;left: 0;right: 0; margin: auto;bottom: 0;top: 0;}
.showconfigpricing .popupbox .md-content{height: calc(100% - 40px); overflow: auto;padding: 40px;}
.showconfigpricing .popupbox p{margin-top:0px;margin-bottom:10px;}
.showconfigpricing .popupbox ul li{    list-style: disc;}
.showconfigpricing .form-grp .half-grp{width:32%;}
.showconfigpricing button.set-pricing{cursor:pointer;width:30%;margin-left:3%;    background: #004282;color:#fff;border:0px;border-radius:5px;}
.showconfigpricing button.set-pricing:hover{    background: #8ec642;}
.showconfigpricing.modalboxadd{display:block;}
.ordercontent.thankyoupage{height: calc(100vh - 165px);}
.ordercontent.thankyoupage .innercontent{height:100%;}
.ordercontent.thankyoupage .aligncontent{display:table;width:100%;height:100%;}
.ordercontent.thankyoupage .textcenter{ display: table-cell; vertical-align: middle; width: 100%;}
.ordercontent.thankyoupage .textcenter h3{font-size:40px;text-align:center;margin-top:0px;}
.ordercontent.thankyoupage .textcenter p{font-size: 24px; text-align: center; padding: 0px 50px;line-height: 44px; margin: 0;}



.fillcrl { position: absolute;   height: 20px;   right: 6px;   top: 15px;   z-index: 999999;text-align: center; width: 20px;}
.fillcrl.chkcircle{background:url(../images/circle_icon.png) center no-repeat;width:15px;height:15px;background-size:cover;}
.coupon_msg{font-size: 13px; color: blue;}

@media (max-width:1600px){
	
}

@media (max-width:767px){
	body{overflow-x: hidden;}
	.col-md-8,.col-md-4 {width:100%;    padding: 1.25em;}
	.form-grp{display:block;width:100%;margin:0px;}
	.form-grp .half-grp{width:100%;margin-left:0px;margin-bottom:15px;}
	.form-grp .ccinfo{height:45px;}
	.buttonbox button{font-size:160%;    padding: 0.35em 0.5em;max-width:100%;width:100%;display:block;}
	.buttonbox span{margin-top:2px;}
	footer p {font-size: 10px; text-align: center;}
	.modalbox .popupbox{ width: 90%;box-sizing: border-box;padding:15px;height:380px;}
	.modalbox .popupbox p,.modalbox .popupbox ul li{font-size:14px;}
	.modalbox .mdfooter .btn{padding:5px;}
	.ordercontent.thankyoupage .textcenter p {font-size: 18px;padding: 0px 20px;line-height: 32px;}
	.accessbox .popupbox,
	.showconfigpricing .popupbox{ width: 90%; box-sizing: border-box; padding: 15px;}
	.accessbox .popupbox .md-content{padding:40px 0px;}
	.accessbox.accessboxadd button.access-login-btn{font-size:16px;height:47px;}
	.showconfigpricing .popupbox .md-content{height:100%;padding:0px;}
	.showconfigpricing .form-grp .half-grp {width: 46%;    float: left;margin: 10px 2% 20px;}
	.showconfigpricing .form-grp .half-grp:last-child{margin-left:5%;}
	.showconfigpricing .form-grp .half-grp input[type="text"] {padding: 10px 2px; text-align: center;    font-size: 14px;}
	.showconfigpricing button.set-pricing{width: 120px;margin: auto;display: block;    padding: 10px;   font-size: 16px;}
	
	.form-grp .ccinfo .cc-number {width: calc(100% - 80px);}
	.form-grp .ccinfo .cc-date {width: 50px;}
	.form-grp .ccinfo .cc-cvc {width: 30px;}
	
	
}
 @media (max-width:360px){
	 .form-step1 h2{font-size:1.1em;}
	 .secure, .refund { width: 40%;}
     .buttonbox button {font-size: 135%;}
     .form-grp .check-grp{font-size:12px;}
	
 }
 
.strikethrough {position: relative;}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;
  color: #ff0000;
  -webkit-transform:rotate(-15deg);
  -moz-transform:rotate(-15deg);
  -ms-transform:rotate(-15deg);
  -o-transform:rotate(-15deg);
  transform:rotate(-15deg);
}