.widget .toggle_widget {width: 360px;/* height: 100%; */position: fixed;top: 20%;right: 0;z-index: 200;transform: translateX(360px);transition: .4s all ease;background: #FFF;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.widget .toggle_widget.active {transform: translateX(0);box-shadow: 0px 2px 12px rgba(0, 0, 0,0.5);z-index: 300 !important;}
.widget .toggle_widget .opener {position: absolute;left: -40px;top: 44px;border-radius: 4px 0 0 4px;z-index: -1;background: #15A099;font-size: 23px;cursor: pointer;padding: 4px 8px;width: 40px;height: 40px;text-align: left;box-shadow: 0 2px 2px rgba(0,0,0,0.5);margin-top: -44px;color: #FFF;}
.widget .toggle_widget.active .opener .glyphicon, .widget .toggle_widget.active .opener .ico {transform: scaleX(-1);}
.widget .toggle_widget.active .opener:before {content:'';position:fixed;width: 100vw;height: 150vh;top: -100%;right: 40px;z-index: 1;/* background: red; */}
.widget .toggle_widget .panel{margin-bottom:0}
.widget .toggle_widget .panel-body {/* position: absolute; */overflow: auto;overflow-X: hidden;width: 100%;background: #FFFFFF;/* top: 40px; *//* bottom: 0; *//* left: 0; *//* right: 0; */z-index: 1;min-height: 225px;}
.widget .toggle_widget .article {/* padding: 10px; *//* background: white; */}
.widget .toggle_widget a:hover, .widget .toggle_widget a:focus {text-decoration: none;}

.setup-guide.box-white {padding: 10px 0;}
.article .post-title {color: #444;}
.article .post-meta {color: #777;}
.article .post-details {color: #444;}

.ss_head {background:#00529C;color:#FFF;padding:9px 15px;margin: -15px -15px 15px;font-size: 20px;position:relative;background: #15A099;overflow: hidden;}
.ss_head:before {content:'';position:absolute;top:0;right:0;bottom:0;width:150px;background: linear-gradient(270deg, rgba(21,160,150,0.65) 40%,rgba(0,0,0,0) 100%);}
.ss_head:after {content:'';position:absolute;width:100px;height:40px;background:url(../img/img041.png);bottom:0;right:0;}

.setup_panel {border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; border: 5px solid #fdc106;}
.stepup-widget {margin-right: -1px; background-color: gray;}
.step_item {float:left;width:20%;color:#FFF;padding: 15px 0px 15px 73px;height: 142px;position:relative;font-size:13px;transition:filter .3s ease}
.step_item:hover {filter:none}
.step_item .si-heading {font-size:14px}
.step_item a {color:#FFF;}
.step_item > * {position:relative;z-index:1;line-height: 1.1;}
.step_item:before {content:'';position:absolute;width: 125px;height: 142px;background: url(../img/img034.png) -1px 0 no-repeat;left: 0;top:0;z-index: 0;}
.step_item:first-child {background:#5EA6A2}
.step_item:nth-child(2):before {background: url(../img/img035.png) -1px 0 no-repeat}
.step_item:nth-child(2) {background:#287DB6}
.step_item:nth-child(3) {background:#2B6499}
.step_item:nth-child(3):before {background: url(../img/img036.png) -1px 0 no-repeat}
.step_item:nth-child(4) {background:#566E86}
.step_item:nth-child(4):before {background: url(../img/img037.png) -1px 0 no-repeat}
.step_item:nth-child(5) {background:#00529C}
.step_item:nth-child(5):before {background: url(../img/img038.png) -1px 0 no-repeat}
.step_count {font-size: 20px;line-height: 25px;text-align: center;font-weight: 700;position: absolute;left: 7px;top: 45px;}
.step_count span {display: block;font-size: 40px;}


@media only screen and (max-width : 1200px) {
	.stepup-widget .step_item {width: 33.33%;}
}

@media only screen and (max-width : 992px) {
	.stepup-widget .step_item {width: 50%;}
}

@media only screen and (max-width : 768px) {
	.stepup-widget .step_item {width: 50%;}
}

@media only screen and (max-width : 600px) {
	.stepup-widget .step_item {width: 100%;}
}