@charset "utf-8";

@font-face {
    font-family:"SourceSansPro-Regular";font-style:normal;font-weight:400;src:local("SourceSansPro-Regular"),url(/fonts/SourceSansPro-Regular.ttf)format("ttf")
}

@font-face {
    font-family:"SourceSansPro-Light.ttf";font-style:normal;font-weight:400;src:local("SourceSansPro-Light"),url(/fonts/SourceSansPro-Light.ttf)format("ttf")
}

@font-face {
    font-family:"SourceSansPro-Bold.ttf";font-style:normal;font-weight:400;src:local("SourceSansPro-Bold"),url(/fonts/SourceSansPro-Bold.ttf)format("ttf")
}

.item-103>a:after {
    background-image: url(img/caret.png);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    background-size: 17px;
    width: 16px;
    height: 16px;
    display: inline-block;
    content: ""
}

@media screen and (min-width:800px) {
    .megamenu .menu {
        text-align: right;
        z-index: 90
    }

    .menu-absolute {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        width: 100%
    }
}

@media screen and (max-width:799px) {
    .megamenu .menu {
        text-align: center
    }
}

@media screen and (min-width:1200px) {
    .megamenu .menu,.menu-bg,.menu-bg-white {
        height: 100px
    }

    .megamenu .menu .separator,.megamenu .menu a {
        font-size: 17px;
        padding-top: 39px;
        padding-bottom: 15px
    }

    .megamenu .menu li {
        margin-left: 30px;
        margin-right: 30px
    }
}

@media screen and (min-width:1000px) and (max-width:1199px) {
    .megamenu .menu,.menu-bg,.menu-bg-white {
        height: 100px
    }

    .megamenu .menu .separator,.megamenu .menu a {
        font-size: 17px;
        padding-top: 39px;
        padding-bottom: 15px
    }

    .megamenu .menu li {
        margin-left: 15px;
        margin-right: 15px
    }
}

@media screen and (min-width:500px) and (max-width:999px) {
    .megamenu .menu .separator,.megamenu .menu a {
        font-size: 17px;
        padding-top: 22px;
        padding-bottom: 22px
    }

    .megamenu .menu li {
        margin-left: 15px;
        margin-right: 15px
    }
}

@media screen and (min-width:800px) {
    .megamenu ul,li.mega,menu {
        border: 0 solid #000
    }

    menu {
        height: auto;
        z-index: 100;
        margin: 0;
        padding: 0
    }

    .menu-bg,.menu-bg-white {
        max-width: 100%;
        border: 0 solid red
    }

    .close {
        display: none
    }

    li.mega .megamodule,li.mega:hover .megamodule {
        height: 0;
        overflow: hidden;
        position: absolute;
        transition: all 500ms ease 0s;
        opacity: 0
    }

    li.mega:hover .megamodule {
        display: block;
        height: auto;
        width: auto;
        z-index: 150;
        padding: 0;
        border: 0 solid #000;
        opacity: 1;
        overflow: visible;
        background-color: #e3654f
    }

    li.mega .megamodule ul.menu {
        max-width: 430px;
        height: auto;
        margin-left: 0!important;
        margin-right: 0!important;
        padding: 0!important
    }

    li.mega .megamodule ul.menu li {
        display: inline-block;
        height: auto;
        width: 200px;
        position: relative;
        border: 1px solid #fff;
        margin: 0
    }

    li.mega .megamodule li,li.mega:hover .megamodule li {
        padding: 5px;
        border: 0 solid #fff;
        margin-left: 0;
        margin-right: 0
    }

    li.mega:hover .megamodule li {
        border: 1px solid #fff
    }

    .megamenu li.language ul.nav-child li {
        padding: 0
    }

    li.mega {
        background: url(../images/down.gif);
        background-position: right 50%top 43px;
        background-repeat: no-repeat
    }

    .megamenu ul {
        margin: 0 auto
    }

    .megamenu .nav {
        margin: 0 auto;
        border: 0 solid red
    }

    .megamenu,.menu ul {
        list-style: none;
        padding: 0;
        margin: 0 auto;
        text-align: left
    }

    .megamenu .menu {
        margin: 0 auto;
        border: 0 solid #0f0;
        list-style-type: none;
        padding-inline-start: 0;
        display: block!important
    }

    .megamenu .menu li {
        min-width: 40px;
        transition: all 800ms ease 0s;
        border: 0 solid #000
    }

    .megamenu .menu>li {
        display: inline-block
    }

    .megamenu .menu>li:first-child {
        border-radius: 0
    }

    .megamenu .menu .nav-child li {
        padding-bottom: 0;
        min-width: 150px;
        opacity: 0;
        margin: 0;
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg);
        -webkit-transition: opacity .4s,-webkit-transform .5s;
        -moz-transition: opacity .4s,-moz-transform .5s;
        -ms-transition: opacity .4s,-ms-transform .5s;
        -o-transition: opacity .4s,-o-transform .5s;
        transition: opacity .4s,transform .5s
    }

    .sloganmini,ul.nav-child li span.next {
        display: none
    }

    .megamenu .menu .separator,.megamenu .menu a {
        display: block;
        border: 0 solid #000;
        cursor: pointer;
        text-decoration: none
    }

    .megamenu .menu li a:hover,.megamenu .menu li.active a {
        transition: all 500ms ease 0s;
        display: block
    }

    .megamenu .menu li.active a {
        font-weight: 700
    }

    .megamenu .menu li>a:hover {
        text-decoration: none;
        display: block;
        border-left: 0 solid #fff
    }

    .deeper.parent:hover .nav-child,.nav-child {
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        -ms-perspective: 400px;
        -o-perspective: 400px;
        perspective: 400px
    }

    .nav-child {
        position: absolute;
        z-index: 100;
        height: 0;
        overflow: hidden
    }

    .deeper.parent:hover .nav-child {
        display: block;
        overflow: visible;
        box-shadow: 0 0 10px rgba(0,0,0,.2);
        height: auto;
        transition: all 2s ease 0s
    }

    .megamenu .menu .nav-child li a {
        border-radius: 0;
        border: 0 red solid;
        padding: 15px 25px;
        margin: 0;
        color: #fff;
        background: rgba(86,142,121,.1)
    }

    .megamenu .menu .nav-child li.active a,.megamenu .menu .nav-child li:hover a {
        border-left: 0 solid #454545;
        border-radius: 0;
        color: #fff;
        padding: 15px 25px
    }

    .megamenu .menu>li:hover .nav-child,.menu>li:focus .nav-child {
        max-height: 2000px;
        z-index: 100;
        opacity: 1
    }

    .megamenu .menu>li:focus .nav-child li,.megamenu .menu>li:hover .nav-child li {
        opacity: 1;
        z-index: 100;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .menu li:hover .nav-child li:nth-child(1) {
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -ms-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s
    }

    .menu li:hover .nav-child li:nth-child(2) {
        -webkit-transition-delay: 50ms;
        -moz-transition-delay: 50ms;
        -ms-transition-delay: 50ms;
        -o-transition-delay: 50ms;
        transition-delay: 50ms
    }

    .menu li:hover .nav-child li:nth-child(3) {
        -webkit-transition-delay: 100ms;
        -moz-transition-delay: 100ms;
        -ms-transition-delay: 100ms;
        -o-transition-delay: 100ms;
        transition-delay: 100ms
    }

    .menu li:hover .nav-child li:nth-child(4) {
        -webkit-transition-delay: 150ms;
        -moz-transition-delay: 150ms;
        -ms-transition-delay: 150ms;
        -o-transition-delay: 150ms;
        transition-delay: 150ms
    }

    .menu li:hover .nav-child li:nth-child(5) {
        -webkit-transition-delay: 200ms;
        -moz-transition-delay: 200ms;
        -ms-transition-delay: 200ms;
        -o-transition-delay: 200ms;
        transition-delay: 200ms
    }

    .menu li:hover .nav-child li:nth-child(6) {
        -webkit-transition-delay: 250ms;
        -moz-transition-delay: 250ms;
        -ms-transition-delay: 250ms;
        -o-transition-delay: 250ms;
        transition-delay: 250ms
    }

    .menu li:hover .nav-child li:nth-child(7) {
        -webkit-transition-delay: 300ms;
        -moz-transition-delay: 300ms;
        -ms-transition-delay: 300ms;
        -o-transition-delay: 300ms;
        transition-delay: 300ms
    }

    .menu li:hover .nav-child li:nth-child(8),.nav-child li:nth-child(1) {
        -webkit-transition-delay: 350ms;
        -moz-transition-delay: 350ms;
        -ms-transition-delay: 350ms;
        -o-transition-delay: 350ms;
        transition-delay: 350ms
    }

    .nav-child li:nth-child(2) {
        -webkit-transition-delay: 300ms;
        -moz-transition-delay: 300ms;
        -ms-transition-delay: 300ms;
        -o-transition-delay: 300ms;
        transition-delay: 300ms
    }

    .nav-child li:nth-child(3) {
        -webkit-transition-delay: 250ms;
        -moz-transition-delay: 250ms;
        -ms-transition-delay: 250ms;
        -o-transition-delay: 250ms;
        transition-delay: 250ms
    }

    .nav-child li:nth-child(4) {
        -webkit-transition-delay: 200ms;
        -moz-transition-delay: 200ms;
        -ms-transition-delay: 200ms;
        -o-transition-delay: 200ms;
        transition-delay: 200ms
    }

    .nav-child li:nth-child(5) {
        -webkit-transition-delay: 150ms;
        -moz-transition-delay: 150ms;
        -ms-transition-delay: 150ms;
        -o-transition-delay: 150ms;
        transition-delay: 150ms
    }

    .nav-child li:nth-child(6) {
        -webkit-transition-delay: 100ms;
        -moz-transition-delay: 100ms;
        -ms-transition-delay: 100ms;
        -o-transition-delay: 100ms;
        transition-delay: 100ms
    }

    .nav-child li:nth-child(7) {
        -webkit-transition-delay: 50ms;
        -moz-transition-delay: 50ms;
        -ms-transition-delay: 50ms;
        -o-transition-delay: 50ms;
        transition-delay: 50ms
    }

    .nav-child li:nth-child(8) {
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -ms-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s
    }
}

#background {
    display: none;
    transition: all 2s ease 0s;
    opacity: 0
}

@media (max-width:799px) {
    .menu-bg,.menu-bg-white,menu {
        height: 75px;
        width: 100%;
        z-index: 105
    }

    menu {
        border: 0 solid #0f0;
        padding: 0;
        margin: 0
    }

    .menu-bg,.menu-bg-white {
        position: absolute;
        border: 0 solid red
    }

    #background.active {
        width: 100%;
        height: 100%;
        z-index: 104;
        position: fixed;
        background: rgba(5,29,19,.8);
        top: 0;
        opacity: 1;
        display: block
    }

    #menu-icon.transparent-bg,#menu-icon.white-bg {
        width: 75px;
        height: 75px;
        border: 0 solid #000;
        background: url(../images/menu-icon2.png);
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        z-index: 105;
        top: 0;
        right: 0
    }

    #menu-icon.transparent-bg.active,#menu-icon.white-bg.active {
        background: url(../images/menu-icon-hover.png);
        background-repeat: no-repeat;
        background-position: center center
    }

    .top-menu {
        display: block;
        max-width: 800px;
        top: 0;
        height: 50px;
        border: 0 solid #00f;
        z-index: 105
    }

    .top-menu .menu,.top-menu .menu.active {
        top: 0;
        width: 100%;
        padding: 60px 0 20px;
        border-radius: 0 0 0 0;
        z-index: 105;
        margin: 0 auto
    }

    .top-menu .menu {
        display: none;
        left: 0
    }

    .top-menu .menu.active {
        display: block
    }

    .megamodule {
        display: none
    }

    li.deeper.parent ul.nav-child {
        border: 0 solid #000;
        display: none;
        padding-bottom: 5px
    }

    .language span.next,.parent span.next {
        transition: all 800ms ease 0s;
        cursor: pointer;
        padding: 5px
    }

    .megamenu .nav li ul.small,menu,ul.lang-block {
        padding-inline-start: 0
    }

    .language span.next,.parent span.next,.parent span.next.active,.parent span.next:hover,span.mega.active,span.mega:hover {
        width: 25px;
        height: 25px;
        border: 0 solid #000;
        display: block;
        position: relative;
        float: right;
        top: 5px;
        right: 5px;
        border-radius: 50%;
        background: rgba(255,255,255,.1)url(../images/down.gif);
        background-repeat: no-repeat;
        background-position: center center
    }

    .megamenu {
        z-index: 105
    }

    .megamenu .nav>li.deeper.parent.active a,.megamenu .nav>li.deeper.parent.open a,.megamenu .nav>li.deeper.parent.open li.active a,.megamenu .nav>li.deeper.parent.open li:hover a,.megamenu .nav>li.deeper.parent:hover a {
        color: #fff
    }

    .megamenu .nav li {
        width: 250px;
        height: 45px;
        margin: 5px auto;
        border: 0 solid #fff;
        display: block;
        transition: all 800ms ease 0s
    }

    .megamenu .nav li ul.small li,.megamenu .nav>li ul.small li.active,.megamenu .nav>li ul.small li:hover,.megamenu .nav>li.active,.megamenu .nav>li:hover {
        width: 240px;
        height: 45px;
        margin: 5px auto;
        border: 0 solid #fff;
        display: block
    }

    .megamenu .nav li ul.small li a {
        width: 240px
    }

    .megamenu .nav>li.deeper.parent,.megamenu .nav>li.language ul.small li {
        height: auto
    }

    .megamenu .nav>li.active,.megamenu .nav>li:hover {
        width: 250px
    }

    .megamenu .nav li .separator,.megamenu .nav li a {
        margin: 0 auto
    }

    .megamenu .nav li .separator,.megamenu .nav li a,.megamenu .nav li:hover a,.submenu ul.nav li.active a {
        width: 170px;
        line-height: 35px;
        font-size: 14px;
        padding: 5px 0;
        display: block;
        border: 0 solid red;
        color: #fff
    }
}