@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');

.margin {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}
.cols-auto,
.cols-md,
.cols-md-1,
.cols-md-10,
.cols-md-11,
.cols-md-12,
.cols-md-2,
.cols-md-3,
.cols-md-4,
.cols-md-5,
.cols-md-6,
.cols-md-7,
.cols-md-8,
.cols-md-9 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.ncd-cnt{	
	font-family: 'Roboto', sans-serif;
	/*background:#f8f9fd;*/
    font-size: 14px;
}

.ncd-cnt p{
	font-size: 14px;
	line-height: 1.5;
}


.ncd-cnt h3{
	margin-top: 0;
}

.img-res {
    max-width: 100%;
    height: auto
}

.CmnBtn {
  padding: 17px 39px;
  line-height: 1;
  font-size: 14px;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
  background-color: #0185ba;
/*  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;*/
  color: #fff;
  display: inline-block;
  border-radius: 3px;
  text-decoration:none;
  }
  .CmnBtn:hover {
    background-color: #3071a9;
    color: #fff;
	text-decoration:none;
    }

/***********************start body-content************/
.left-iner {-webkit-box-shadow: -5px 10px 14px -9px #e9eaef;-moz-box-shadow: -5px 10px 14px -9px #e9eaef;box-shadow: 0px 0px 5px 1px #e9eaef;border-radius: 8px;background: #fff;}

.body-content {
    padding-top: 25px;
    padding-bottom: 25px;
}

.lt-top {
    padding: 25px;
}

.lkg-img {
    display: inline-block;
    vertical-align: middle;
}

.lkg-content {
    display: inline-block;
    vertical-align: middle;
}

.lkg-img img {
    display: inline-block;
    vertical-align: middle;
    padding-right: 25px;
}

.lkg-content h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 2px;
}

.lkg-content span {
    font-size: 14px;
}

.md-licence {
    border-top: 1px solid #e6e7e9;
    border-bottom: 1px solid #e6e7e9;
    padding: 25px 65px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.value-key label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 7px;
}

.value-key input {
    background: #d8ebd8;
    padding: 10px 15px;
    border-radius: 3px;
    width: 100%;
}

.refresh-key span{
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 500;
    color: #0185ba;
    padding-left: 10px;
}
.refresh-key span a {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 500;
    color: #0185ba;
    padding-left:0;
}
.refresh-key span a:hover{
	color:#005578;
	text-decoration:none;
`}
.refresh-key img {
    display: inline-block;
    vertical-align: middle;
}

.refresh-key {
    margin-top: 7px;
}

.save-change {
    margin-top: 20px;
}

.save-change .CmnBtn {
    background: #c7cacb;
}

.save-change .CmnBtn:hover {
    background:#0185ba;
}

.licence-list ul li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #f6f6f6;
    padding: 10px;
    border-bottom: 1px solid #e6e7e9;
}

.licence-list li{
	margin-bottom:0;
}

.left-status {
    display: inline-block;
    color: #8c96aa;
    font-size: 12px;
}

.right-status {
    display: inline-block;
}

.inr-l {
    width: 50%;
    padding: 0px 10px;
}

.licence-list {
    padding: 0px 10px;
    width: 50%;
}

.right-status {
    font-size: 12px;
}

.licence-list ul {
    margin-top: 24px;
}

.licence-list ul li.current .right-status {
    font-weight: 600;
    color: #0b840c;
}
.quick-book {
    padding: 25px 65px;
}


.quick-pdng {
    padding: 0px 10px;
}

.quick-pdng h3 {
    font-weight: 500;
    margin-bottom: 14px;
	font-size: 15px;
}

.quick-pdng p {
    font-size: 12px;
    color: #8c96aa;
    max-width: 255px;
    line-height: 17px;
}
.Connect-now {
    margin-top: 20px;
}

.wizrd-outer {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 30px 0px 0px;
    background: #0c99e6;
    border-radius: 6px;
    justify-content: space-between;
    align-items: center;
}

.wizard-wrap {
    margin-top: 25px;
}

.content-wizard h3 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
}

.content-wizard p {
    font-size: 12px;
    color: #fff;
}
.wizard-img {
    margin-top: -15px;
}

.wizard-contact .CmnBtn {
    background: #fff;
    color: #0c99e6;
    padding: 13px 30px;
    position: relative;
    z-index: 9;
}
.wizard-contact:before{
	background:url(../images/left-star.png);
	top: -18px;
	left: -14px;
	}
	.wizard-contact:after{
	background:url(../images/right-star.png);
	right: -11px;
	background-position: right;
	top: 4px;
	z-index: 0;
	}
.wizard-contact:after, .wizard-contact:before{
	position:absolute;
	content:"";
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	z-index: 0;
	}
.wizard-contact {
    position: relative;
}
.wizard-contact .CmnBtn:hover {
    background-color: #3071a9;
    color: #fff;
}
.side-bar {
    -webkit-box-shadow: -5px 10px 14px -9px #e9eaef;
    -moz-box-shadow: -5px 10px 14px -9px #e9eaef;
    box-shadow: 0px 0px 5px 1px #e9eaef;
    border-radius: 8px;
    background: #fff;
    padding: 25px;
    margin-bottom: 20px;
}

.i-img {
    margin-bottom: 20px;
}

.side-bar h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
}

.usa-block {
}

.usa-block h3 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 6px;
}

.side-bar .licence-list {
    width: 100%;
    padding: 0;
}

.side-bar .licence-list ul li {
    border: 0;
    margin-bottom: 10px;
}

.side-bar .refresh-key {
    margin-top: 30px;
}

.side-bar .refresh-key span a{
    color: #02b9d2;
}
.side-bar .refresh-key span a:hover{
	color:#0a90a2;
}
.side-bar p {
    color: #8c96aa;
}

.side-bar .blue-content {
    color: #0185ba;
    margin: 20px 0px 0px;
    display: block;
}

.side-bar .CmnBtn {
    margin-top: 20px;
    width: 100%;
    text-align: center;
    padding: 13px 39px;
}
.side-bar p a {
    color: #8c96aa;
    display: block;
}
.body-content .rows {
    margin-left: -30px;
    margin-right: -30px;
}
.step-row {
    -webkit-box-shadow: -5px 10px 14px -9px #e9eaef;
    -moz-box-shadow: -5px 10px 14px -9px #e9eaef;
    box-shadow: 0px 0px 5px 1px #e9eaef;
    border-radius: 8px;
    background: #fff;
    margin-top: 25px;
}

.stp-inr {
    padding: 25px;
    border-right: 1px solid #e6e7e9;
}
.stp-inr:last-child {
    border-color: transparent;
}

.stp-c {
    display: flex;
    height: 100%;
    min-height: 174px;
}

.count-outer {
    height: 35px;
    width: 35px;
    background: #d4d7de;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 3px;
}

.step-content {
    padding-left: 20px;
    position: relative;
}

.step-content h3 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 7px;
}

.step-content p {
    font-size: 12px;
    color: #8c96aa;
}

.step-content .CmnBtn {
    margin-top: 20px;
    padding: 13px 39px;
    position: absolute;
    bottom: 0;
}

.stp-inr.step2 span.blue-content {
    color: #0185ba;
    font-size: 12px;
    margin-top: 10px;
    display: block;
}

span.grn {
    display: block;
    font-size: 12px;
    color: #0b840c;
    margin: 10px 0px;
}

span.black {
    display: block;
    font-size: 12px;
}
.stp-inr.step2 .count-outer {
	background:#d8ebd8 url(../images/tick.png) no-repeat;
	background-position: center center;
	}
.stp-inr.step2 .CmnBtn {
    background: #c7cacb;
}

.stp-inr.step2 .CmnBtn:hover {
    background: #0185ba;
}
.cols-md-12.step-hdname {
    padding: 0;
    margin-top: 20px;
}

.step-hdname h2 {
    color: #2d3243;
    font-size: 20px;
    font-weight: 600;
}
.wizard {
    margin: 0;
    float: left;
    padding: 15px 30px;
    width: 100%;
}

.wizard .nav-tabs {
    position: relative;
    margin: 0;
    margin-bottom: 0;
    border-bottom: none;
}

    .wizard > div.wizard-inner {
        position: relative;
    }



.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab i{
    color:#555555;
}
.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #5bc0de;
    
}
.wizard li.active span.round-tab i{
    color: #5bc0de;
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 33%;
}
.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
/*    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;*/
}

.wizard .nav-tabs > li a {
    width: 100%;
    margin: 0;
    padding: 0;
    display: inline-block;
    height: 100%;
    text-align: center;
	border:none;
}
.wizard .nav-tabs > li a:hover {
    background: transparent;
	border:none;
    }

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.wizard h3 {
    margin-top: 0;
}
.nav-tabs {
    border-bottom: 1px solid #ddd;
}
.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}
.nav>li {
    position: relative;
    display: block;
	height: 115px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom: 2px solid #02b9d2 !important;
}
.nav>li>a {
    position: relative;
    display: block;
}
.setup-outer {

	float:left;
}

.setup-outer .tab-pane {
    padding: 0;
}

.circle {
	width: 60px;
    margin:0;
    display: inline-block;
    position: relative;
    text-align: center;
	vertical-align: top;}
.circle strong {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    line-height: 45px;
    margin: 0 auto;
    font-size: 12px;
}
.set-prgs canvas {
     width: 40px !important;
    height: 40px !important;
}
.set-prgs {
    margin: 15px 0;
    float: left;
    width: 100%;
}
.set-prgs .circle {
    float: left;
    width: 10%;
}

.set-prgs-txt {
    float: left;
    width: 58%;
	 margin: 0 3%;
}

.set-prgs ul.list-inline.pull-right {
    float: right;
    width: 27%;
}
.setup-outer .tab-pane h4 {
    font-size: 14px;
    color: #2d3243;
    font-weight: 600;
}
.set-prgs-txt h3 {
    color: #0185ba;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 0 5px 0;
}
.set-prgs-txt p {
    color: #8c96aa;
    font-size: 12px;
    font-weight: 400;
}

.cols-md-6.setup-right, .cols-md-6.setup-left {
    padding : 0;
}

.step-outer {
    float: left;
    width: 100%;
}
.step-outer .wizard {
    padding: 0;
}
ul.nav-tabs li.disabled span.round-tab {
    width: 33px;
    height: 33px;
    line-height: 33px;
    display: inline-block;
    border-radius: 3px;
    background: #d4d7de;
    border: none;
    z-index: 2;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 16px;
    color: #2d3243;
    font-weight: 500;
    margin: 0 auto;
}
.rows.setup-box {
    -webkit-box-shadow: -5px 10px 14px -9px #e9eaef;
    -moz-box-shadow: -5px 10px 14px -9px #e9eaef;
    box-shadow: 0px 0px 5px 1px #e9eaef;
    border-radius: 8px;
    background: #fff;
	margin-top: 20px;
	margin-bottom: 15px;
}
ul.nav-tabs li.active span.round-tab{
	background:#02b9d2;
	color:#fff;
	width: 33px;
    height: 33px;
    line-height: 33px;
    display: inline-block;
    border-radius: 3px;
    border: none;
    z-index: 2;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin: 0 auto;
}

ul.nav-tabs li span.round-tab{
	background:#d8ebd8 ;
	color:#0b840c;
	width: 33px;
    height: 33px;
    line-height: 33px;
    display: inline-block;
    border-radius: 3px;
	border: none;
	z-index: 2;
    position: absolute;
    left: 0;
    right: 0;
	margin: 0 auto;
}
.wizard .nav-tabs > li a {
    padding: 22px 5px 14px 5px;
    text-align: center;
}
ul.nav-tabs li p {
    color: #0b840c;
	margin-top: 42px;
}
ul.nav-tabs li.active p {
    color: #0b840c;
}
ul.nav-tabs li.active p {
    color: #2d3243;
}
ul.nav-tabs li.disabled p {
    color: #2d3243;
}
ul.nav-tabs li p.sml-txt {
	margin-top: 0!important;
	color: #8c96aa;
}
ul.nav-tabs li.active p.sml-txt {
    color: #8c96aa;
}
.wizard .nav-tabs > li a p {
    display: inline-block;
    width: 100%;
    font-size: 12px;
}
ul.nav-tabs li a{ 
	border-bottom: 2px solid #f6faf6;
	background:#f6faf6;
	border-radius:none !important;
}
ul.nav-tabs li.disabled a{
	border-bottom:2px solid #fff;
	background:#fff;
	}
ul.nav-tabs li.active a{
	border-bottom:2px solid #02b9d2;
	background:#fff;
}
.wizard .nav-tabs > li {
    width: 33%;
    border-left: 1px solid #e6e7e9;
}

a.blue-txtlink{
	color: #0185ba !important;
    margin: 30px 0;
}
button.btn.btn-primary.next-step {
    font-size: 12px;
    padding: 6px 20px;
}

.set-prgs ul.list-inline.pull-right li {
    margin-top: 20px;
}
ul.nav-tabs li span.round-tab .round-no {
    font-size: 0 !important;
    position: relative;
    display: inline-block;
    width: 100%;
}
ul.nav-tabs li span.round-tab .round-no:after{
	font-size:0 !important;
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	width:20px;
	height:20px;
	background:url(../images/tick.png) no-repeat center center;
	content:"";
}
ul.nav-tabs li.active span.round-tab .round-no:after, ul.nav-tabs li.disabled span.round-tab .round-no:after{
	content:none;
}
ul.nav-tabs li.active span.round-tab .round-no, ul.nav-tabs li.disabled span.round-tab .round-no{
	font-size:16px !important;
}
header#main-head .main-menu { margin-left: auto; }



header#main-head .main-menu li { display: inline-block; }



header#main-head .main-menu li a { color: #fff; font-size: 16px; line-height: 95px; display: inline-block; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; padding: 0px 25px; font-family: "brandon_grotesquemedium"; }



header#main-head .main-menu li a:hover { color: #4d133c; background: #fff; }



header#main-head .main-menu .try-ranch { display: inline-block; }



header#main-head .main-menu .try-ranch a { line-height: 95px; margin-left: 85px; color: #fff; font-size: 18px; font-family: "brandon_grotesquebold"; padding: 0px 20px; background: #000000; display: inline-block; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }



header#main-head .main-menu .try-ranch a:hover { color: #4d133c; background: #fff; }



header#main-head .main-menu ul { display: inline-block; }



header#main-head .toggle-btn-wrap { /* position: absolute; right: 0; top: 0;*/ display: inline-block; vertical-align: top; }



header#main-head .toggle-btn-wrap .toggle-btn { padding: 40px; cursor: pointer; }



header#main-head .toggle-btn-wrap .toggle-btn span { display: block; width: 25px; height: 1px; background: #fff; }



header#main-head .toggle-btn-wrap .toggle-btn span + span { margin-top: 6px; }
.main-wrap.white-head {
    padding: 15px 0;
    width: 100%;
    background: #fff;
    display: inline-block;
}
.main-wrap.white-head .margin {
    border-radius: 0!important;
    background: #fff!important;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.welpage-wrapper {
    height: calc(100vh - 136px);
    position: relative;
    display: inline-block;
    width: 100%;
}
.wel-outer {
    text-align: center;
    max-width: 480px;
}
.welpage-wrapper .rows {
    height: 100%;
    align-items: center;
    justify-content: center;
}

.welpage-wrapper  .margin {
    height: 100%;
}
.wel-outer h2 {
    font-size: 24px;
    color: #3b3e4f;
    margin: 0 0 30px 0;
}

.wel-content.text-center {
    background: #fff;
    padding: 30px;
    display: inline-block;
    width: 100%;
}

.wel-content img {
    max-width: 100%;
    width: auto;
}

.wel-content h3 {
    font-size: 16px;
    color: #3b3e4f;
    font-weight: 500;
    margin: 0 0 20px 0;
    display: inline-block;
    width: 100%;
}

.wel-content p {
    font-size: 14px;
    color: #3b3e4f;
    display: inline-block;
    width: 100%;
}

.wel-content span {
    font-size: 12px;
    color: #7c869b;
    padding: 30px 0 0 0;
    display: inline-block;
}

.wel-content span span.blue-txt {
    font-size: 12px;
    color: #00bad3;
    display: inline-block;
}
.footer-wrapper {
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 20px 0;
    /* position: fixed; */
    /* z-index: 999; */
    /* bottom: 0; */
}

.footer-wrapper p {
    color: #3a3e50;
    font-size: 14px;
}

.orange-txt {
    color: #f99d1e;
}

.blue-txt {
    color: #00bdd7;
}
.step-outer .tooltip {
    display: none !important;
    
}
.wizard .nav-tabs > li a::after {
    content: "Complete";
    position: absolute;
    display: inline-block;
    top: 2px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 11px;
    color: #8c96aa;
}
.wizard .nav-tabs > li.disabled a::after {
    content: none;

}
.wizard .nav-tabs > li.active a::after {
    content: "Pending";
    position: absolute;
    display: inline-block;
    top: 2px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 11px;
    color: #8c96aa;
}
.wizard > div.wizard-inner ul.nav.nav-tabs li {
    height: 130px;
}
.wizard > div.wizard-inner ul.nav.nav-tabs li a.link-txt::after {
    content: none !important;
}
.wizard > div.wizard-inner ul.nav.nav-tabs li a.link-txt {
   position: absolute;
    background: none !important;
    border: none !important;
    z-index: 9999;
    padding: 3px 0 !important;
    margin: 0 !important;
    height: auto !important;
    cursor: pointer !important;
    bottom: -27px;
    font-size: 13px;
    color: #0185ba;
}
.wizard > div.wizard-inner ul.nav.nav-tabs li a.link-txt:hover{
	color: #888;
}
.main-wrap.nw-head .head-outer {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 1px 8px 0 rgba(0,0,0,0.1);
    width: 94%;
	max-width: 1268px;
    margin: 0 auto;
}
.main-wrap.nw-head {
    padding: 0;
    display: inline-block;
    width: 100%;
    margin-top: 30px;
}
ul.head-menu {
    float: left;
}

ul.head-menu li {
    float: left;
    border-left: 1px solid #e3e6eb;
}
ul.head-menu li a.menu-link {
    padding: 0 20px 0 50.5px;
    height: 72px;
    float: left;
    line-height: 72px;
    color: #2d3243;
    font-size: 14px;
	position:relative;
	text-decoration:none;
	font-weight: 500;
}
ul.head-menu li a.menu-link::after {
	content: "";
    position: absolute;
    width: 24px;
    height: 23px;
	left: 15px;
    top: 23px;
}
ul.head-menu li a.home-icon::after {
    background: url(../images/head-icon-all.png) no-repeat -22px 0px;
}
ul.head-menu li a.home-icon:hover::after {
	background: url(../images/head-icon-all.png) no-repeat -22px -23px;
}
ul.head-menu li a.home-icon.active::after {
	background: url(../images/head-icon-all.png) no-repeat -22px -46px;
} 
ul.head-menu li a.home-icon.active:hover::after{
	background: url(../images/head-icon-all.png) no-repeat -22px -23px;
}



ul.head-menu li a.order-icon::after {
    background: url(../images/head-icon-all.png) no-repeat 3px 0px;
}
ul.head-menu li a.order-icon:hover::after {
	background: url(../images/head-icon-all.png) no-repeat 3px -23px;
}
ul.head-menu li a.order-icon.active::after {
	background: url(../images/head-icon-all.png) no-repeat 3px -46px;
} 
ul.head-menu li a.order-icon.active:hover::after{
	background: url(../images/head-icon-all.png) no-repeat 3px -23px;
}




ul.head-menu li a.product-icon::after {
    background: url(../images/head-icon-all.png) no-repeat -167px 0px;
}
ul.head-menu li a.product-icon:hover::after {
	background: url(../images/head-icon-all.png) no-repeat -167px -23px;
}
ul.head-menu li a.product-icon.active::after {
	background: url(../images/head-icon-all.png) no-repeat -167px -46px;
}
ul.head-menu li a.product-icon.active:hover::after{
	background: url(../images/head-icon-all.png) no-repeat -167px -23px;
}


ul.head-menu li a.tax-icon::after {
    background: url(../images/head-icon-all.png) no-repeat -143px 0px;
}
ul.head-menu li a.tax-icon:hover::after {
	background: url(../images/head-icon-all.png) no-repeat -143px -23px;
}
ul.head-menu li a.tax-icon.active::after {
	background: url(../images/head-icon-all.png) no-repeat -143px -46px;
}
ul.head-menu li a.tax-icon.active:hover::after{
	background: url(../images/head-icon-all.png) no-repeat -143px -23px;
}


ul.head-menu li a.mapping-icon::after {
    background: url(../images/head-icon-all.png) no-repeat -119px 0px;
}
ul.head-menu li a.mapping-icon:hover::after {
	background: url(../images/head-icon-all.png) no-repeat -119px -23px;
}
ul.head-menu li a.mapping-icon.active::after {
	background: url(../images/head-icon-all.png) no-repeat -119px -46px;
}
ul.head-menu li a.mapping-icon.active:hover::after{
	background: url(../images/head-icon-all.png) no-repeat -119px -23px;
}




ul.head-menu li a.pull-icon::after {
    background: url(../images/head-icon-all.png) no-repeat -96px 0px;
}
ul.head-menu li a.pull-icon:hover::after {
	background: url(../images/head-icon-all.png) no-repeat -96px -23px;
}
ul.head-menu li a.pull-icon.active::after {
	background: url(../images/head-icon-all.png) no-repeat -96px -46px;
}
ul.head-menu li a.pull-icon.active:hover::after{
	background: url(../images/head-icon-all.png) no-repeat -96px -23px;
}



ul.head-menu li a.automatic-icon::after {
    background: url(../images/head-icon-all.png) no-repeat -74px 0px;
}
ul.head-menu li a.automatic-icon:hover::after {
	background: url(../images/head-icon-all.png) no-repeat -74px -23px;
}
ul.head-menu li a.automatic-icon.active::after {
	background: url(../images/head-icon-all.png) no-repeat -74px -46px;
}
ul.head-menu li a.automatic-icon.active:hover::after{
	background: url(../images/head-icon-all.png) no-repeat -74px -23px;
}



ul.head-menu li a.miscell-icon::after {
    background: url(../images/head-icon-all.png) no-repeat -46px 0px;
}
ul.head-menu li a.miscell-icon:hover::after {
	background: url(../images/head-icon-all.png) no-repeat -46px -23px;
}
ul.head-menu li a.miscell-icon.active::after {
	background: url(../images/head-icon-all.png) no-repeat -46px -46px;
}
ul.head-menu li a.miscell-icon.active:hover::after{
	background: url(../images/head-icon-all.png) no-repeat -46px -23px;
}

 ul.head-menu li a.menu-link.active{
	 background:#02b9d2;
	 color:#fff;
}
ul.head-menu li a.menu-link:hover{
		 background:#fff;
	 color:#02b9d2;
}
.main-logo {
    width: auto;
    float: left;
    padding: 0 20px;
}

.main-wrap.nw-head .main-outer {
    width: 100%;
}

.main-wrap.nw-head .main-outer .main-logo {
    width: auto;
    float: left;
    height: 72px;
    padding: 0 20px;
}
.main-wrap.nw-head .main-outer .main-logo img.img-res {
    padding-top: 20px;
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
@media( max-width : 585px ) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}








/*ends*/
	
@media (min-width:768px) {
	cols-auto{
		-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none;
		}
    .cols-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .cols-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .cols-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .cols-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .cols-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .cols-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .cols-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .cols-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .cols-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .cols-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .cols-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .cols-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
	.resp-nav-btn{
		display:none;
}
div#mySidenav {
    float: left;
    width: 65%;
    position: static;
    background: no-repeat;
    margin-left: 10%;
    padding-top: 5px;
}
a.closebtn {
    display: none;
}
.main-wrap.white-head .main-outer {
    width: 100%;
}

.main-wrap.white-head .main-logo {
    float: left;
    width: 25%;
}
.main-wrap.white-head .main-logo img.img-res {
    width: auto;
}

div#mySidenav a.menu-link {
    float: left;
    padding: 5px 10px;
    border-radius: 3px;
    background: #ffff;
    margin: 0 10px;
    color: #727272;
    font-size: 16px;
}
div#mySidenav a.menu-link:hover{
    background: #00bad3;
    color: #fff !important;

}
a.menu-link.float-right {
    color: #00bad3 !important;
}
}

@media (min-width:992px) {
    .margin {
        max-width: 960px
    }

}

@media (min-width:1200px) {
    .margin {
        max-width: 1040px
    }
}