/* /tmi_mart_website/static/src/css/widzard.css */
 .nav-pills > li{float: left;}.nav-pills{background-color: #f3f2ee; position: absolute; width: 100%; height: 4px; top: 40px; text-align: center}.nav-pills>li+li{margin-left: 0}.nav-pills>li>a{padding: 0; max-width: 78px; margin: 0 auto; color: rgba(0,0,0,.2); border-radius: 50%; position: relative; top: -32px; z-index: 100}.nav-pills>li>a:after{content: ''; width: 70px; height: 70px; border-radius: 50%; display: inline-block; position: absolute; right: -34px; top: 15px; transform: scale(0); transition: .2s all linear}.nav-pills>li>a:hover,.nav-pills>li>a:focus{background-color: transparent; color: rgba(0,0,0,.2); outline: 0!important; cursor: pointer}.nav-pills>li.active>a:after{content: ''; width: 70px; height: 70px; border-radius: 50%; display: inline-block; position: absolute; right: 5px; top: -2px; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transition: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{background-color: transparent; font-size: 15px; -webkit-transition: font-size .2s linear; -moz-transition: font-size .2s linear; -o-transition: font-size .2s linear; -ms-transition: font-size .2s linear; transition: font-size .2s linear}.nav-pills>li.active>a [class*=ti-],.nav-pills>li.active>a:hover [class*=ti-],.nav-pills>li.active>a:focus [class*=ti-]{color: #fff; font-size: 24px; top: 21px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear}.wizard-card{min-height: 120px;}#cart_products{border: 1px solid #f3f2ee; box-shadow: 0 20px 16px -15px rgba(0,0,0,.17)}.wizard-card .picture-container{position: relative; cursor: pointer; text-align: center}.wizard-card .icon-circle{font-size: 20px; border: 3px solid #f3f2ee; text-align: center; border-radius: 50%; color: rgba(0,0,0,.2); font-weight: 600; width: 70px; height: 70px; background-color: #fff; margin: 0 auto; position: relative; top: -2px}.wizard-card .icon-circle [class*=ti-]{position: absolute; z-index: 1; left: 1px; right: 0; top: 23px}.wizard-card .picture{width: 106px; height: 106px; background-color: #d8d1c9; border: 4px solid transparent; color: #fff; border-radius: 50%; margin: 5px auto; overflow: hidden; transition: all .2s; -webkit-transition: all .2s}.wizard-card .picture:hover{border-color: #2ca8ff}.wizard-card .picture-src{width: 100%}.wizard-card[data-color=azure] .picture:hover{border-color: #7a9e9f}.wizard-card[data-color=azure] .nav-pills>li.active>a:after{background-color: #7a9e9f}.wizard-card[data-color=azure] .nav-pills>li.active>a{color: #7a9e9f}.wizard-card[data-color=azure] .nav-pills .icon-circle.checked{border-color: #7a9e9f}.wizard-card[data-color=azure] .choice.active .card-checkboxes{color: #7a9e9f}.wizard-card[data-color=azure] .wizard-navigation .progress-bar{background-color: #7a9e9f}.wizard-card[data-color=green] .picture:hover{border-color: #7ac29a}.wizard-card[data-color=green] .nav-pills>li.active>a:after{background-color: #7ac29a}.wizard-card[data-color=green] .nav-pills>li.active>a{color: #7ac29a}.wizard-card[data-color=green] .nav-pills .icon-circle.checked{border-color: #7ac29a}.wizard-card[data-color=green] .choice.active .card-checkboxes{color: #7ac29a}.wizard-card[data-color=green] .wizard-navigation .progress-bar{background-color: #7ac29a}.wizard-card[data-color=blue] .picture:hover{border-color: #0088cc;}.wizard-card[data-color=blue] .nav-pills>li.active>a:after{}.wizard-card[data-color=blue] .nav-pills>li.active>a{color: #0088cc;}.wizard-card[data-color=blue] .nav-pills .icon-circle.checked{border-color: #0088cc;}.wizard-card[data-color=blue] .choice.active .card-checkboxes{color: #0088cc;}.wizard-card[data-color=blue] .wizard-navigation .progress-bar{background-color: #0088cc;}.wizard-card[data-color=orange] .picture:hover{border-color: #f3bb45}.wizard-card[data-color=orange] .nav-pills>li.active>a:after{background-color: #f3bb45}.wizard-card[data-color=orange] .nav-pills>li.active>a{color: #f3bb45}.wizard-card[data-color=orange] .nav-pills .icon-circle.checked{border-color: #f3bb45}.wizard-card[data-color=orange] .choice.active .card-checkboxes{color: #f3bb45}.wizard-card[data-color=orange] .wizard-navigation .progress-bar{background-color: #f3bb45}.wizard-card[data-color=red] .picture:hover{border-color: #eb5e28}.wizard-card[data-color=red] .nav-pills>li.active>a:after{background-color: #eb5e28}.wizard-card[data-color=red] .nav-pills>li.active>a{color: #eb5e28}.wizard-card[data-color=red] .nav-pills .icon-circle.checked{border-color: #eb5e28}.wizard-card[data-color=red] .choice.active .card-checkboxes{color: #eb5e28}.wizard-card[data-color=red] .wizard-navigation .progress-bar{background-color: #eb5e28}.wizard-card .picture input[type=file]{cursor: pointer; display: block; height: 100%; left: 0; opacity: 0!important; position: absolute; top: 0; width: 100%}.wizard-card .disabled{display: none}.wizard-card .wizard-header{padding: 15px; position: relative; border-radius: 3px 3px 0 0; z-index: 3}.wizard-card .wizard-header h3{text-align: center}.wizard-card .wizard-title{color: #252422; font-weight: 300; margin: 0}.wizard-card .category{font-size: 14px; font-weight: 400; color: #9a9a9a; margin-bottom: 0; text-align: center}.wizard-card .wizard-navigation{position: relative}.wizard-card .wizard-navigation .progress-with-circle{position: relative; top: 40px; z-index: 50; height: 4px}.wizard-card .wizard-navigation .progress-with-circle .progress-bar{box-shadow: none; -webkit-transition: width .3s ease; -o-transition: width .3s ease; transition: width .3s ease}.wizard-card .wizard-navigation i{top: 15px; position: relative; font-size: 30px;}.wizard-card .info-text{text-align: center; padding-bottom: 18px; padding-top: 12px}.wizard-card .choice{text-align: center; cursor: pointer; margin-top: 38px}.wizard-card .choice .icon{text-align: center; vertical-align: middle; height: 116px; width: 116px; border-radius: 50%; background-color: #999; color: #fff; margin: 0 auto 20px; border: 4px solid #ccc; transition: all .2s; -webkit-transition: all .2s}.wizard-card .choice i{font-size: 32px; line-height: 55px}.wizard-card .choice:hover .icon,.wizard-card .choice.active .icon{border-color: #2ca8ff}.wizard-card .choice input[type=radio],.wizard-card .choice input[type=checkbox]{position: absolute; left: -10000px; z-index: -1}.wizard-card .description{color: #999; font-size: 14px}