* { margin: 0; padding: 0; }

body { /*font: 14px Helvetica, Sans-Serif;*/ font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; }
.sparshbody
{
    background: #F7F6F3 url('../../images/bgMain.jpg') repeat-y right 0;
}

ul.sparsh_dropdown a { text-decoration: none; }

ul { list-style: none; }


/*
	LEVEL ONE
*/
ul.sparsh_dropdown { position: relative;padding-left:0;padding-right:0;margin-left:0;margin-right:0; margin-bottom:0;  }

    ul.sparsh_dropdown li { font-size: 12px; float: left; zoom: 1; z-index:1; /*background: #ccc;*/ }
 ul.sparsh_dropdown a:hover { color: #000; } 
    ul.sparsh_dropdown a:active { color: #ffa500; }
 ul.sparsh_dropdown li a { display: block; /*padding: 4px 8px;*/ border-right: #c5c5c5; color: black; font-size: 12px; }
 ul.sparsh_dropdown li:last-child a { border-right: none; }
    /* Doesn't work in IE */
    ul.sparsh_dropdown li.hover, ul.sparsh_dropdown li:hover { background: #BFB7B4 /*#F3D673*/; color: black; position: relative; }
 ul.sparsh_dropdown li.hover a { color: black; }

/*Extra Added*/

.Menu-Menu:after { content: ''; display: block; width: 99%; height: 0; float: inherit; overflow: hidden; }  
ul.sparsh_dropdown > li { position: relative; float: left; border-style: solid; border-width: 0 1px 0 0; vertical-align: top; zoom: 1; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }  
.sparsh_dropdown .Menu-Item .Menu-Link { display: block; padding: .5em 1.1em .4em; line-height: 1.34em; }  .M-Default { border-color: #c5c5c5; }  .Menu-Link { cursor: pointer; }  .Menu-Header { background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, .6) 0, rgba(255, 255, 255, .0) 100%); background-position: 50% 50%; background-color: #e3e3e3; border-color: #c5c5c5; }  .Menu-Widget { border-style: solid; border-width: 1px; -webkit-appearance: none; }  .Menu-Menu .Menu-Image { margin: -2px 4px 0 -4px; vertical-align: middle; }  .k-i-arrow-e { position: absolute; top: 50%; margin-top: -8px; right: .2rem; }  .k-Icon { background-image: url('../Resource/Default/sprite.png'); border-color: transparent; }

ul.sparsh_dropdown li span {
    border-right: #c5c5c5;
    color: black;
}
ul.sparsh_dropdown li ul li span i {
    float:right;
}


ul.sub_menu li {
    border-right: #c5c5c5;
}

ul.sub_menu {
    border: 1px solid #c5c5c5;
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: small;
    -webkit-box-shadow: #B3B3B3 0 2px 2px;
    -moz-box-shadow: #B3B3B3 0 2px 2px;
    box-shadow: #B3B3B3 0 2px 2px;
}

    ul.sub_menu ul {
        border: 1px solid #c5c5c5;
        font-family: arial, verdana, helvetica, sans-serif;
        font-size: small;
    }
/**/
/*
	LEVEL TWO
*/
ul.sparsh_dropdown ul {
    width: 200px;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
}

    ul.sparsh_dropdown ul li { /*font-weight: normal;*/
        background: #e3e3e3;
        color: #000;
        /*border-bottom: 1px solid #ccc;*/ float: none;
    }

        /* IE 6 & 7 Needs Inline Block */
        ul.sparsh_dropdown ul li a {
            border-right: none; /*width: 100%;*/
            display: inline-block;
        }

    /*
	LEVEL THREE
*/
    ul.sparsh_dropdown ul ul {
        left: 100%;
        top: 0;
    }

ul.sparsh_dropdown li:hover > ul {
    visibility: visible;
    
}


/*For Left Menu*/
/*Exttras*/
 #sub-menu-nav ul li a:hover{
            color: black;
            background: #BFB7B4 /*#F3D673*/; position: relative;
        }
        #sub-menu-nav ul li a{
            color:black;
        }
        #sub-menu-nav ul{
            background:#e3e3e3;
            position:absolute;
        }
        .sb-collapsed .cl-vnavigation li a:hover{
            color: black;
            background: #BFB7B4 /*#F3D673*/; position: relative;
        }

/* Glow */
.hvr-glow {
    background: none;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}

    .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    }

/* Skew Forward */
.hvr-skew-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

    .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
        -webkit-transform: skew(-20deg);
        transform: skew(-20deg);
    }

/* CURLS */
/* Curl Top Left */
.hvr-curl-top-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

    .hvr-curl-top-left:before {
        pointer-events: none;
        position: absolute;
        content: '';
        height: 0;
        width: 0;
        top: 0;
        left: 0;
        background: white;
        /* IE9 */
        background: linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
        /*For IE7-8-9*/
        z-index: 1000;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: width, height;
        transition-property: width, height;
    }

    .hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
        width: 10px;
        height: 10px;
    }


/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/*Hover Effect ends here*/

li.Menu-Item.M-Default.First {
    /*margin-left: 50px;*/
    border-width: 0 1px 0 1px;
}

.profile_menu {
    margin-left: 10px;
    cursor: pointer;
    z-index: 2;
}
.row {
    margin-top: 25px;
}
@media (min-width:400px) and (max-width:967px){
    li.Menu-Item.M-Default.First {
    margin-left: 0;
}
}