/*--------------------------------------------------------------
Menu
--------------------------------------------------------------*/
.c_menu {
    margin-top: 0;
    margin-right: 0;
}

.c_menu li .menu-item, .c_menu li a.menu-item {
    color:#245276;
    font-weight: bold;
    padding: 3.2rem 0;
    letter-spacing: .01rem;
    display: inline-block;
    vertical-align: middle;
}

.c_menu li {
    position: relative;
    display: inline-block;
    padding: 0 0;
    transition: ease 0.2s;
    margin: 0 2.4rem;
}

.c_menu.megamenu li {
    position: initial;
}

li.menu-item-has-children a:after {
    content: "\e906";
    font-family: cco-font, sans-serif;
    margin:-.1rem 0 -.1rem 0.5rem;
    position: relative;
    transform: rotate(0deg);
    display: inline-block;
    -webkit-transition: all 200ms ease 0s;
    -moz-transition: all 200ms ease 0s;
    transition: all 200ms ease 0s;
}

li.menu-item-has-children:hover a:after  {
    transform: rotate(-180deg);
}

li.menu-item-has-children .sub-menu a:after  {
    display: none;
}


/* submenu */
.c_menu.lillemenu li ul.sub-menu {
    min-width: 22rem;
}

.c_menu li ul.sub-menu {
    display: none;
    position: absolute;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s ease;
    background: #ffffff;
    margin-left: 0;
    -webkit-box-shadow: 0 0 10px 0 rgba(158, 158, 158, 0.2);
    box-shadow: 0 0 10px 0 rgba(158, 158, 158, 0.2);
    padding: 1.6rem 1.6rem 0 1.6rem;
    left:0;
    width:100%;
    border-radius: 1.6rem;
    top: 8rem;
}

.c_menu li:hover ul.sub-menu {
    display: block;
    opacity:1;
    visibility: visible;
    z-index: 500;
}
.c_menu li ul.sub-menu a {
    color: #152e42;
}
.c_menu li ul.sub-menu a:hover {
    color: var(--c3);
}

.c_menu .sub_menu_inner li { display: block; margin: .4rem 0;}

.lillemenu:last-of-type .sub-menu {
    right: 0;
    left: auto;
}
    /*--------------------------------------------------------------
    MObil menu
    --------------------------------------------------------------*/
@media screen and (max-width: 980px) {
    .home .head .c_menu li a.menu-item, .home .head .c_menu li .menu-item {
        color: #245276;
    }

    .mainmenu.open {
        left: 0;
        opacity: 1;
        -webkit-transition: left 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s, opacity 0.1s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
        -moz-transition: left 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s, opacity 0.1s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
        -o-transition: left 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s, opacity 0.1s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
        transition: left 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s, opacity 0.1s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
    }

    .mainmenu {
        background: #fff;
        opacity: 0;
        width: calc(100vw - 8rem);
        z-index: 300;
        overflow: auto;
        position: fixed;
        top: 0;
        bottom: 0;
        left: -100%;
        -webkit-transition: left 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.4s, opacity 0.2s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.7s;
        -moz-transition: left 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.4s, opacity 0.2s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.7s;
        -o-transition: left 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.4s, opacity 0.2s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.7s;
        transition: left 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.4s, opacity 0.2s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.7s;
    }

    .mainmenu.open .inner {
        opacity: 1;
        -webkit-transition: opacity 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.4s;
        -moz-transition: opacity 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.4s;
        -o-transition: opacity 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.4s;
        transition: opacity 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.4s;
    }

    .mainmenu .inner {
        opacity: 0;
        -webkit-transition: opacity 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
        -moz-transition: opacity 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
        -o-transition: opacity 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
        transition: opacity 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
    }


    /*--------------------------------------------------------------
    Menu inner
    --------------------------------------------------------------*/
    .mainmenu .c_menu li .menu-item, .mainmenu .c_menu li a.menu-item {
        padding: 0 0 .4rem 0;
        font-size: 2rem;
    }

    .mainmenu .c_menu li ul.sub-menu {
        width: 100%;
        position: relative;
        top: 0;
        box-shadow: none;
        padding: 0;
        max-height: 0;
    }

    .mainmenu .c_menu li:hover ul.sub-menu {
        max-height: 36rem;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .mainmenu .c_menu li ul.sub-menu a {
        color: #245276;
        padding: .6rem 0;
        width: 100%;
        display: block;
        letter-spacing: 0.1rem;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 1.4rem;
        border-radius: 0;
        margin-bottom: 0;
    }

    .mainmenu {
        padding-top: 4rem;
    }

    .mainmenu .c_menu li {
        margin: 0 1.6rem .4rem 1.6rem;
    }

    .mainmenu .c_menu ul.sub-menu li {
        margin: 0;
    }

}

/*--------------------------------------------------------------
CCO modal
--------------------------------------------------------------*/
.cco_modal {
    overflow-y: scroll;
    overflow-x: hidden;
    position: fixed;
    height: 100vh;
    width: 50%;
    left: 0;
    top: 0;
    z-index: 60;
    text-align: left;
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.cco_modal.open, .cco_modal.show {
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.cco_modal::selection {
    background: rgba(255, 108, 44, 0.8);
    /* WebKit/Blink Browsers */
    color: #fff; }

.cco_modal::-moz-selection {
    background: rgb(193, 193, 193);
    /* Gecko Browsers */
    color: #fff; }

.cco_modal::-webkit-scrollbar {
    width: 3px;  /* for vertical scrollbars */
    height: 12px; /* for horizontal scrollbars */
}

.cco_modal::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}

.cco_modal::-webkit-scrollbar-thumb  {
    background: rgb(193, 193, 193);
}

button.modal-close {
    position: absolute;
    top: -25px;
    margin-bottom: -40px;
    -webkit-appearance: none;
    border: 0;
    width: 80px;
    height: 80px;
    color: #000;
    cursor: pointer;
    background: transparent;
    font-size: 25px;
}

@media screen and (max-width: 1280px) {
    .cco_modal {
        width:60%;
    }
}

@media screen and (max-width: 769px) {
    .cco_modal {
        width:100%;
    }
}


/*--------------------------------------------------------------
Overlay
--------------------------------------------------------------*/

.overlay.hide {
    z-index: -1;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    transition: all 0.5s  ease-in-out;
    position: fixed;
}

.pushit .overlay.hide {
    z-index: 10;
    opacity: 1;
    transition: all 0.5s ;

}

/*--------------------------------------------------------------
     Hamburger styling
--------------------------------------------------------------*/
.home .menu-tekst {
    color: #fff;
}
.menu-tekst{
    position: absolute;
    bottom: 0;
    font-size: 80%;
    width: 100%;
}

.ham-wrap {
    top: -5px;
    position: relative;
}
.menu-toggle{
    cursor: pointer;
    min-width: 8rem;
    /* min-height: 25px; */
    padding: 3.2rem 0;
    position: relative;
}
.hamburger, .cross{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.hamburger span{
    display: block;
    width: 20px;
    height: 2px;
    margin-bottom: 5px;
    overflow: hidden;
    position: relative;
}
.hamburger span:last-child{
	margin:0;
}
.hamburger span:before,.hamburger span:after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background-color:#2f85c7;
	transform:translateX(-200%);
	transition:transform ease 300ms;
}
.hamburger span:after{
	transform:translateX(0);
}
.hamburger span:nth-child(2):before,.hamburger span:nth-child(2):after{
	transition-delay:75ms;
}
.hamburger span:last-child:before,.hamburger span:last-child:after{
	transition-delay:150ms;
}
.menu-toggle:hover .hamburger span:before{
	transform:translateX(0);
}
.menu-toggle:hover .hamburger span:after{
	transform:translateX(200%);
}
.menu-toggle.is-active .hamburger span:before{
	transform:translateX(100%);
}
.menu-toggle.is-active .hamburger span:after{
	transform:translateX(200%);
}
.cross span{
	display:block;
	width:24px;
	height:2px;
	background-color:#2f85c7;
	transform:translateY(50%) rotate(45deg) scaleX(0);
	transition:transform ease 200ms;
}
.cross span:last-child{
	transform:translateY(-50%) rotate(-45deg) scaleX(0);
}
.menu-toggle.is-active .cross span{
	transition-delay:450ms;
	transform:translateY(50%) rotate(45deg) scaleX(1);
}
.menu-toggle.is-active .cross span:last-child{
	transform:translateY(-50%) rotate(-45deg) scaleX(1);
}