

.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;}
.ordercontent{ display:table;  background: #fcfcfc; width:100%; max-width: 900px;margin: 0 auto 50px;border: 1px #ccc solid;}
.ordercontent .col-md-8{padding:30px;background: #f1f1f1;}
.ordercontent .col-md-4{padding:30px;}
.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;  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%;}
.form-grp .form-control{height:40px;border: 2px solid #ebebeb; padding: 4px 10px; 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; line-height: 30px;letter-spacing: 1px;width: 320px;white-space: normal;cursor: pointer;min-width: auto !important;}
.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%;}

.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;}
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;}
