/**
 *  MMC Styles
 */

/* Collapse Nested Submenu Items */
.chi_dmm_styles #main-header .et_mobile_menu.chidmm_collapsable .menu-item-has-children > a { 
    background-color: transparent; position: relative; 
}
.chi_dmm_styles #main-header .et_mobile_menu.chidmm_collapsable .menu-item-has-children > a:after { 
    font-family: 'ETmodules'; 
    text-align: center; 
    speak: none; 
    font-weight: normal; 
    font-variant: normal; 
    text-transform: none; 
    -webkit-font-smoothing: antialiased; 
    position: absolute; 
}
.chi_dmm_styles #main-header .et_mobile_menu.chidmm_collapsable .menu-item-has-children > a:after { 
    content: '3'; 
    top: 0px; 
}
.chi_dmm_styles #main-header .et_mobile_menu.chidmm_collapsable .menu-item-has-children.visible > a:after { 
    content: '2'; 
}
.chi_dmm_styles #main-header .et_mobile_menu.chidmm_collapsable ul.sub-menu { 
    display: none !important; 
    visibility: hidden !important;
    -webkit-transition: all 1.5s ease-in-out !important;
    -moz-transition: all 1.5s ease-in-out !important;
    transition: all 1.5s ease-in-out !important;
}
.chi_dmm_styles #main-header .et_mobile_menu.chidmm_collapsable .visible > ul.sub-menu { 
    display: block !important; 
    visibility: visible !important; 
    -webkit-animation: Grow 0.3s ease-in-out;
    -moz-animation: Grow 0.6s ease-in-out;
    -o-animation: Grow 0.3s ease-in-out;
    animation: Grow 0.3s ease-in-out;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}
/* End Collapse Nested Submenu Items */ 
/* improve compatibility with Enterprise child theme */
body.chi_dmm_styles .et_mobile_menu li:not(.CTA-button) a {
    background-color: rgba(0,0,0,0) !important;
}
/* START custom animations keyframes */

@-webkit-keyframes zoom-in {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@keyframes zoom-in {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes zoom-out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0;
    }
}
@keyframes zoom-out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0;
    }
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-moz-keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-o-keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@-webkit-keyframes shrink {
	0% {
		opacity: 1;
		-webkit-transform: scale(1, 1);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1, 0.5);
	}
}

@-moz-keyframes shrink {
	0% {
		opacity: 1;
		-moz-transform: scale(1, 1);
	}

	100% {
		opacity: 0;
		-moz-transform: scale(1, 0.5);
	}
}

@-o-keyframes shrink {
	0% {
		opacity: 1;
		-o-transform: scale(1, 1);
	}

	100% {
		opacity: 0;
		-o-transform: scale(1, 0.5);
	}
}

@keyframes shrink {
	0% {
		opacity: 1;
		transform: scale(1, 1);
	}

	100% {
		opacity: 0;
		transform: scale(1, 0.5);
	}
}
/* END custom animations keyframes */

/* SINCE v1.3.2 */
/* fix for the top nav padding-top issue when vartical nav enabled */
.chi_dmm_styles.et_vertical_nav.et_header_style_left #et-top-navigation {
    padding-top: 24px;
}
/* End fix for the top nav padding-top issue when vartical nav enabled */

/* SINCE v1.4.0 */
/* menu header styles */

body:not(.et_header_style_slide):not(.et_header_style_fullscreen).chi_dmm_styles .mobile_nav.opened .mobile_menu_bar:before,
body:not(.et_header_style_slide):not(.et_header_style_fullscreen).chi_dmm_styles .mobile_nav.closed .mobile_menu_bar:before,
body:not(.et_header_style_slide):not(.et_header_style_fullscreen).chi_dmm_styles .mobile_nav.opened .mobile_menu_bar:after,
body:not(.et_header_style_slide):not(.et_header_style_fullscreen).chi_dmm_styles .mobile_nav.closed .mobile_menu_bar:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    speak: none;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

@media all and (max-width: 980px){
   body:not(.et_header_style_slide):not(.et_header_style_fullscreen).chi_dmm_styles.et_header_style_left .mobile_nav  .mobile_menu_bar {
        position: relative;
        line-height: 0;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        min-height: 58px;
    }

    body:not(.et_header_style_slide):not(.et_header_style_fullscreen).chi_dmm_styles .mobile_nav.closed .mobile_menu_bar:before,
    body:not(.et_header_style_slide):not(.et_header_style_fullscreen).chi_dmm_styles .mobile_nav.closed .mobile_menu_bar:after{
        -webkit-animation: mcfadeIn .7s 1 cubic-bezier(0.77, 0, 0.175, 1);
        -moz-animation: mcfadeIn .7s 1 cubic-bezier(0.77, 0, 0.175, 1);
        -o-animation: mcfadeIn .7s 1 cubic-bezier(0.77, 0, 0.175, 1);
        animation: mcfadeIn .7s 1 cubic-bezier(0.77, 0, 0.175, 1);
    }

    .chi_dmm_styles .mobile_nav.opened .mobile_menu_bar:before,
    .chi_dmm_styles .mobile_nav.opened .mobile_menu_bar:after,  
    .chi_dmm_styles .chi_mmc_activated #et_search_icon:before,   
    .chi_dmm_styles.et_header_style_centered .mobile_nav .select_page,
    .chi_dmm_styles.et_header_style_split .mobile_nav .select_page {
        -webkit-animation: fadeIn .7s 1 cubic-bezier(0.77, 0, 0.175, 1);
        -moz-animation: fadeIn .7s 1 cubic-bezier(0.77, 0, 0.175, 1);
        -o-animation: fadeIn .7s 1 cubic-bezier(0.77, 0, 0.175, 1);
        animation: fadeIn .7s 1 cubic-bezier(0.77, 0, 0.175, 1);
    }
    
    body:not(.et_header_style_slide):not(.et_header_style_fullscreen).chi_dmm_styles .et_header_style_left .et_pb_menu_hidden #et_search_icon:before {
        opacity: 0;
        -webkit-animation: none;
        -moz-animation: none;
        -o-animation: none;
        animation: none;
    }
    
    /* split & centered header formats */
    /* vertically align the mobile_menu_bar and its contents */
    body.chi_dmm_styles.et_header_style_split .mobile_nav .mobile_menu_bar,
    body.chi_dmm_styles.et_header_style_centered .mobile_nav .mobile_menu_bar {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
    }
    body.chi_dmm_styles.et_header_style_split .mobile_nav  .mobile_menu_bar {
        padding-bottom: 0px;
    }
    body.chi_dmm_styles.et_header_style_centered .mobile_nav .select_page {
        line-height: 1;
    }
    body.chi_dmm_styles #et-top-navigation {
        font-weight: normal;
    }
    
}
    
@-webkit-keyframes mcfadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes mcfadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes mcfadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes mcfadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/* End menu header styles */