/*Navigation up*/
#header {width: 100%;}
.slicknav_menu {display:none;}
.head-menu {}
.nav-up {padding: 15px 0 20px;}
li.eracun a:before {
   content: '';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 5px 0px 0px;
   text-decoration:none;
   color: #ed1c24;
}
li.eracun a:hover:before {text-decoration: underline;}

ul#menu {margin: 6px 0 0; padding: 0; list-style:none;}
.naviga ul {padding:0;} 
.naviga ul li {margin: 0 0 0 50px; padding: 0; position:relative; line-height:15px; font-weight: 400;} 
.naviga ul li a {padding-bottom: 8px; color: #222;}
.naviga ul li a:hover {color: #222; border-bottom: 1px solid #ed1c24;}
.naviga ul li.active a {color: #ed1c24;}
.naviga ul li.active ul li a {color: #ec033f;}
.naviga > ul > li {float: left;}
.naviga > ul > li:first-child {margin: 0;;}
.naviga > ul > li:last-child {border: none;}
.naviga li > ul {visibility: hidden; width: 240px; position: absolute; top: 0px; left: 240px; 
                background-color: rgba(255, 255, 255, 0.95);
                -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);} 
.naviga > ul > li > ul {top: 20px; left: 0; padding: 5px 0; font-size: 13px; text-transform: none;}
.naviga ul li ul li {margin: 0; height: auto;}
.naviga ul li ul li a {color: #888; line-height: 18px; padding: 10px 20px; border-bottom: 1px solid #bbb; display: block;}
.naviga ul li ul li a:hover {color: #52a8fe;}
.naviga ul li ul li:last-child a {border-bottom: none;}
.naviga ul li ul li ul li a {border-bottom: 1px solid #bbb !important;}
.naviga ul li ul li ul li:last-child a {border-bottom: none !important;}
.naviga li:hover {} 
.naviga li:hover > ul {visibility:visible;}
.arrow-down > a:after {content: ""; display: block; float: right; font-family: fontAwesome; height: 0;
    font-size: 18px; line-height: 16px; margin-right: 6px; width: 0;}

/*******************************/
/*         Navigation         */
/*******************************/
.nav > li.noborder > a, .noborder {border: none;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {border-color: #52a8fe;}
.navbar {border: none;}
.navbar ul {list-style: none;}
.nav-up .navbar-header {padding: 20px 0 0 !important;}
.navbar-default {font-size: 16px; background-color:#fff; min-height:100px; 
                border: none; padding-top: 0px; margin-bottom:0; z-index: 1000;}
.navbar-default *:focus {outline: 0;}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .open ul > a {color: #222;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {color: #ed1c24; /*background: none;*/}
.navbar-default .navbar-nav > .open > a {background: none; color: #ed1c24;}
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {/*background: none;*/ color: #ed1c24;
                                              text-decoration:underline;
}
.navbar-default .navbar-nav > .active > a {/*background: none;*/ color: #ed1c24 !important;}
.navbar-default .navbar-brand {height: 70px; padding: 0;}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    background: none; border-color: #f6f6f6;}
a.navbar-brand {width: 215px; height: 70px; display: block;}
a.navbar-brand img {width: 215px; height: 70px;}
.navbar-toggle {background-color: rgba(0, 0, 0, 0); border: 1px solid rgb(174, 173, 173); -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;
    float: right; height: 40px; margin: 12px 5px 0 0; padding: 8px; width: 40px;}
.navbar-default .navbar-toggle {border-color: #999;}
.navbar-default .navbar-toggle .icon-bar {background-color: #333;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff; border-color: #999;}
.navbar-default .navbar-toggle:focus .icon-bar {background-color: rgb(174, 173, 173);}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #52a8fe;}
.navbar-nav > li > .dropdown-menu {padding: 20px 40px 30px; border: none; box-shadow: none;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; opacity: 0.9;}
.navbar-nav > li > .dropdown-menu > li {line-height: 30px; border-bottom: 1px solid #dfdfdf;}
.navbar-nav > li > .dropdown-menu > li > a {color: #000; font-weight: 300; padding: 0; line-height: 30px;   background-color: transparent !important;background-image: none !important;}
.navbar-nav > li > .dropdown-menu > li > a:hover {color: #ed1c24; background: none;}
.navbar-nav > li > .dropdown-menu > li > a:before {
    content: '';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin: 0px 5px 0px 0px;
    text-decoration: none;
    color: #ed1c24;
}

.nav > li > a {
    display: block;
    margin: 0;
    padding: 18px 40px 19px 0px;
    position: relative;
    line-height: 14px;
}

.nav > li > a {
    display: block;
    margin: 0;
    padding: 18px 20px 19px 20px;
    position: relative;
    line-height: 14px;
}

.navbar-nav .btn { border:1px solid rgba(255, 255, 255, .2); margin-left:5px; margin-top:5px; padding-top:10px; padding-bottom:10px; }
.navbar-nav a.btn:focus, 
.navbar-nav a.btn:hover  {border:1px solid rgba(255,255,255,.6);}
/*.navbar-nav > li > a::before {
    content: "";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin: 0px 5px 0px 0px;
    text-decoration: none;
    color: rgb(237, 28, 36);
}*/

.navbar-nav > li.dropdown {
    /*border-right:1px solid #777;*/
    background-image:url(/assets/default/library/images/sepa.png);
    background-repeat:no-repeat;
    background-position: 0px 17px;
}

.navbar-nav > li.dropdown:first-child,
.navbar-nav > li.dropdown:last-child {
    background-image:none;
}

.sticked .navbar-nav > li.dropdown {
    background-position: 0px 27px;
}

.navbar-collapse { border:0 none;  border-top:0 none; box-shadow: none; max-height: 100% !important;}
.navbar-right .dropdown-menu {left: 0; right: auto;}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

/*NAV UP*/
.navHolder {float: right; margin-right: 70px;}
.navHolder a {color: #30343c; font-size: 16px;}
.navHolder a:hover {color: #52a8fe;}
.navLogoHolder {float: right; margin-left: 40px; padding-top: 10px;}
.navLogoHolder img {width: 100px;}

.phone {width: 120px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: center;
        -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; border: 2px solid #ed1c24;}
.phone a {color: #ed1c24;}
.phone .fa {color: #ed1c24; margin-right: 5px;}

/*SEARCH*/
.search-holder {
	position: relative; 
	/*width: 660px; 
	margin-right: 130px; */
	display: block;}
	
.searchbox-holder {position: absolute;}
.searchbox {
    position: absolute;
    right: 0;
    min-width: 26px;
    width: 0%;
    height: 26px;
    overflow: hidden;
    
    z-index: 10000;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.searchbox-input{
    top: 0;
    right: 0;
    border: 0;
    border-bottom: 1px solid #222;
    outline: 0;
    background: #fff;
    width: 100%;
    height: 26px;
    margin: 0;
    padding: 0px 55px 0px 20px;
    font-size: 15px;
    color: #333;
}
.searchbox-input::-webkit-input-placeholder {color: #555;}
.searchbox-input:-moz-placeholder {color: #555;}
.searchbox-input::-moz-placeholder {color: #555;}
.searchbox-input:-ms-input-placeholder {color: #555;}

.searchbox-icon,
.searchbox-submit {
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
    color: #000;
    background: #fff;
}
.searchbox-icon span.fa {font-size: 18px;}
.searchbox-icon:hover {color: #ed1c24;}
.searchbox-open {width: 100%;}

/*STICKY MENU*/
.nav-down {background-color: rgba(232, 234, 234, 1); height: 52px;
           -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition-property: all 0.25s ease-in-out;
    -ms-transition-property: all 0.25s ease-in-out;}
.navbar.nav-down  {margin-bottom: 0;}
.nav-down .navbar-header {padding: 6px 0 0; opacity: 0; width: 0;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition-property: all 0.25s ease-in-out;
    -ms-transition-property: all 0.25s ease-in-out;}
.nav-down a.navbar-brand {width: 150px; height: 4px; margin-left: 0! important;}
.nav-down a.navbar-brand img {width: 123px; height: 40px;}
.sticked .navbar {min-height: 70px;}
.sticked .nav-down {background-color: rgba(232, 234, 234, 0.95);}
.sticked .nav-down .navbar-header {opacity: 1; width: 150px; padding: 15px 0 0;}
.sticked .nav > li > a {/*padding: 30px 40px 26px 0px;padding: 30px 40px 25px 0px;*/padding: 30px 20px 25px 20px; margin: 0;}

.red-button {height: 52px; line-height: 52px; float: right;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition-property: all 0.25s ease-in-out;
    -ms-transition-property: all 0.25s ease-in-out;}
.red-button a {color: #fff; background-color: #ed1c24; font-size: 14px; font-weight: 700; padding: 0 35px; display: block;}
.red-button a:hover {color: #ed1c24; background-color: #fff;}
.red-button a::after {
    content: "";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin-left: 10px;
    text-decoration: none;
    color: #fff;
}
.red-button a:hover::after {color: #ed1c24;}
.sticked .red-button {height: 70px; line-height: 70px;}

.hamburger, .mobile-search {float: left; width: 20%;}
.mobile-search a .fa {font-size: 42px;}
.mobile-logo-holder {float: left; width: 60%;}
.mobile-logo {margin: 0 auto; text-align: center;}
.mobile-logo img {/*height: 93px;*/ width: 287px; border: none;}
.mobile-search a {color: #000; display: block; margin-top: 18px;}
.hamburger {color: #ed1c24; display: block; margin-top: 23px; text-align: right;}
.mobile-menu .panel-body ul {list-style: outside none none; padding-left: 0px;}
.mobile-menu .panel-body li {font-size: 24px; line-height: 30px; border-bottom: 1px solid #DFDFDF; padding: 7px 0px 5px 20px;}
.mobile-menu li a {color: #000;}
.mobile-menu li a:hover {color: #ed1c24;}
.mobile-menu li a::before {
    content: "";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    position: absolute;
    height: 0px;
    left: 15px;
    color: #ED1C24;
}
.mobile-src {position: absolute; top: 0; left: 0; right: 0; height: 120px; background-color: #fff;
        padding: 30px 20px 30px;}
.mobile-src .form-group {display: inline-block; width: 80%; margin: 0; float: left;}
.mobile-src .form-group input {height: 60px; font-size: 18px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
        border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #222;}
.mobile-icon {border: 0 none; border-radius: 0; padding: 10px 10px; background-color: #fff; float: left;}
.mobile-icon .fa {font-size: 42px;}

/*ACCORDION*/
.panel-group {margin-bottom: 0;}
.panel-group .panel {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none;}
.panel-default > .panel-heading {padding: 30px 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.panel-default > .panel-heading1 {color: #000; background-color: #ececec;}

.whole {display: block; width: 100%;}
.down::after {
    display: block;
    float: right;
    width: 0px;
    height: 0px;
    margin-right: 10px;
    font-family: fontAwesome;
    content: "";
    line-height: 30px;
    font-size: 30px;
}

.panel-title {font-size: 24px;}
.panel-default > .panel-heading + .panel285-collapse > .panel-body {border: none;}
.panel-body ul {list-style: outside none none; padding-left: 0px;}
.panel-body li {border-bottom: 1px solid #DFDFDF; line-height: 16px; padding: 7px 0px 5px 10px;}
.panel-body li a {color: #000;}
.panel-body li a:hover {color: #ed1c24;}
.panel-body li a::before {
    content: "";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    position: absolute;
    height: 0px;
    left: 15px;
    color: #ED1C24;
    z-index: -1;
}

.panel-heading2 a {color: #000; background-color: #fff; font-weight: 500;}
.panel-heading2 a:hover {color: #ed1c24;}
.panel-heading3 a {color: #fff; background-color: #ed1c24;}
.panel-heading3 a:hover {color: #000;}
a.rght {font-size: 24px; display: block; width: 100%; padding: 30px 15px;}
.rght::after {
    display: block;
    float: right;
    width: 0px;
    height: 0px;
    margin-right: 10px;
    font-family: fontAwesome;
    content: "";
    line-height: 30px;
    font-size: 30px;
}


/********************************
 
        HAMBURGER
 
 ********************************/

.hamburger-v2 {float: right;}

.hamburger-v2 {
  width: 40px;
  height: 30px;
  position: relative;
  margin: 33px auto 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.hamburger-v2 span {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #ed1c24;
  border-radius: 3px;
  opacity: 1;
  right: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.hamburger-v2 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.hamburger-v2 span:nth-child(2) {
  top: 14px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.hamburger-v2 span:nth-child(3) {
  top: 28px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.hamburger-v2.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 3px;
  left: 5px;
}

.hamburger-v2.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.hamburger-v2.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 33px;
  left: 5px;
}
