step-form-wizard.css 23.4 KB
clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.sf-left{float:left}
.sf-right{float:right}
.sf-step > fieldset{border:none;margin:0;padding:0;display:block}
.wizard legend {display: none}
.sf-hide-legend legend,.sf-hide-buttons{display:none}
.sf-nav{list-style:none;width:100%;margin:0;padding:0}
.sf-viewport{position:relative;width:100%;overflow:hidden;margin-bottom:20px}
.sf-viewport legend{font-size:20px;padding:15px 0;font-weight:700;background:none;margin:0;width:100%;border-bottom:1px solid #e5e5e5;margin-bottom:15px}
.sf-viewport .sf-btn.sf-btn-finish{margin:0 0 0 10px}
.sf-nav-bottom{margin-top:6px}
.sf-nav-wrap{overflow:hidden;width:100%;position:relative;left:0}
.sf-nav-top,.sf-nav-bottom{height:40px}
.sf-nav-top .sf-nav,.sf-nav-bottom .sf-nav{width:9999px;position:absolute}
.sf-nav-left{float:left;width:20%;height:auto;overflow:hidden}
.sf-nav-right{float:right;width:20%;height:auto}
.sf-nav-wrap.sf-nav-left li,.sf-nav-wrap.sf-nav-right li{float:none;margin-bottom:10px}
.sf-nav li{float:left;position:relative;margin-right:20px}
.sf-nav li.sf-nav-link{cursor:pointer}
.sf-nav-right li,sf-nav-left li{padding-right:10px}
.sf-nav-on-left{width:80%;margin-left:20%}
.sf-nav-on-right{width:80%;margin-right:20%}
.sf-nav-right li{margin-right:0;margin-left:10px}
.sf-step > fieldset{overflow:auto;overflow-x:hidden}
.sf-step-no-active{height:1px}
.sf-step-no-active > fieldset{display:none}
li.sf-li-nonumber{text-align:center}
.sf-li-nonumber .sf-nav-number{display:none}
.sf-wizard .sf-btn,form .nocsript-sf-btn{padding:0 35px}
.sf-wizard > form{box-sizing:border-box}
.sf-controls input{margin:0}

.rtl .sf-nav li{float:right;margin-left:0}
.rtl .sf-arrow .sf-nav li.sf-nav-step-1, .rtl .sf-arrow .sf-nav li.sf-nav-step-2, .rtl .sf-arrow .sf-nav li.sf-nav-step-3 {margin-right: -2px !important;border-top-right-radius: 0;border-bottom-right-radius: 0;-webkit-border-top-right-radius: 0;-webkit-border-bottom-right-radius: 0;-moz-border-top-right-radius: 0;-moz-border-bottom-right-radius: 0;}
.rtl .sf-arrow .sf-nav li.sf-nav-step-0:not(.sf-active):after {left: -25px;right:auto;border-right: 26px solid #E0E0E0;border-left: none;}
.rtl .sf-arrow .sf-nav li.sf-nav-step-1:after {left: -24px;right:auto;border-right: 26px solid #E0E0E0;border-left: none}

.sf-sea .sf-nav-bottom{margin-top:10px;height:60px}
.sf-sea .sf-nav-top{height:83px}
.sf-sea .sf-nav-top li,.sf-sea .sf-nav-bottom li{-webkit-transition:margin 200ms;-moz-transition:margin 200ms;-ms-transition:margin 200ms;-o-transition:margin 200ms;transition:margin 200ms}
.sf-sea .sf-nav li{font-size:16px;color:#F5F5F5;background:rgba(43,46,51,0.2);height:60px;line-height:60px;padding:0 45px;border-radius:3px;}
.sf-sea .sf-nav-top .sf-nav li:last-child,.sf-sea .sf-nav-bottom .sf-nav li:last-child{margin-right:0}
.sf-sea .sf-nav li.sf-active,.sf-sea .sf-nav li.sf-nav-link:hover{background:#319DB5}
.sf-sea .sf-nav li.sf-nav-prev-step{background:#203140}
.sf-sea .sf-nav-number{position:absolute;left:12px;top:0;font-size:96px;font-weight:700;overflow:hidden}
.sf-sea .sf-nav-number-inner{display:block}
.sf-sea .sf-li-number .sf-nav-subtext{padding-left:35px}
.sf-sea .sf-nav-top .sf-nav-step.sf-active:after{content:"";width:5px;height:5px;background:transparent;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);position:absolute;bottom:-10px;left:50%;margin-left:-12px;border:12px solid #000;border-color:transparent #319DB5 #319DB5 transparent;z-index:-1}
.sf-sea .sf-wizard .sf-btn,.sf-sea form .nocsript-sf-btn{height:45px;line-height:45px;padding:0 25px;border-radius:3px;border:none;color:#FFF;text-decoration:none;background-color:#2B2E33}
.sf-sea .sf-wizard .sf-btn:hover,.sf-sea .nocsript-sf-btn:hover{background-color:#319DB5}
.sf-sea .sf-wizard .sf-btn.sf-btn-next{background:url(../img/t1-arr-right.png) no-repeat right 15px #2B2E33;padding-right:50px}
.sf-sea .sf-wizard .sf-btn.sf-btn-prev{background:url(../img/t1-arr-left.png) no-repeat left 15px #3d4750;padding-left:50px}
.sf-sea .sf-wizard .sf-btn.sf-btn-next:hover{background-position:right -35px}
.sf-sea .sf-wizard .sf-btn.sf-btn-prev:hover{background-position:left -35px}
.sf-sea .sf-wizard > form{padding:20px;border-radius:3px}
.sf-sea .sf-step legend{padding-top:5px;display: none;}
.rtl .sf-sea .sf-wizard .sf-btn.sf-btn-next {background: url(../img/t1-arr-left.png) no-repeat left 15px #2B2E33;padding-left: 50px;padding-right: 25px;}
.rtl .sf-sea .sf-wizard .sf-btn.sf-btn-prev {background: url(../img/t1-arr-right.png) no-repeat right 15px #3d4750;padding-right: 50px;padding-left: 25px;}
.rtl .sf-sea .sf-nav-number {right: 12px; left:auto;}
.rtl .sf-sea .sf-li-number .sf-nav-subtext {padding-right: 35px;padding-left: 0;}

.sf-sky .sf-nav-bottom{margin-top:20px}
.sf-sky .sf-nav-top,.sf-sky .sf-nav-bottom{height:80px}
.sf-sky .sf-nonumbers .sf-nav-top{height:65px}
.sf-sky .sf-nonumbers .sf-nav-bottom{height:42px}
.sf-sky .sf-nav{margin-bottom:25px}
.sf-sky .sf-nav li{text-transform: uppercase;font-size:14px;color:#adb3b8;background:#E0E0E0;height:52px;line-height:42px;padding:0 40px;text-align:center;border-radius:30px;margin-right:30px;font-weight:300}
.sf-sky .sf-nav li.sf-li-nonumber{height:42px}
.sf-sky .sf-nav-left .sf-nav li.sf-li-nonumber,.sf-sky .sf-nav-right .sf-nav li.sf-li-nonumber{margin-bottom:32px}
.sf-sky .sf-nav-top li.sf-li-nonumber:after,.sf-sky .sf-nav-bottom li.sf-li-nonumber:after{top:-8px}
.sf-sky .sf-nav-right li.sf-li-nonumber:after,.sf-sky .sf-nav-left li.sf-li-nonumber:after{bottom:-47px}
.sf-sky .sf-nav li:after{content:"";position:absolute;right:-30px;top:0;background:url(../img/t2-nav-arr.png) no-repeat center center transparent;width:30px;height:54px}
.sf-sky .sf-nav li:last-child:after{display:none}
.sf-sky .sf-nav-right li{margin-right:0;margin-left:30px}
.sf-sky .sf-nav-right li:after,.sf-sky .sf-nav-left li:after{background:url(../img/t2-nav-arr-down.png) no-repeat center center transparent;left:50%;top:auto;bottom:-55px;margin-left:-15px}
.sf-sky .sf-nav li.sf-active,.sf-sky .sf-nav li.sf-nav-link:hover{background:#2B2E33;color:#FFF}
.sf-sky .sf-nav li.sf-nav-prev-step{background:#2B2E33}
.sf-sky .sf-nav li.sf-nav-prev-step .sf-nav-number{background:#36B28C}
.sf-sky .sf-nav-top li.sf-active{margin-top:0}
.sf-sky .sf-nav-wrap.sf-nav-left li,.sf-sky .sf-nav-wrap.sf-nav-right li{margin-bottom:40px}
.sf-sky .sf-nav-number{position:absolute;left:50%;bottom:-15px;margin-left:-15px;font-size:14px;line-height:24px;font-weight:700;background:#c7c7c7;border-radius:50px;border:3px solid #FFF;width:30px;height:30px;text-align:center;color:#FFF}
.sf-sky .sf-nav li.sf-active .sf-nav-number{background:#319DB5}
.sf-sky .sf-li-number .sf-nav-subtext{padding-left:0}
.sf-sky .sf-wizard .sf-btn,.sf-sky form .nocsript-sf-btn{height:50px;line-height:50px;padding:0 30px;border-radius:3px;border:none;color:#FFF;text-decoration:none;background:#2B2E33;position:relative}
.sf-sky .sf-wizard .sf-btn:after{content:"";position:absolute;right:-15px;top:10px;margin-left:-15px;font-size:14px;line-height:26px;font-weight:700;background:url(../img/t2-arr-right.png) no-repeat center center #319DB5;border-radius:50px;border:3px solid #FFF;width:30px;height:30px;text-align:center;color:#FFF}
.sf-sky .sf-wizard .sf-btn.sf-btn-next{padding-right:35px;margin-right:12px}
.sf-sky .sf-wizard .sf-btn.sf-btn-prev{padding-left:35px;margin-left:12px}
.sf-sky .sf-wizard .sf-btn.sf-btn-prev:after{right:auto;left:0;background-image:url(../img/t2-arr-left.png)}
.sf-sky .sf-wizard .sf-btn.sf-btn-next:hover{background-position:right -35px}
.sf-sky .sf-wizard .sf-btn.sf-btn-prev:hover{background-position:left -35px}
.sf-sky .sf-wizard > form{background:transparent;padding:15px;}
.rtl .sf-sky .sf-wizard .sf-btn:after{left:-15px;right:auto;margin-right:-15px;margin-left: auto; background:url(../img/t2-arr-left.png) no-repeat center center #319DB5;}
.rtl .sf-sky .sf-wizard .sf-btn.sf-btn-prev:after {left: auto;right: 0;background-image: url(../img/t2-arr-right.png);}
.rtl .sf-sky .sf-nav li:after {left: -30px;right: auto;background: url(../img/t2-nav-arr-rtl.png) no-repeat center center transparent;}

.sf-arrow .sf-nav-bottom{margin-top:20px}
.sf-arrow .sf-nav-top,.sf-arrow .sf-nav-bottom{height:80px}
.sf-arrow .sf-nonumbers .sf-nav-top{height:65px}
.sf-arrow .sf-nonumbers .sf-nav-bottom{height:42px}
.sf-arrow .sf-nav{margin-bottom:25px}
.sf-arrow .sf-nav li{font-size:14px;color:#adb3b8;background:#E0E0E0;height:52px;line-height:50px;padding:0 40px;text-align:center;border-radius:3px;margin-right:30px;font-weight:400}
.sf-arrow .sf-nav li.sf-li-nonumber{height:42px}
.sf-arrow .sf-nav-left .sf-nav li.sf-li-nonumber,.sf-arrow .sf-nav-right .sf-nav li.sf-li-nonumber{margin-bottom:32px}
.sf-arrow .sf-nav-top li.sf-li-nonumber:after,.sf-arrow .sf-nav-bottom li.sf-li-nonumber:after{top:-8px}
.sf-arrow .sf-nav-right li.sf-li-nonumber:after,.sf-arrow .sf-nav-left li.sf-li-nonumber:after{bottom:-47px}
.sf-arrow .sf-nav li.sf-active:after{content:"";position:absolute;right:-24px;top:0; width: 0; height: 0; border-top:26px solid transparent; border-bottom: 26px solid transparent;border-left: 26px solid #319DB5;border-right: none;}
.sf-arrow .sf-nav li.sf-nav-step-0 {z-index: 3}
.sf-arrow .sf-nav li.sf-nav-step-0:not(.sf-active):after{content:"";position:absolute;right:-26px;top:0; width: 0; height: 0; border-top:26px solid transparent; border-bottom: 26px solid transparent;border-left: 26px solid #E0E0E0;border-right: none}
.sf-arrow .sf-nav li.sf-nav-step-0.sf-active ~ li.sf-nav-step-1:after{content:"";position:absolute;right:-24px;top:0; width: 0; height: 0; border-top:26px solid transparent; border-bottom: 26px solid transparent;border-left: 26px solid #585858 !important;}
.sf-arrow .sf-nav li.sf-nav-step-0:not(.sf-active) ~ li.sf-nav-step-1:not(.sf-active) {z-index: 3}
.sf-arrow .sf-nav li.sf-nav-step-1:after{content:"";position:absolute;right:-24px;top:0; width: 0; height: 0; border-top:26px solid transparent; border-bottom: 26px solid transparent;border-left: 26px solid #E0E0E0;}
.sf-arrow .sf-nav li:last-child:after{display:none}
.sf-arrow .sf-nav-right li{margin-right:0;margin-left:30px}
.sf-arrow .sf-nav-right li:after,.sf-arrow .sf-nav-left li:after{background:url(../img/t2-nav-arr-down.png) no-repeat center center transparent;left:50%;top:auto;bottom:-55px;margin-left:-15px}
.sf-arrow .sf-nav li.sf-active{background:#319DB5;color:#FFF}
.sf-arrow .sf-nav li.sf-nav-step-0:not(.sf-active) {color: #ADB3B8;background: #E0E0E0;margin-right:0;border-top-right-radius: 0;border-bottom-right-radius: 0;-webkit-border-top-right-radius: 0;-webkit-border-bottom-right-radius: 0;-moz-border-top-right-radius: 0;-moz-border-bottom-right-radius: 0}
.sf-arrow .sf-nav li.sf-nav-step-0.sf-active ~ li.sf-nav-step-1 {background:#585858;color:#FFF;z-index: 1}
.sf-arrow .sf-nav li.sf-nav-step-1 {color: #ADB3B8;background: #E0E0E0;z-index: 1}
.sf-arrow .sf-nav li.sf-nav-step-1.sf-active {background:#319DB5;color:#FFF;z-index: 2}
.sf-arrow .sf-nav li.sf-nav-step-1.sf-active:after{content:"";position:absolute;right:-24px;top:0; width: 0; height: 0; border-top:26px solid transparent; border-bottom: 26px solid transparent;border-left: 26px solid #319DB5;}
.sf-arrow .sf-nav li.sf-nav-step-1.sf-active ~ li.sf-nav-step-2 {background:#585858;color:#FFF;z-index: 1}
.sf-arrow .sf-nav li.sf-nav-step-1, .sf-arrow .sf-nav li.sf-nav-step-2, .sf-arrow .sf-nav li.sf-nav-step-3 {margin-left:-2px;border-top-left-radius: 0;border-bottom-left-radius: 0;-webkit-border-top-left-radius: 0;-webkit-border-bottom-left-radius: 0;-moz-border-top-left-radius: 0;-moz-border-bottom-left-radius: 0}
.sf-arrow .sf-nav li.sf-nav-prev-step{background:#2B2E33}
.sf-arrow .sf-nav li.sf-nav-prev-step .sf-nav-number{background:#36B28C}
.sf-arrow .sf-nav-top li.sf-active{margin-top:0;z-index: 2;margin-right: 0px;}
.sf-arrow .sf-nav li.sf-nav-step-1:not(.sf-active) {margin-right: 0px;}
.sf-arrow .sf-nav-wrap.sf-nav-left li,.sf-arrow .sf-nav-wrap.sf-nav-right li{margin-bottom:40px}
.sf-arrow .sf-nav-number{display: none}
.sf-arrow .sf-nav li.sf-active .sf-nav-number{display: none}
.sf-arrow .sf-li-number .sf-nav-subtext{padding-left:0}
.sf-arrow .sf-wizard .sf-btn,.sf-arrow form .nocsript-sf-btn{height:50px;line-height:50px;padding:0 30px;border-radius:3px;border:none;color:#FFF;text-decoration:none;background:#2B2E33;position:relative}
.sf-arrow .sf-wizard .sf-btn:after{content:"";position:absolute;right:-15px;top:10px;margin-left:-15px;font-size:14px;line-height:26px;font-weight:700;background:url(../img/t2-arr-right.png) no-repeat center center #319DB5;border-radius:50px;border:3px solid #FFF;width:30px;height:30px;text-align:center;color:#FFF}
.sf-arrow .sf-wizard .sf-btn.sf-btn-next{padding-right:35px;margin-right:12px}
.sf-arrow .sf-wizard .sf-btn.sf-btn-prev{padding-left:35px;margin-left:12px}
.sf-arrow .sf-wizard .sf-btn.sf-btn-prev:after{right:auto;left:0;background-image:url(../img/t2-arr-left.png)}
.sf-arrow .sf-wizard .sf-btn.sf-btn-next:hover{background-position:right -35px}
.sf-arrow .sf-wizard .sf-btn.sf-btn-prev:hover{background-position:left -35px}
.sf-arrow .sf-wizard > form{background:transparent;padding:15px;}
.rtl .sf-arrow .sf-wizard .sf-btn:after{right:auto;left:-15px;margin-right:-15px;margin-left: auto; background:url(../img/t2-arr-left.png) no-repeat center center #319DB5;}
.rtl .sf-arrow .sf-wizard .sf-btn.sf-btn-prev:after {left: auto;right: 0;background-image: url(../img/t2-arr-right.png);}
.rtl .sf-arrow .sf-nav li.sf-active:after{left:-24px;right:auto;border-right: 26px solid #319DB5;border-left: none;}
.rtl .sf-arrow .sf-nav li.sf-nav-step-0.sf-active ~ li.sf-nav-step-1:after{left:-24px;right:auto; border-left: none !important;border-right: 24px solid #585858 !important}

.sf-simple .sf-nav-top,.sf-simple .sf-nav-bottom{height:80px}
.sf-simple .sf-nonumbers .sf-nav-top,.sf-simple .sf-nonumbers .sf-nav-bottom{height:50px}
.sf-simple .sf-nav-top{padding-bottom:20px;}
.sf-simple .sf-nav-bottom{margin-top:20px}
.sf-simple .sf-nav{margin-bottom:25px}
.sf-simple .sf-nav li{font-size:13px;color:#929292;height:60px;line-height:40px;text-align:left;margin-right:0;padding:30px 40px 0 0;font-weight:400}
.sf-simple .sf-nav li.sf-active,.sf-simple .sf-nav li.sf-nav-link:hover{color:#319DB5}
.sf-simple .sf-nav-top li,.sf-simple .sf-nav-bottom li{background:url(../img/t2-nav-bg.png) repeat-x left 15px transparent}
.sf-simple .sf-nav-top li:last-child,.sf-simple .sf-nav-bottom li:last-child{background:none}
.sf-simple .sf-nav li.sf-li-nonumber{background:none;height:30px;padding-top:0;line-height:30px}
.sf-simple .sf-nav-top li.sf-active{margin-top:0}
.sf-simple .sf-nav-wrap.sf-nav-left li,.sf-simple .sf-nav-wrap.sf-nav-right li{padding:0 20px 0 40px;height:30px;margin-bottom:30px;line-height:30px}
.sf-simple .sf-nav-wrap.sf-nav-right li{margin-left:20px}
.sf-simple .sf-wizard .sf-nav-on-left{padding-left:20px;border-left:1px solid #dadada}
.sf-simple .sf-wizard .sf-nav-on-right{padding-right:20px;border-right:1px solid #dadada}
.sf-simple .sf-nav-right li.sf-li-nonumber,.sf-simple .sf-nav-left li.sf-li-nonumber{padding-left:0;margin-bottom:10px}
.sf-simple .sf-nav-number{background:#FFF;position:absolute;top:0;left:0;font-size:14px;line-height:30px;font-weight:700;height:30px;width:30px;border:1px solid #c1c1c1;text-align:center;color:#929292}
.sf-simple .sf-nav li.sf-active .sf-nav-number{background:#319DB5;color:#FFF;border-color:#319DB5}
.sf-simple .sf-nav li.sf-nav-prev-step .sf-nav-number{background:#319DB5;color:#FFF;border-color:#319DB5}
.sf-simple .sf-li-number .sf-nav-subtext{padding-left:0}
.sf-simple .sf-wizard .sf-btn,.sf-simple form .nocsript-sf-btn{height:40px;line-height:40px;padding:0 40px;border:1px solid #c1c1c1;color:#929292;text-decoration:none;background:#FFF}
.sf-simple .sf-wizard .sf-btn:hover,.sf-simple .sf-wizard .sf-btn:hover{background:#319DB5;color:#FFF;border-color:#319DB5}
.sf-simple .sf-wizard > form{background:transparent;padding:0;border:none}
.sf-simple .sf-wizard .sf-nav-on-bottom{padding-bottom:20px;border-bottom:1px solid #dadada}
.rtl .sf-simple .sf-nav li {text-align: right;padding: 30px 0 0 40px;}
.rtl .sf-simple .sf-nav-number {right: 0;left:auto;}

.sf-circle .sf-nav-bottom{margin-top:23px;padding-top:12px}
.sf-circle .sf-nav-top,.sf-circle .sf-nav-bottom{height:150px}
.sf-circle .sf-nonumbers .sf-nav-top,.sf-circle .sf-nonumbers .sf-nav-bottom{height:70px}
.sf-circle .sf-nonumbers .sf-nav-bottom{padding-top:0}
.sf-circle .sf-nav-top{padding-bottom:20px}
.sf-circle .sf-nav{margin-bottom:25px;top:12px;z-index: 10;}
.sf-circle .sf-nav li{font-size:13px;color:#a3aab0;height:60px;line-height:40px;text-align:center;margin-right:40px;padding:75px 0 0;min-width:95px;font-weight:700}
.sf-circle .sf-nav li.sf-active,.sf-circle .sf-nav li.sf-nav-link:hover{color:#40464b}
.sf-circle .sf-nav-top li.sf-active{margin-top:0}
.sf-circle .sf-nav-number{position:absolute;margin-left:-35px;top:0;left:50%;font-size:30px;line-height:66px;font-weight:800;height:70px;width:70px;border-radius:70px;border:1px solid #cfcfcf;text-align:center;color:#929292}
.sf-circle .sf-nav-number:before{content:"";display:block;width:90px;height:90px;top:-11px;left:-11px;border-radius:90px;position:absolute;background:#dedede;z-index:-3;}
.sf-circle .sf-nav .sf-nav-number:after{content:"";display:block;width:135px;height:15px;top:27px;left:75px;position:absolute;background:#dedede;z-index:-2}
.sf-circle .sf-nav li:last-child .sf-nav-number:after{display:none}
.sf-circle .sf-nav li.sf-active .sf-nav-number,.sf-circle .sf-nav li.sf-nav-prev-step .sf-nav-number{border-color:transparent}
.sf-circle .sf-nav li .sf-nav-number-inner{text-align: center;position:absolute;top:9px;left:9px;margin-left:auto;line-height:50px;display:block;height:50px;width:50px;border-radius:60px;color:#a3aab0}
.sf-circle .sf-nav li .sf-nav-number-inner:before{-webkit-transition:all 300ms;-moz-transition:all 300ms;-ms-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;content:"";background:#FFF;position:absolute;z-index:-1;margin-left:-25px;top:0;left:50%;height:50px;width:50px;border-radius:70px;border:1px solid #cfcfcf}
.sf-circle .sf-nav li .sf-nav-number-inner:after{-webkit-transition:all 300ms;-moz-transition:all 300ms;-ms-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;content:"";position:absolute;z-index:-1;top:-10px;left:50%;margin-left:-35px;line-height:50px;display:block;height:70px;width:70px;border-radius:70px;background:#fff;}
.sf-circle .sf-nav li.sf-active .sf-nav-number-inner,.sf-circle .sf-nav li.sf-nav-prev-step .sf-nav-number-inner{color:#40464b}
.sf-circle .sf-nav li.sf-nav-prev-step .sf-nav-number-inner{color:#61676b}
.sf-circle .sf-nav li.sf-active .sf-nav-number-inner:before,.sf-circle .sf-nav li.sf-nav-prev-step .sf-nav-number-inner:before{content:"";background:#319DB5;border:1px solid #cfcfcf;margin-left:-37px;top:-12px;left:50%;height:74px;width:74px}
.sf-circle .sf-nav li.sf-nav-prev-step .sf-nav-number-inner:before{background:#40d8b9;}
.sf-circle .sf-nav li.sf-active .sf-nav-number-inner:after{background:#e1e1e1;color:#40464b;top:0;left:50%;margin-left:-25px;line-height:50px;height:50px;width:50px}
.sf-circle .sf-nav li.sf-nav-prev-step .sf-nav-number-inner:after{top:0;left:50%;margin-left:-25px;line-height:50px;height:50px;width:50px}
.sf-circle .sf-li-number .sf-nav-subtext{padding-left:0}
.sf-circle .sf-nav-top li.sf-li-nonumber,.sf-circle .sf-nav-bottom li.sf-li-nonumber{height:30px;padding:0}
.sf-circle .sf-nav-right .sf-nav{margin-left:20px}
.sf-circle .sf-nav-left li,.sf-circle .sf-nav-right li{height:100px;padding-top:25px;text-align:left;margin-bottom:0}
.sf-circle .sf-nav-left li .sf-nav-subtext,.sf-circle .sf-nav-right li .sf-nav-subtext{padding-left:117px}
.sf-circle .sf-nav-left li .sf-nav-number,.sf-circle .sf-nav-right li .sf-nav-number{left:50px;top:12px}
.sf-circle .sf-nav-left .sf-nav-number:after,.sf-circle .sf-nav-right .sf-nav-number:after{width:15px;height:60px;top:70px;left:27px;position:absolute;background:#dedede;z-index:-2}
.sf-circle .sf-nav-left li.sf-li-nonumber,.sf-circle .sf-nav-right li.sf-li-nonumber{height:30px;line-height:30px;padding:0}
.sf-circle .sf-nav-left li.sf-li-nonumber .sf-nav-subtext,.sf-circle .sf-nav-right li.sf-li-nonumber .sf-nav-subtext{padding-left:0}
.sf-circle .sf-wizard .sf-btn,.sf-circle form .nocsript-sf-btn{height:40px;line-height:40px;padding:0 40px;border:1px solid #c8c8c8;border-radius:5px;color:#40464b;font-size:13px;font-weight:700;text-decoration:none;background:#ebebeb;}
.sf-circle .sf-wizard .sf-btn:hover,.sf-circle .sf-wizard .sf-btn:hover{background:#efefef}
.sf-circle .sf-wizard > form{background:transparent;border-radius:5px;}
.sf-circle .sf-wizard > form:before{content:"";display:block}
.rtl .sf-circle .sf-nav li{margin-right: 0; margin-left:40px;}
.rtl .sf-circle .sf-nav .sf-nav-number:after {left:auto;right: 75px;}



@media screen,projection {
  .sf-wizard *,.sf-wizard :after,.sf-wizard :before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
}

@media all and (min-width: 1200px) {
  .sf-simple .sf-nav-top li, .sf-simple .sf-nav-bottom li {min-width: 200px;}
  .sf-circle .sf-nav li {min-width: 180px;}
}
@media all and (max-width: 1200px) {
  .sf-sea .sf-nav li{padding:0 10px}
  .sf-sea .sf-li-number .sf-nav-subtext{padding-left:65px}
  .sf-sky .sf-nav li{padding:0 10px}
  .sf-circle .sf-nav li{margin-right:20px}
}
@media all and (max-width: 992px) {
  .sf-sea .sf-nav li{padding:0 31px}
  .sf-sea .sf-nav li > span{display:none}
  .sf-sea .sf-nav-number{left:4px}
  .sf-sea .sf-nav li.sf-active:after{border:none}
  .sf-sea .sf-nav-top .sf-nav-step.sf-active:after{display:none}
  .sf-sea .sf-wizard .sf-btn{padding:0 10px}
  .sf-sky .sf-nav li{padding:0;width:42px;height:42px}
  .sf-sky .sf-nav li .sf-nav-subtext{display:none}
  .sf-sky .sf-nav-top .sf-li-number:after{height:42px}
  .sf-sky .sf-nav-left li{margin-right:20px}
  .sf-sky .sf-wizard .sf-btn{padding:0 10px}
  .sf-sky .sf-wizard .sf-btn.sf-btn-next{padding-right:22px}
  .sf-sky .sf-wizard .sf-btn.sf-btn-prev{padding-left:22px}
  .sf-simple .sf-nav-top,.sf-simple .sf-nav-bottom{height:55px}
  .sf-simple .sf-nav-left .sf-nav li{margin-right:20px;padding:0}
  .sf-simple .sf-nav li{padding:0 50px 0 0;width:30px}
  .sf-simple .sf-nav li .sf-nav-subtext{display:none}
  .sf-simple .sf-nav-wrap.sf-nav-left li,.sf-simple .sf-nav-wrap.sf-nav-right li{margin-bottom:10px}
  .sf-simple .sf-nav-wrap.sf-nav-right li{padding:0}
  .sf-simple .sf-nav li.sf-li-nonumber .sf-nav-number{display:block}
  .sf-simple .sf-wizard .sf-btn{padding:0 10px}
  .sf-circle .sf-nav-top,.sf-circle .sf-nav-bottom{height:115px}
  .sf-circle .sf-nav-right .sf-nav{margin-left:0}
  .sf-circle .sf-nav-left li.sf-li-nonumber,.sf-circle .sf-nav-right li.sf-li-nonumber{height:90px}
  .sf-circle .sf-nav-top .sf-nav-number:after,.sf-circle .sf-nav-bottom .sf-nav-number:after{width:50px}
  .sf-circle .sf-nonumbers li.sf-nav-step{height:60px}
  .sf-circle .sf-nav li span{display:none}
  .sf-circle .sf-nav li.sf-active:after{border:none}
  .sf-circle .sf-nav-left li{margin-right:5px}
  .sf-circle .sf-nav-right li{margin-left:5px;margin-right:0}
  .sf-circle .sf-nav-top .sf-nav-step.sf-active:after{display:none}
  .sf-circle .sf-nav li.sf-li-nonumber .sf-nav-number{display:block}
  .sf-circle .sf-nonumbers .sf-nav-top,.sf-circle .sf-nonumbers .sf-nav-bottom{height:115px}
  .sf-circle .sf-nonumbers .sf-nav-left li,.sf-circle .sf-nonumbers .sf-nav-right li{height:100px}
  .sf-circle .sf-wizard .sf-btn{padding:0 10px}
}

.rtl .sf-nav-top .sf-nav, .rtl  .sf-nav-bottom .sf-nav {width: auto}
.rtl .wizard .sf-step {float: right !important}
.rtl .wizard .sf-right {float: left !important;}
.rtl .wizard .sf-left {float: right !important;}