#w3nSteps .steps{display:inline-block;vertical-align:top;width:100%;margin:50px 0 0 0;overflow:hidden}#w3nSteps.vertical .steps{display:inline;float:left;width:30%}#w3nSteps .steps ul{width:100%;margin:0;padding:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}#w3nSteps .steps ul>*{-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:auto;flex-basis:auto}#w3nSteps .steps ul li{display:block;font-size:14px;text-align:left;position:relative;width:14.28%}#w3nSteps .steps ul li .number{display:block;width:30px;height:30px;border-radius:100%;text-align:center;line-height:32px;font-weight:700;font-size:14px;margin:0 5px 0 0;z-index:1}#w3nSteps .steps ul li a{font-size:14px;letter-spacing:.04em;padding:0 10px 0 35px;z-index:1;width:100%;text-decoration:none;height:60px;line-height:18px;display:-ms-flexbox;display:flex;align-items:center;box-shadow:none;border-bottom:none;outline:0}#w3nSteps .steps ul li a>*{-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:auto;flex-basis:auto}#w3nSteps .steps ul li a .namebox{-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:auto;flex-basis:auto}#w3nSteps .steps ul li a:before{content:'';position:absolute;right:100%;top:-6px;height:0;border-width:36px 0 36px 30px;margin-right:-30px;border-color:transparent transparent transparent #fff;border-style:solid;width:0;z-index:2}#w3nSteps .steps ul li a:after{content:'';position:absolute;border-color:transparent transparent transparent #EAEAEA;border-width:30px 0 30px 26px;border-style:solid;top:0;left:100%;width:0;height:0;z-index:3}#w3nSteps .steps ul li.first a,#w3nSteps .steps ul li:first-child a{padding-left:10px}#w3nSteps .steps ul li.first a:before,#w3nSteps .steps ul li:first-child a:before{display:none}#w3nSteps .steps ul li.last a:after,#w3nSteps .steps ul li:last-child a:after{display:none}#w3nSteps .steps .current .current-info.audible{display:none}#w3nSteps button#w3n-register,#w3nSteps button#w3n-login{padding:10px 30px}#w3nSteps>.content>.body input{border:1px solid #ccc}#w3nSteps>.content>.body input.error{background:rgb(251,227,228);border:1px solid #fbc2c4;color:#8a1f11}#w3nSteps>.content>.body label.error{color:#8a1f11;display:inline-block;margin-left:1.5em}#w3nSteps>.content>.body label{display:inline-block;margin-bottom:.5em}#w3nSteps>.actions{position:relative;display:block;text-align:right;width:100%}#w3nSteps>.actions>ul{display:inline-block;text-align:right}#w3nSteps>.actions>ul>li{margin:0 .5em}#w3nSteps>.actions a,#w3nSteps>.actions a:hover,#w3nSteps>.actions a:active{display:block;padding:.5em 1em;text-decoration:none;border:none;font-weight:400;box-shadow:none;border-bottom:none}#w3nSteps form.login input.button,#w3nSteps form.register input.button{display:block;padding:1em 2em;text-decoration:none;border:none;font-weight:400;box-shadow:none;margin-bottom:10px}#w3nSteps ul{list-style:none!important;padding:0;margin:0!important}#w3nSteps>.steps>ul>li{width:20%!important}#w3nSteps>.steps>ul>li,#w3nSteps>.actions>ul>li{float:left;margin-left:0}#w3nSteps .checkout_coupon .form-row-last,#w3nSteps .checkout_coupon .form-row-first{margin:0}#w3nSteps .checkout_coupon .form-row-last input{background-color:#222;border:0;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:none;box-shadow:none;color:#fff;cursor:pointer;display:inline-block!important;font-size:.875rem;font-weight:800;line-height:1;padding:1em 2em;text-shadow:none;-webkit-transition:background 0.2s;transition:background 0.2s}#w3nSteps #payment ul.payment_methods,#w3nSteps #payment ul.payment_methods{border-bottom:none;padding-bottom:5px}#w3nSteps #payment #place_order,#w3nSteps #payment #place_order{float:right;display:none}#w3nSteps h1.title.current{display:block}#w3nSteps h1.title{display:none}#w3nSteps .steps ul li.error .number{background:#b81c23!important;color:#fff}#w3nSteps .steps ul li.error a{background:red!important}#w3nSteps .steps ul li.error a:after{border-left-color:red!important}<!--CSS FOR VERTICAL-->#w3nSteps.vertical>.steps{display:inline;float:left;width:30%}#w3nSteps.vertical .steps ul{display:block}#w3nSteps.vertical>.steps>ul>li{float:none;width:87%!important;margin-bottom:10px}#w3nSteps.vertical .steps a,#w3nSteps.vertical .steps a:hover,#w3nSteps.vertical .steps a:active{text-align:left}#w3nSteps.vertical>.content{display:inline;float:left;margin:0 2.5% .5em 2.5%;width:65%}#w3nSteps.vertical>.actions{display:inline;float:right;margin:0 2.5%;width:95%}#w3nSteps.vertical>.actions>ul>li{margin:0 0 0 1em}#w3nSteps.vertical .steps ul li.first a:before,#w3nSteps.vertical .steps ul li:first-child a:before{display:block}#w3nSteps.vertical .steps ul li.first a,#w3nSteps.vertical .steps ul li:first-child a{padding-left:40px}#w3nSteps.vertical .steps ul li.last a:after,#w3nSteps.vertical .steps ul li:last-child a:after{display:block}<!--END CSS FOR VERTICAL-->#w3nSteps .steps{overflow:hidden;white-space:nowrap;width:100%}#w3nSteps .steps:hover{overflow-y:hidden;overflow-x:scroll}#w3nSteps.vertical .steps:hover{overflow-y:hidden;overflow-x:hidden}#w3nSteps .steps::-webkit-steps-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#F5F5F5}#w3nSteps .steps::-webkit-steps{width:6px;background-color:#F5F5F5}#w3nSteps .steps::-webkit-steps-thumb{background-color:#2d318b;border-radius:10px}