/****** Start Menu **********/

.main-menu {

	position:relative;

	z-index:9;

	width:auto

}

.main-menu a {

-webkit-transition:all .3s;

-moz-transition:all .3s;

transition:all .3s

}

.main-menu ul, .main-menu ul li, .main-menu ul li a {

	position:relative;

	margin:0;

	padding:0

}

.main-menu ul li a {

	display:block;

	line-height:20px;

	padding:8px 10px 8px 10px;

}

.main-menu > ul > li > a {

	color:#000;

	padding:18px 4px; 

	font-size:15px

}

.sticky .main-menu > ul > li > a {

	color:#FFF

}

.main-menu > ul > li:hover > a {

	color:#ff4a4b;

}

header#plain .main-menu > ul > li > a {

	color:#333

}

header#colo#ff5858.sticky .main-menu > ul > li > a {

	color:#fff

}

.layer {

	display:none;

	position:fixed;

	top:0;

	left:0;

	width:100%;

	min-width:100%;

	z-index:100;

	min-height:100%;

	background-color:#000;

	opacity:0;

	z-index:9999

}

.layer-is-visible {

	display:block;

-webkit-animation:fade-in-layer .3s;

-moz-animation:fade-in-layer .3s;

-ms-animation:fade-in-layer .3s;

-o-animation:fade-in-layer .3s;

animation:fade-in-layer .3s;

	opacity:.5

}

#close_in, #header_menu, .cmn-toggle-switch {

	display:none

}

a.dropdown-toggle.icon-search {

	display:inline-block

}

@media only screen and (min-width: 992px) {

.main-menu {

width:auto

}

.main-menu a {

white-space:nowrap

}

.main-menu ul li {

display:inline-block

}
ul li.submenu a strong {
    font-weight: normal;
}
.main-menu ul li.submenu:hover > a:before, .main-menu ul li.submenu:hover > a:after {

bottom:-20px;

opacity:0

}
 
.main-menu ul ul.sub-menu, .main-menu ul .menu-wrapper {

position:absolute;

border-top:2px solid #fe5955;

visibility: hidden;
opacity: 0;
z-index:1;
/* display: none; */
height:auto;

left:3px;

top: 80px;

margin:0;

padding:0;

background:#fff;

min-width:170px;

transition: 0.5s ease all;

box-shadow:0 6px 12px rgba(0, 0, 0, .175)

}

.main-menu ul ul ul, .main-menu ul ul .menu-wrapper {

position:absolute; 

border-top:0;

display:none;

z-index:1;

height:auto;

left:100%; 

top:0;

margin:0;

padding:0;

background:#fff; 

min-width:170px;

-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175);

box-shadow:0 6px 12px rgba(0, 0, 0, .175)

}

.main-menu ul ul:before {

bottom:100%;

left:15%;

border:solid transparent;

content:" ";

height:0;

width:0;

position:absolute;

pointer-events:none;

border-bottom-color:#fe5955;

border-width:7px;

margin-left:-7px

}

.main-menu ul ul ul:before {

border-width:0;

margin-left:0

}

.main-menu ul .menu-wrapper ul {

-webkit-box-shadow:none;

-moz-box-shadow:none;

box-shadow:none;

border-top:none;

margin:0;

padding:0

}

.main-menu ul .menu-wrapper ul:before {

border:0

}
.main-menu ul li:hover > ul.sub-menu, .main-menu ul li:hover > .menu-wrapper
{visibility: visible;
	opacity: 1;}
.main-menu ul li:hover > ul, .main-menu ul li:hover > .menu-wrapper {

	/* visibility: visible;
	opacity: 1; */
	display: block;
top:100% !important;
padding:0

}

.main-menu ul ul li {

display:block;

height:auto;

padding:0

}

.main-menu ul ul li a {

font-size:14px;
font-weight: 300;

border-bottom:1px solid #ededed;

display:block

}

.main-menu ul ul li:last-child a {

border-bottom:none

}

.main-menu ul ul li:hover > a {

background-color:#fff;
padding-left: 12px;
color:#fe5955

}

.main-menu ul li.megamenu {

position:static

}

.main-menu ul li.megamenu .menu-wrapper {

position:absolute;

top:80px;

width:1140px; 
left:50%;
transform: translateX(-50%); 

padding:10px 15px 0;

-moz-box-sizing:border-box;

-webkit-box-sizing:border-box;

box-sizing:border-box

}

.main-menu ul .menu-wrapper h3 {

font-size:13px;

text-transform:uppercase;

border-bottom:2px solid #ededed;

padding-bottom:10px;

margin-bottom:0

}

.main-menu ul .menu-wrapper ul {

position:relative;

display:block

}

.main-menu ul .menu-wrapper ul {

margin-bottom:15px;
top: 0;
left:0

}

}

@media only screen and (max-width: 991px) {

#header_menu {

text-align:center;

padding:25px 15px 10px;

position:relative;

display:block;

}

.main-menu ul li a:hover, a.show-submenu:hover, a.show-submenu:focus, a.show-submenu-mega:hover, a.show-submenu-mega:focus {

color:#fe5955!important;

background-color:#f9f9f9

}

.main-menu ul li {

border-top:none;

border-bottom:1px solid #ededed;

color:#fff

}

.main-menu ul li a {

padding:10px 15px!important

}

.main-menu h3 {

font-size:16px;

line-height:14px;

margin:0;

padding:0 0 15px 15px;

color:#333;

text-transform:uppercase

}

.megamenu .menu-wrapper > div {

padding:0

}

.main-menu li, .main-menu a {

display:block;

color:#333!important

}

.main-menu li {

position:relative

}

.main-menu a:hover {

color:#fe5955!important

}

.main-menu ul > li {

padding-bottom:0

}

.main-menu ul > li i {

float:right

}

.main-menu ul li.submenu ul {

font-size:16px;

border-left:1px solid #ededed;

margin:0 0 15px 25px

}

.main-menu ul li.submenu ul li {

font-size:16px;

border:0

}

.main-menu ul li.submenu ul ul {

border-left:none;

margin:0 0 15px 15px

}

.main-menu {

overflow:auto;

left:-100%;

bottom:0;

width:82%;

height:100%;

opacity:0;

position:fixed;

background-color:#fff;

-webkit-transition:left 0.8s, opacity .5s;

-moz-transition:left 0.8s, opacity .5s;

transition:left 0.8s, opacity .5s;

z-index:9999;

-webkit-box-shadow:1px 0 5px 0 rgba(50, 50, 50, 0.55);

-moz-box-shadow:1px 0 5px 0 rgba(50, 50, 50, 0.55);

box-shadow:1px 0 5px 0 rgba(50, 50, 50, 0.55)

}

.main-menu.show {

visibility:visible;

left:0;

opacity:1

}

.main-menu .show-submenu + ul, a.show-submenu-mega + .menu-wrapper {

display:none;

visibility:hidden

}

a.show-submenu-mega + .menu-wrapper.show_mega, .main-menu a.show-submenu + ul.show_normal {

display:block;

visibility:visible

}

.cmn-toggle-switch {

position:relative;

display:block;

overflow:visible;

position:absolute;

top:0;

right:20px;

margin:0;

padding:0;

width:30px;

height:30px;

font-size:0;

text-indent:-9999px;

-webkit-appearance:none;

-moz-appearance:none;

appearance:none;

box-shadow:none;

border:none;

cursor:pointer

}

.cmn-toggle-switch:focus {

outline:none

}

.cmn-toggle-switch span {

display:block;

position:absolute;

top:10px;

left:0;

right:0;

height:2px;

background:#fe5955

}

.cmn-toggle-switch span::before, .cmn-toggle-switch span::after {

position:absolute;

display:block;

left:0;

width:100%;

height:2px;

background-color:#fe5955;

content:""

}

.sticky .cmn-toggle-switch span::before, .sticky .cmn-toggle-switch span::after, .sticky .cmn-toggle-switch span {

background-color:#333

}

header#plain .cmn-toggle-switch span::before, header#plain .cmn-toggle-switch span::after, header#plain .cmn-toggle-switch span, header#plain.sticky .cmn-toggle-switch span::before, header#plain.sticky .cmn-toggle-switch span::after {

background-color:#333

}

header#colo#ff5858.sticky .cmn-toggle-switch span::before, header#colo#ff5858.sticky .cmn-toggle-switch span::after, header#colo#ff5858.sticky .cmn-toggle-switch span {

background-color:#fff

}

.cmn-toggle-switch span::before {

top:-10px

}

.cmn-toggle-switch span::after {

bottom:-10px

}

.cmn-toggle-switch__htx span::before, .cmn-toggle-switch__htx span::after {

-webkit-transition-duration:0.3s, .3s;

transition-duration:0.3s, .3s;

-webkit-transition-delay:0.3s, 0;

transition-delay:0.3s, 0

}

.cmn-toggle-switch__htx span::before {

-webkit-transition-property:top, -webkit-transform;

transition-property:top, transform

}

.cmn-toggle-switch__htx span::after {

-webkit-transition-property:bottom, -webkit-transform;

transition-property:bottom, transform

}

.cmn-toggle-switch__htx.active span {

background:none!important

}

.cmn-toggle-switch__htx.active span::before {

top:0;

-webkit-transform:rotate(45deg);

-ms-transform:rotate(45deg);

transform:rotate(45deg)

}

.cmn-toggle-switch__htx.active span::after {

bottom:0;

-webkit-transform:rotate(-45deg);

-ms-transform:rotate(-45deg);

transform:rotate(-45deg)

}

.cmn-toggle-switch__htx.active span::before, .cmn-toggle-switch__htx.active span::after {

-webkit-transition-delay:0, .3s;

transition-delay:0, .3s

}

}

.ie9 a.show-submenu, .ie9 a.show-submenu-mega {

	background:url(../img/fix_ie_9_menu.html);

}



#top_line {

  padding-top: 10px;

  background: #2e2331;

  color: #fff; 

  height: 38px;

}

header {

  width: 100%;

  position: initial;

  left: 0;

  z-index: 99;

  background: #fff;

}

ul#top_links {

    list-style: none;

    margin: 0;

    padding: 8px;

    float: right;

    background: #fe5955;

    margin-top: -10px;

}

ul#top_links li:first-child {

  border-left: none;

  padding-left: 0;

}

ul#top_links li:first-child {

    border-left: none;

    padding-left: 0;

}

ul#top_links li {

  display: inline-block;

  border-left: 1px solid rgba(255,255,255,.3);

  margin-right: 5px;

  padding-left: 8px;

}
@media (max-width:767px){
	a#close_in {
        display: block;
        position: absolute;
        right: 15px;
        top: 10px;
        width: 20px;
        height: 20px;
    }
}


/****** End Menu **********/