/* Body */
 
body {
  left: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
}
 
 
/* Menu */
 
.menu {
    right: -285px;
    height: auto;
    position: fixed;
    width: 285px;
    top: 0;
    z-index: 1030;
    bottom: 0;
    overflow-y: auto;
    border-left: 1px solid#0083c5;
}

.menu-navbar-toggle {
    position: relative;
    float: right;
    margin: 5px 0px;
    background-color: transparent;
    background-image: none;
}

.menu-navbar-toggle .icon-bar {
    background-color: #0083c5;
}

.menu-navbar-toggle .icon-bar {
    display: block;
    width: 40px;
    height: 4px;
    border-radius: 1px;
	margin-top: 5px;
}

.menu-navbar-toggle .icon-bar+.icon-bar {
    margin-top: 6px;
}

.icon-close {
    float: right;
}


/* MENU CATALOG */
.menu-catalog {
    left: -285px;
    height: 100%;
    position: fixed;
    width: 285px;
    top: 0;
    z-index: 1030;
    bottom: 0;
    overflow-y: auto;
    border-left: 1px solid#0083c5;
}
.catalog-navbar-toggle {
    border: 1px solid#2797d2;
    color: #2797d2;
    padding: 10px 30px;
    margin: 25px 0;
    cursor: pointer;
}

.btn-catfilter {
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    line-height: 20px;
}

.catalog-navbar-toggle i {
    float: right;
    vertical-align: middle;
    font-size: 20px;
}

.icon-close-catalog {
    float: right;
}
/*end MENU CATALOG*/



#accordeon-mobile {
}

.acc-head-mobile {

}

.acc-body-mobile {
    display: none;
    float: left;
    width: 100%;
}

ul.mobile {
    display: block;
    width: 100%;
    float: left;
    margin: 30px 0 !important;
    padding: 0 !important;
}

.mobile-menu {
    float: left;
    width: 100%;
    margin-bottom: 20px !important;
    padding: 0px 20px !important;
}

.mobile-menu span {
    font-size: 14px;
    text-transform: uppercase;
}

.mobile-menu:before{
   display: none;
}

.mobmenu-title {
    display: inline-block;
    width: 100%;
    padding: 15px 20px;
    background: #1e91cb;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}

.mobil-icon{
    background: none;
    width: 75px;
    float: right;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    font-family: "FontAwesome";
    text-align: right;
}


.mobil-icon:after {
    content: "";
    background: url(/local/templates/html_dev_2/mobile-version/img/down.png);
    width: 40%;
    background-size: 25px;
    height: 40px;
    position: absolute;
    right: 5px;
    background-repeat: no-repeat;
    top: 0px;
}

.mobil-icon2:after {
    background: url(/local/templates/html_dev_2/mobile-version/img/up.png);
    background-size: 25px;
    background-repeat: no-repeat;
}
 
.mobile-menu a {
color: #0083c5;
    letter-spacing: 1.3px;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 30px;
}
 
ul.dropmobile-menu {
    display: block;
    width: 100%;
    float: left;
    padding: 0 !important;
}

ul.dropmobile-menu > li {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 10px !important;
}

ul.dropmobile-menu > li:before {
    display: none;
}

ul.dropmobile-menu a {
    font-size: 12px;
    line-height: 20px;
}

li.dropmobile-active {
    padding: 0 20px !important;
}

li.dropmobile-active:before {
    display: none;
}

span.mobile-active {
    text-transform: uppercase;
}

.overflow {
    overflow: hidden !important;
}