@charset "utf-8";
/* CSS Document */
*{outline: none !important;}
body{font-family:"proxima-nova",sans-serif; font-style: normal; font-weight: 300; }
body.dark-theme{ background: #111419;}
ul{margin:0;}

ul.slider li{opacity:0; transition: all 1s linear; position:absolute;}
/*ul.slider li.first{display:block;}*/
ul.slider li.active{opacity: 1 !important;}

@-webkit-keyframes rotating {
  /* Safari and Chrome */
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); 
  }
}


#menu-toggle img{
	-webkit-animation: rotating 2.5s linear infinite;
  -moz-animation: rotating 2.5s linear infinite;
  -ms-animation: rotating 2.5s linear infinite;
  -o-animation: rotating 2.5s linear infinite;
  animation: rotating 2.5s linear infinite;
}



/* sidebar-nav */

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*#wrapper.toggled {
    padding-left: 250px;
}*/

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    right: -350px;
    width: 0;
    height: 100%;
   /* margin-left: -250px;*/
    overflow-y: auto;
    background: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	top:60px;
	box-shadow:  0px 0px 7px 0px #C7C7C7;
}

.dark-theme #sidebar-wrapper{box-shadow: none;}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -350px;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 350px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
	margin-bottom: 10px;
}

.sidebar-nav li a {
    display:block;
    text-decoration: none;
    color: #fff;
	background: #192028;
	font-size: 18px;
	font-weight: 500;
	padding: 5px 0;
	width:75%;
	float: left;
	position:relative;
}
.sidebar-nav li a + span{
	display: block;
	width:24px;
	height:24px;
	background: #192028;
	float: right;
	margin-top: 20px;
	margin-right: 10px;
}
.sidebar-nav li a + span.lt{ background: #e82d2e;}
.sidebar-nav li a + span.mt{background: url(../img/multicolor.png) no-repeat 0 0;}
.sidebar-nav li a:hover, .sidebar-nav li.active a {
    text-decoration: none;
    color: #fff;
    background: #e82d2e;
}

.sidebar-nav li.active a::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 20px;
	border-color: transparent transparent transparent #e82d2e;
	line-height: 0px;
	_border-color: #000000 #000000 #000000 #e82d2e;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	position: absolute;
	right: -20px;
	top: 10px;
}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand{text-indent: inherit;}
.sidebar-nav > .sidebar-brand h2 {
	text-align: center;
	text-transform: uppercase;
	font-weight: 200;
	font-size: 25px;
	min-height: 35px;
}
.sidebar-nav > .sidebar-brand h2 span{font-weight: 500;}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
	float:none;
}
.sidebar-nav > .sidebar-brand a img{width:60px;}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}
.menu-toggle{
	display:none;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	
}


.menu-toggle > a, .controls{    
    display: block;
    width: 75px;
    height: 65px;
    text-align: center;
    line-height: 65px;
}
a#menu-toggle{background: #d21811;}
.controls{background: #192028;}
.controls a:hover img {
	background: #d21811;
}
.menu-toggle{display:block; z-index: 9999; position: fixed; right:0;  top:60px;}
#wrapper.toggled .menu-toggle{right:350px; width:auto;}
/*#wrapper {
	padding-left: 250px;
}
*/
#wrapper.toggled {
	padding-left: 0;
}

#sidebar-wrapper {
	width: 350px;
}

#wrapper.toggled #sidebar-wrapper {
	right: 0;
}

#wrapper.toggled-right #sidebar-wrapper-right {
	right: 0;
}

#page-content-wrapper {
	padding: 20px;
	position: relative;
}

#wrapper.toggled #page-content-wrapper {
	position: relative;
	margin-right: 0;
}


.Wcs-ser-tab-btn a {
color: #fff;
font-size: 20px;
text-align: center;
width: 253px;
height: 78px;
display: inline-block;
padding-top: 20px;
text-decoration: none;
}
.Wcs-ser-tab-btn a:hover{background-image:none; background-color:#34c9dd;}

.WCS-Featured ul li {
margin: inherit;
}