body {
	font-size: 16px;
	line-height: 1.6;
	overflow-x: hidden;
	color: #868F9B;
	margin:0px;
	padding:0px;
}
a {
	text-decoration: none;
	-webkit-transition: 0.2s opacity;
	transition: 0.2s opacity;
}
a:hover, a:focus {
	text-decoration: none;
	outline: none;
	opacity: 0.8;
	color: #6195FF;
}
ul, ol {
	margin: 0;
	padding: 0;
	list-style: none
}
/*------------------------------------*\
	Header
\*------------------------------------*/

header {
	position: relative;
}
/*------------------------------------*\
	TOP HEADER
\*------------------------------------*/

.top-header {
	position: relative;
	width: 100%;
	background: #333;
	width: 100%;
	min-height: 37px;
}
.top-header ul {
	margin:0;
	padding:0px;
	list-style:none;
}
.top-header ul li {
	float:right;
	margin-right:30px;
}
.top-header ul li a {
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	line-height:37px;
	color: #fff;
}
/*------------------------------------*\
	LOGO
\*------------------------------------*/
.navbar>.container, .navbar>.container-fluid {
	display: block;
}
.navbar-nav>li {
	float: left;
	padding:0px 15px;
}
.navbar-right {
	float: right!important;
	margin-right: -15px;
	display: block;
}
.navbar-brand {
	padding: 0;
	float:left;
}
.navbar-brand .logo, .navbar-brand .logo-alt {
	max-height: 50px;
	display: block;
}
#nav:not(.nav-transparent):not(.fixed-nav) .navbar-brand .logo-alt {
 display: none;
}
#nav.nav-transparent:not(.fixed-nav) .navbar-brand .logo {
 display: none;
}
#nav.fixed-nav .navbar-brand .logo-alt {
	display: none;
}
 @media only screen and (max-width: 767px) {
 #nav.nav-transparent .navbar-brand .logo-alt {
 display: none !important;
}
 #nav.nav-transparent .navbar-brand .logo {
 display: block !important;
}
}
/*------------------------------------*\
	Navigation
\*------------------------------------*/

.mid-header {
	border-bottom: 2px solid #ccc;
	padding: 20px 15px;
}
#nav {
	padding:0px;
	background: #FFF;
	-webkit-transition: 0.2s padding;
	transition: 0.2s padding;
	z-index: 999;
}
#nav.navbar {
	border: none;
	border-radius: 0;
	margin-bottom: 0px;
}
#nav.fixed-nav {
	position: fixed;
	left: 0;
	right: 0;
	padding: 0px 0px;
	background-color: #FFF !important;
	border-bottom: 1px solid #EEE;
}
#nav.nav-transparent {
	background: transparent;
}
/* -- default nav -- */

@media only screen and (min-width: 768px) {
.dropdown.sub-categories-list {
 position: absolute;
 left:-338px;
 top: 0;
 background-color: #fff;
 width: 225px;
 -webkit-box-shadow: 0px 5px 5px -5px rgb(53 64 82 / 20%);
 box-shadow: 0px 5px 5px -5px rgb(53 64 82 / 20%);
 -webkit-transform: translateY(15px) translateX(50%);
 -ms-transform: translateY(15px) translateX(50%);
 transform: translateY(15px) translateX(50%);
 opacity: 0;
 visibility: hidden;
 -webkit-transition: 0.2s all;
 transition: 0.2s all;
}
 .main-nav li {
 padding: 0px 15px;
}
 .main-nav li a {
 font-size: 14px;
     line-height: 20px;
 -webkit-transition: 0.2s color;
 transition: 0.2s color;
}
 .main-nav>li>a {
 color: #10161A;
 padding:15px 10px;
}
 #nav.nav-transparent:not(.fixed-nav) .main-nav>li>a {
 color: #000;
}
 .main-nav>li>a:hover, .main-nav>li>a:focus, .main-nav>li.active>a {
 background: transparent;
 color: #43c6f7;
}
 .main-nav>li>a:after {
 content: "";
 display: block;
 background-color: #6195FF;
 height: 2px;
 width: 0%;
 -webkit-transition: 0.2s width;
 transition: 0.2s width;
 display:none;
}
 .main-nav>li>a:hover:after, .main-nav>li.active>a:after {
 width: 100%;
}
    /* dropdown */
    .has-dropdown {
 position: relative;
}


 .has-dropdown>a:before {
    font-family: 'FontAwesome';
    content: "\f0da";
    font-size: 24px;
    width: 20px;
    position: absolute;
    top: 27px;
    right: -2px;
    margin-left: 6px;
    margin-top: 2px;
    float: right;
    -webkit-transform: rotate( 
90deg
 );
    -ms-transform: rotate(90deg);
    transform: rotate( 
90deg
 );
    -webkit-transition: 0.2s transform;
    transition: 0.2s transform;
}
 .dropdown {
 position: absolute;
 right: -50%;
 top: 0;
 background-color: #fff;
 width: 185px;
 -webkit-box-shadow: 0px 5px 5px -5px rgba(53, 64, 82, 0.2);
 box-shadow: 0px 5px 5px -5px rgba(53, 64, 82, 0.2);
 -webkit-transform: translateY(15px) translateX(50%);
 -ms-transform: translateY(15px) translateX(50%);
 transform: translateY(15px) translateX(50%);
 opacity: 0;
 visibility: hidden;
 -webkit-transition: 0.2s all;
 transition: 0.2s all;
}
 .main-nav>.has-dropdown>.dropdown {
 top: 100%;
 right: 5px;
}
 .main-nav>.has-dropdown>.dropdown .dropdown.dropdown-left {
 right: 150%;
}
 .dropdown li a {
 display: block;
 color: #000;
 border-top: 1px solid rgba(250, 250, 250, 0.1);
 padding: 5px 0px;
}
 .dropdown li:nth-child(1) a {
 border-top: none;
}
 .has-dropdown:hover>.dropdown {
 opacity: 1;
 visibility: visible;
 -webkit-transform: translateY(0px) translateX(50%);
 -ms-transform: translateY(0px) translateX(50%);
 transform: translateY(0px) translateX(50%);
}
 .has-dropdown:hover>a:before {
 -webkit-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 transform: rotate(0deg);
}
 .nav-collapse {
 display: none;
}
}


/* -- mobile nav -- */

@media screen and (max-width: 768px) and (min-width: 320px) {
 #nav {
 padding: 0px 0px;
}
 #nav.nav-transparent {
 background: #FFF;
}
 .main-nav {
 position: fixed;
 right: 0;
 height: calc(100vh - 80px);
 -webkit-box-shadow: 0px 80px 0px 0px #1C1D21;
 box-shadow: 0px 80px 0px 0px #1C1D21;
 width: 0%;
 -webkit-transform: translateX(100%);
 -ms-transform: translateX(100%);
 transform: translateX(100%);
 margin: 0;
 overflow-y: auto;
 background: #1C1D21;
 -webkit-transition: 0.2s all;
 transition: 0.2s all;
}
 #nav.open .main-nav {
 -webkit-transform: translateX(0%);
 -ms-transform: translateX(0%);
 transform: translateX(0%);
 width: 100%;
 top: 70px;
}
 .main-nav li {
    border-top: 1px solid rgba(250, 250, 250, 0.1);
    display: block;
    width: 100%;
    position: relative;
}
 .main-nav li a {
 display: block;
 color: #FFF;
 -webkit-transition: 0.2s all;
 transition: 0.2s all;
}
 .main-nav>li.active {
 border-left: 6px solid #43c6f7;
}
 .main-nav li a:hover, .main-nav li a:focus {
 background-color: #43c6f7;
 color: #FFF;
 opacity: 1;
}
.has-dropdown>a:after {
    content: "\f0da";
    font-family: 'FontAwesome';
    /* float: right; */
    -webkit-transition: 0.2s -webkit-transform;
    transition: 0.2s -webkit-transform;
    transition: 0.2s transform;
    transition: 0.2s transform, 0.2s -webkit-transform;
    position: absolute;
    right: 10px;
    top: 5px;

}
 .dropdown {
 opacity: 0;
 visibility: hidden;
 height: 0;
 background: rgba(250, 250, 250, 0.1);
}
 .dropdown li a {
 padding: 6px 10px;
}
 .has-dropdown.open-drop>a:after {
 -webkit-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 transform: rotate(90deg);
}
 .has-dropdown.open-drop>.dropdown {
 opacity: 1;
 visibility: visible;
 height: auto;
 -webkit-transition: 0.2s all;
 transition: 0.2s all;
}
.navbar-nav>li>a {
 position: relative;
 font-size: 16px;
 padding: 5px 5px;
}
.mid-header {
    border-bottom: 2px solid #ccc;
    padding: 10px 5px;
}
}
/* -- nav btn collapse -- */

.nav-collapse {
	top: 0px;
	position: relative;
	float: right;
	right: -15px;
	width: 40px;
	height: 40px;
	margin-top: 5px;
	margin-right: 5px;
	cursor: pointer;
	z-index: 99999;
}
.nav-collapse span {
	display: block;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
	width: 25px;
}
.nav-collapse span:before, .nav-collapse span:after {
	content: "";
	display: block;
}
.nav-collapse span, .nav-collapse span:before, .nav-collapse span:after {
	height: 4px;
	background: #10161A;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}
.nav-collapse span:before {
	-webkit-transform: translate(0%, 10px);
	-ms-transform: translate(0%, 10px);
	transform: translate(0%, 10px);
}
.nav-collapse span:after {
	-webkit-transform: translate(0%, -14px);
	-ms-transform: translate(0%, -14px);
	transform: translate(0%, -14px);
}
#nav.open .nav-collapse span {
	background: transparent;
}
#nav.open .nav-collapse span:before {
	-webkit-transform: translateY(0px) rotate(-135deg);
	-ms-transform: translateY(0px) rotate(-135deg);
	transform: translateY(0px) rotate(-135deg);
}
#nav.open .nav-collapse span:after {
	-webkit-transform: translateY(-4px) rotate(135deg);
	-ms-transform: translateY(-4px) rotate(135deg);
	transform: translateY(-4px) rotate(135deg);
}
/*------------------------------------*\
	Responsive
\*------------------------------------*/


/*------------------------------------*\
	Back to top
\*------------------------------------*/

#back-to-top {
	display:none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #43c6f7;
	border-radius:3px;
	color: #FFF;
	z-index: 9999;
	-webkit-transition: 0.2s opacity;
	transition: 0.2s opacity;
	cursor: pointer;
}
#back-to-top:after {
	content: "\f106";
	font-family: 'FontAwesome';
}
#back-to-top:hover {
	opacity: 0.8;
}