.container {
    padding-left: 22px;
    padding-right: 0;
    padding-bottom: 10px;
}
.grid12-1,
.grid12-2,
.grid12-3,
.grid12-4,
.grid12-5,
.grid12-6,
.grid12-7,
.grid12-8,
.grid12-9,
.grid12-10,
.grid12-11,
.grid12-12,
.grid-full,
.grid-col2-sidebar,
.grid-col2-main {
    display: inline;
    float: left;
    margin-left: 1%;
    margin-right: 1%
}
.grid12-1 {
    width: 6.33%
}
.grid12-2 {
    width: 14.66%
}
.grid12-3 {
    width: 23%
}
.grid12-4 {
    width: 31.33%
}
.grid12-5 {
    width: 39.67%
}
.grid12-6 {
    width: 48%
}
.grid12-7 {
    width: 56.33%
}
.grid12-8 {
    width: 64.67%
}
.grid12-9 {
    width: 73%
}
.grid12-10 {
    width: 81.33%
}
.grid12-11 {
    width: 89.67%
}
.grid12-12,
.grid-full {
    width: 98%
}
.nav-block--center {
    margin-top: 1%;
    margin-bottom: 1%;
}
.caret:before {
    content: "\e261";
}
.cat-label-label1 {
    background-color: #5bd2ec;
    color: #fff;
}
.cat-label-label2 {
    background-color: #d52462;
    color: #fff;
}
li.level0 > a > span > .cat-label-label1.pin-bottom:before {
    border-top-color: #5bd2ec;
}
li.level0 > a > span > .cat-label-label2.pin-bottom:before {
    border-top-color: #d52462;
}
li > a:hover > span > .cat-label,
.nav-regular li.level0:hover > a > span > .cat-label
/* Top-level category label is highlighted on item hover, not on link hover */

{
    background-color: #ff7214;
    color: #fff;
}
li.level0 > a:hover > span > .pin-bottom:before,
.nav-regular li.level0:hover > a > span > .pin-bottom:before {
    border-top-color: #ff7214;
}
.navi .nav-panel--dropdown {
    background-color: #fff;
    color: #333;
}
.nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks > div {
    background-color: #fff !important;
}
.nav-regular .nav-panel--dropdown .nav-item > a:hover {
    background-color: #F0F8FF;
}
.navi .nav-panel--dropdown a {
    color: #333;
}
.navi .nav-panel--dropdown a:hover {
    color: #00a9c7;
}
.nav-regular .nav-panel--dropdown {
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
.nav-mobile div.nav-panel--dropdown,
.nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks > div {
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    z-index: 1;
    position: relative;
}
.nav-mobile div.nav-panel--dropdown div.nav-panel--dropdown {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.sticky-header .nav-container,
.sticky-header .navi-wrapper,
.sticky-header .nav-regular:not(.nav-vert) {
    background-color: #fff;
}
.sticky-header .nav-regular:not(.nav-vert) .nav-item.level0 > a,
.sticky-header .nav-regular .nav-item--homeicon a,
.sticky-header .nav-regular .nav-item--homeicon.active a,
.sticky-header .nav-holder .dropdown-block .dropdown-heading {
    color: #333;
}
.sticky-header .nav-border-bottom {
    border-bottom: none;
}
.navi-wrapper,
.nav-regular {
    background-color: #f8f8f8;
}
.nav-regular:not(.nav-vert) .nav-item.level0 > a,
.nav-holder .dropdown-block .dropdown-heading,
.nav-regular .nav-holder a.dropdown-heading:hover {
    color: #333;
}
.navi .nav-item--homeicon a {
    color: #333 !important;
}
.nav-mobile .nav-item.level0 > a {
    background-color: #f8f8f8;
    color: #333;
}
.nav-mobile .nav-item.level0 > .opener {
    color: #333;
}
.navi.nav-mobile ul.level0 .nav-item > a {
    background-color: #f8f8f8;
    color: #333;
}
.nav-mobile ul.level0 .nav-item > .opener {
    color: #333;
}
.nav-regular:not(.nav-vert) .nav-item.level0.active > a {
    background-color: #333;
    color: #fff;
}
.nav-mobile .nav-item.level0.current > a {
    background-color: #333;
    color: #fff;
}
.nav-mobile .nav-item.level0.current > .opener {
    color: #fff;
}
.navi.nav-mobile ul.level0 .nav-item.current > a {
    background-color: #333;
    color: #fff;
}
.nav-mobile ul.level0 .nav-item.current > .opener {
    color: #fff;
}
.nav-regular:not(.nav-vert) .nav-item.level0:hover > a {
    background-color: #5bd2ec;
    color: #fff;
}
.nav-mobile .nav-item.level0 > a:hover {
    background-color: #5bd2ec;
    color: #fff;
}
.nav-mobile .nav-item.level0 > a:hover + .opener {
    color: #fff;
}
.navi.nav-mobile ul.level0 .nav-item > a:hover {
    background-color: #5bd2ec;
    color: #fff;
}
.nav-mobile ul.level0 .nav-item > a:hover + .opener {
    color: #fff;
}
.nav-vert .nav-item.level0 > a {
    background-color: #f8f8f8;
    color: #333;
}
.sideacco .nav-item > a {
    background-color: #f8f8f8;
    color: #333;
}
.sideacco .nav-item > .opener {
    color: #333;
}
.nav-vert .nav-item.level0.active > a {
    background-color: #333;
    color: #f5f5f5;
}
.sideacco .nav-item.current > a {
    background-color: #333;
    color: #f5f5f5;
}
.sideacco .nav-item.current > .opener {
    color: #f5f5f5;
}
.nav-vert .nav-item.level0:hover > a {
    background-color: #5bd2ec;
    color: #fff;
}
.sideacco .nav-item > a:hover {
    background-color: #5bd2ec;
    color: #fff;
}
.sideacco .nav-item > a:hover + .opener {
    color: #fff;
}
.navi.nav-vert-triggerable {
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
.navi-wrapper .menu-trigger,
/* TODO:NEW */

.nav-regular .nav-item.level0 > a {
    line-height: 50px;
}
.navi-wrapper .navi.nav-vert-triggerable
/* TODO:NEW. Replace the old one (below) */
/* , .navi.nav-vert-triggerable */

{
    top: 50px;
}
.nav-holder > * {
    line-height: 50px;
    max-height: 50px;
}
.nav-holder .dropdown-block .dropdown-heading {
    line-height: 50px;
    max-height: 50px;
}
.menu-trigger,
.nav-vert .nav-item.level0 > a {
    line-height: 36px;
}
.vertnav-trigger + .navi.nav-vert-triggerable {
    top: 36px;
}
.sideacco .nav-item > a {
    line-height: 36px;
}
.sideacco .nav-item.parent > a {
    padding-right: 36px;
}
.sideacco .nav-item > .opener {
    width: 36px;
    height: 36px;
    line-height: 36px;
}
.nav-mobile .nav-item {
    margin-top: 1px !important;
}
.nav-mobile {
    background-color: #eee;
}
.menu-trigger .menu-trigger-inner {
    background-color: #f8f8f8;
    color: #333;
}
.menu-trigger .menu-trigger-inner:hover {
    background-color: #5bd2ec;
    color: #fff;
}
.menu-trigger.active .menu-trigger-inner {
    background-color: #5bd2ec;
    color: #fff;
}
.menu-trigger .menu-trigger-inner .trigger-icon .line {
    background-color: #333;
}
.menu-trigger .menu-trigger-inner:hover .trigger-icon .line {
    background-color: #fff;
}
.menu-trigger.active .menu-trigger-inner .trigger-icon .line {
    background-color: #fff;
}
.vertnav-trigger .menu-trigger-inner {
    background-color: #f7f7f7;
    color: #333;
}
.vertnav-trigger .menu-trigger-inner .trigger-icon .line {
    background-color: #333;
}
.nav-border-bottom {
    border-bottom: 5px solid #333;
}
.vertnav-trigger,
.nav-regular .nav-item.level0 > a,
.nav-holder .dropdown-block .dropdown-heading {
    font-size: 16px;
    text-transform: uppercase;
}
.nav-regular .nav-item > a {
    font-size: 16px;
}
.nav-regular .nav-submenu--mega .nav-item > a {
    font-size: 14px;
}
.nav-regular .nav-submenu--mega > .nav-item > a {
    font-size: 16px;
    text-transform: uppercase;
}
.nav-mobile li.nav-item > a {
    font-size: 16px;
}
.mobnav-trigger,
.nav-mobile .nav-item.level0 > a {
    font-size: 18px;
    text-transform: uppercase;
}
.nav-mobile .nav-item.level1 > a {
    font-size: 18px;
    text-transform: none;
}
.nav-regular.with-bullets .nav-submenu--mega>li:not(.nav-item--parent)>ul>li>a:before {   
    font-family: FontAwesome;
    content: "\f105" !important;
}
.nav-regular li.level0>a>span {
    margin-left: 2px;
    margin-right: 2px;
}
.navi .nav-panel-inner {
    padding: 0px !important; 
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    /* Menu */
    
    .nav-regular:not(.nav-vert) .nav-item.level0 > a,
    .nav-regular .nav-holder .dropdown-heading {
        font-size: 14px;
    }
    .nav-regular:not(.nav-vert) .nav-item.level0 > a {
        padding: 0 6px;
    }
}
@media only screen and (min-width: 960px) and (max-width: 1023px) {
    /* Menu */
    
    .nav-regular:not(.nav-vert) .nav-item.level0 > a,
    .nav-regular .nav-holder .dropdown-heading {
        font-size: 14px;
    }
    .nav-regular:not(.nav-vert) .nav-item.level0 > a {
        padding: 0 4px;
    }
}
@media only screen and (max-width: 959px) {
    /* Menu */
    
    .nav-regular:not(.nav-vert) .nav-item.level0 > a,
    .nav-regular .nav-holder .dropdown-heading {
        font-size: 13px;
    }
    .nav-regular:not(.nav-vert) .nav-item.level0 > a {
        padding: 0 3px;
    }
}
@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
    /* Item grid
        -------------------------------------------------------------- */
    /* Item grid: 2 columns */
    
    .itemgrid-adaptive.itemgrid-2col .item {
        width: 31.3333%;
        clear: none !important;
    }
    .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(3n+1) {
        clear: left !important;
    }
    /* Item grid: 3 columns */
    
    .itemgrid-adaptive.itemgrid-3col .item {
        width: 23%;
        clear: none !important;
    }
    .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(4n+1) {
        clear: left !important;
    }
    /* Item grid: 4 columns */
    
    .itemgrid-adaptive.itemgrid-4col .item {
        width: 18%;
        clear: none !important;
    }
    .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(5n+1) {
        clear: left !important;
    }
    /* Item grid: 5 columns */
    
    .itemgrid-adaptive.itemgrid-5col .item {
        width: 14.6666%;
        clear: none !important;
    }
    .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(6n+1) {
        clear: left !important;
    }
    /* Item grid: 6 columns */
    
    .itemgrid-adaptive.itemgrid-6col .item {
        width: 12.2857%;
        clear: none !important;
    }
    .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(7n+1) {
        clear: left !important;
    }
    /* Item grid: 7 columns */
    
    .itemgrid-adaptive.itemgrid-7col .item {
        width: 10.5%;
        clear: none !important;
    }
    .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(8n+1) {
        clear: left !important;
    }
}
@media only screen and (max-width: 1199px) {} @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .container {
        max-width: 970px;
    }
}
@media only screen and (max-width: 991px) {} @media only screen and (min-width: 768px) and (max-width: 991px) {
    .container {
        max-width: 750px;
    }
    /* Item grid.
           Between breakpoints S and M decrease number of columns
           if default number of columns is 4 or higher.
        -------------------------------------------------------------- */
    /* Item grid: 4 columns */
    
    .itemgrid-adaptive.itemgrid-4col .item {
        width: 31.3333%;
        clear: none !important;
    }
    .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(3n+1) {
        clear: left !important;
    }
    /* Item grid: 5 columns */
    
    .itemgrid-adaptive.itemgrid-5col .item {
        width: 23%;
        clear: none !important;
    }
    .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(4n+1) {
        clear: left !important;
    }
    /* Item grid: 6 columns */
    
    .itemgrid-adaptive.itemgrid-6col .item {
        width: 18%;
        clear: none !important;
    }
    .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(5n+1) {
        clear: left !important;
    }
    /* Item grid: 7 columns */
    
    .itemgrid-adaptive.itemgrid-7col .item {
        width: 14.6666%;
        clear: none !important;
    }
    .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(6n+1) {
        clear: left !important;
    }
    /* Item grid: 8 columns */
    
    .itemgrid-adaptive.itemgrid-8col .item {
        width: 12.2857%;
        clear: none !important;
    }
    .itemgrid-adaptive.itemgrid-8col > li:nth-of-type(7n+1) {
        clear: left !important;
    }
}
@media only screen and (max-width: 767px) {
    .container {
        max-width: none !important;
        width: 100%;
    }
    .grid12-1,
    .grid12-2,
    .grid12-3,
    .grid12-4,
    .grid12-5,
    .grid12-6,
    .grid12-7,
    .grid12-8,
    .grid12-9,
    .grid12-10,
    .grid12-11,
    .grid12-12,
    .grid-full {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* Mobile grid (for browser viewport between 480px and 768px):
           Below 768px all grid units are stretched (full width) and stack vertically.
           The "mobile-grid" class forces narrow grid units to stay narrow,
           but the width is increased to avoid too small columns.
        -------------------------------------------------------------- */
    
    .mobile-grid.grid12-1 {
        width: 14.66% !important;
        margin-left: 1%;
        margin-right: 1%;
    }
    /* 1/12 turns into 1/6 */
    
    .mobile-grid.grid12-2 {
        width: 31.33% !important;
        margin-left: 1%;
        margin-right: 1%;
    }
    /* 1/6  turns into 1/3 */
    
    .mobile-grid.grid12-3 {
        width: 48% !important;
        margin-left: 1%;
        margin-right: 1%;
    }
    /* 1/4  turns into 1/2 */
    /* Force other grid units to take half of the available width */
    
    .mobile-grid-half {
        width: 48% !important;
        margin-left: 1%;
        margin-right: 1%;
    }
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
    .itemgrid.itemgrid-adaptive .item {
        width: 31.3333%;
        clear: none !important;
    }
    .itemgrid.itemgrid-adaptive > li:nth-of-type(3n+1) {
        clear: left !important;
    }
}
@media only screen and (max-width: 639px) {} @media only screen and (min-width: 480px) and (max-width: 639px) {
    .itemgrid.itemgrid-adaptive .item {
        width: 48%;
        clear: none !important;
    }
    .itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) {
        clear: left !important;
    }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .itemgrid.itemgrid-adaptive .item {
        width: 48%;
        clear: none !important;
    }
    .itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) {
        clear: left !important;
    }
}