@media all and (min-width: 981px) {
#main-header .container,
#main-header #et-top-navigation,
.et_vertical_nav #main-header #et-top-navigation,
#main-header #top-menu li a,
#main-header #et_top_search,
.chi_dmc_default:not(.safari) #et_search_icon,
.chi_dmc_default #et_search_icon:before,
.chi_dmc_default span.et_close_search_field:after,
.chi_dmc_default.et_vertical_nav #et-top-navigation .et-cart-info,
.et_header_style_centered:not(.safari) #et_search_icon,
.et_header_style_centered #et_search_icon:before,
.et_header_style_centered span.et_close_search_field:after,
.et_header_style_centered.et_vertical_nav #et-top-navigation .et-cart-info {
-webkit-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
transition: all 0.4s ease-in-out !important;
}
.chi_dmc:not(.safari) #main-header #top-menu li ul {
-webkit-transition: all 0.4s ease-in-out, visibility 0.2s, opacity 0.2s !important;
-o-transition: all 0.4s ease-in-out, visibility 0.2s, opacity 0.2s !important;
transition: all 0.4s ease-in-out, visibility 0.2s, opacity 0.2s !important;
}
#main-header #top-menu li {
-webkit-transition: margin 0.4s ease-in-out, padding 0.4s ease-in-out !important;
-o-transition: margin 0.4s ease-in-out, padding 0.4s ease-in-out !important;
transition: margin 0.4s ease-in-out, padding 0.4s ease-in-out !important;
} #main-header .chidmc_gradient,
#main-header .chidmc_gradient_f {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
transition: opacity 0.7s ease;
}
#main-header .chidmc_gradient {
opacity: 1;
z-index: -9;
}
#main-header.et-fixed-header .chidmc_gradient,
#main-header.chidmc-fixed-header .chidmc_gradient {
opacity: 0;
}
#main-header .chidmc_gradient_f,
#main-header.chidmc-fixed-header .chidmc_gradient_f {
opacity: 0;
z-index: -8;
}
#main-header.et-fixed-header .chidmc_gradient_f,
#main-header.chidmc-fixed-header .chidmc_gradient_f {
opacity: 1;
} #main-header #top-menu .menu-item-has-children > a:first-child:after {
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
#main-header #top-menu .menu-item-has-children:hover > a:first-child:after {
-webkit-transition: none;
-o-transition: none;
transition: none;
} .chi_dmc_default:not(.et_vertical_nav) #top-menu,
.et_header_style_centered.chi_dmc_non_vert #et-top-navigation,
.et_header_style_centered:not(.et_vertical_nav) #top-menu {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; } .et_header_style_centered.chi_dmc_non_vert #et-top-navigation {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.et_header_style_centered #et-top-navigation .et-cart-info span {
left: 0;
} .chi_dmc_default #top-menu > li:last-child,
.et_header_style_centered #top-menu > li:last-child {
padding-right: 0 !important;
}
.chi_dmc_default.chi_dmc_non_vert .nav li.et-reverse-direction-nav li ul,
.chi_dmc_default.et_vertical_nav.et_vertical_right
#main-header
#top-menu
> li
> ul,
.chi_dmc_default.et_vertical_nav.et_vertical_right
#main-header
#top-menu
li
li
ul,
.et_header_style_centered.chi_dmc_non_vert
.nav
li.et-reverse-direction-nav
li
ul,
.et_header_style_centered.et_vertical_nav.et_vertical_right
#main-header
#top-menu
> li
> ul,
.et_header_style_centered.et_vertical_nav.et_vertical_right
#main-header
#top-menu
li
li
ul {
left: auto !important;
} .chi_dmc_default #top-menu li.mega-menu li > ul,
.et_header_style_centered #top-menu li.mega-menu li > ul {
border: none !important;
} .chi_dmc_default #main-header #top-menu li.mega-menu li ul,
.et_header_style_centered #main-header #top-menu li.mega-menu li ul {
left: auto !important;
}
.chi_dmc_default.et_vertical_nav.et_vertical_right
#main-header
#top-menu
li.mega-menu
ul
ul,
.et_header_style_centered.et_vertical_nav.et_vertical_right
#main-header
#top-menu
li.mega-menu
ul
ul {
right: 0;
}
.chi_dmc_default #top-menu li.mega-menu li > a,
.chi_dmc_default.et_vertical_nav #top-menu li.mega-menu li a,
.chi_dmc_default.chi_dmc_non_vert #top-menu li.mega-menu li a,
.et_header_style_centered #top-menu li.mega-menu li > a,
.et_header_style_centered.et_vertical_nav #top-menu li.mega-menu li a,
.et_header_style_centered.chi_dmc_non_vert #top-menu li.mega-menu li a {
width: 100% !important;
} .chi_dmc_default #top-menu > li > a,
.et_header_style_centered #top-menu > li > a {
border-style: solid;
}
#top-menu-nav > ul > li > a:hover,
#top-menu-nav ul li a:hover {
opacity: 1;
} .chi_dmc_default #et_top_search,
.et_header_style_centered #et_top_search {
height: 18px;
} .chi_dmc_default #et_search_icon,
.et_header_style_centered #et_search_icon {
position: absolute;
left: 0;
right: 0;
border-style: solid;
} .chi_dmc_default.et_vertical_nav #main-header #top-menu > li > a,
.et_header_style_centered.et_vertical_nav #main-header #top-menu > li > a {
margin-right: 0;
}
.chi_dmc_default.et_vertical_nav #et_search_icon,
.et_header_style_centered.et_vertical_nav #et_search_icon {
top: 0;
bottom: 0;
} .chi_dmc_default span.et_close_search_field:after,
.et_header_style_centered span.et_close_search_field:after {
position: absolute;
}
.chi_dmc_default #et_search_icon:before,
.chi_dmc_default span.et_close_search_field:after,
.et_header_style_centered #et_search_icon:before,
.et_header_style_centered span.et_close_search_field:after {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .chi_dmc_default.chi_dmc_non_vert .et_pb_menu_hidden #top-menu,
.chi_dmc_default.chi_dmc_non_vert .et_pb_menu_hidden #et_search_icon,
.chi_dmc_default.chi_dmc_non_vert .et_pb_menu_hidden .et-cart-info,
.et_header_style_centered.chi_dmc_non_vert .et_pb_menu_hidden #top-menu,
.et_header_style_centered.chi_dmc_non_vert .et_pb_menu_hidden #et_search_icon,
.et_header_style_centered.chi_dmc_non_vert .et_pb_menu_hidden .et-cart-info {
opacity: 0;
-webkit-animation: fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.chi_dmc_default .et_pb_menu_hidden #et_search_icon:before,
.et_header_style_centered .et_pb_menu_hidden #et_search_icon:before {
opacity: 0;
-webkit-animation: fadeOut 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: fadeOut 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.chi_dmc_default.et_vertical_nav .et_pb_menu_hidden #et_top_search,
.et_header_style_centered.et_vertical_nav .et_pb_menu_hidden #et_top_search {
opacity: 0;
-webkit-animation: fadeOutRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: fadeOutRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
} .chi_dmc_default.chi_dmc_non_vert .et_pb_menu_visible #top-menu,
.chi_dmc_default.chi_dmc_non_vert .et_pb_menu_visible #et_search_icon,
.chi_dmc_default.chi_dmc_non_vert .et_pb_menu_visible .et-cart-info,
.et_header_style_centered.chi_dmc_non_vert .et_pb_menu_visible #top-menu,
.et_header_style_centered.chi_dmc_non_vert
.et_pb_menu_visible
#et_search_icon,
.et_header_style_centered.chi_dmc_non_vert .et_pb_menu_visible .et-cart-info {
z-index: 99;
opacity: 1;
-webkit-animation: fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.chi_dmc_default .et_pb_menu_visible #et_search_icon:before,
.et_header_style_centered .et_pb_menu_visible #et_search_icon:before {
z-index: 99;
opacity: 1;
-webkit-animation: fadeIn 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: fadeIn 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.chi_dmc_default.et_vertical_nav .et_pb_menu_visible #et_top_search,
.et_header_style_centered.et_vertical_nav .et_pb_menu_visible #et_top_search {
z-index: 99;
opacity: 1;
-webkit-animation: fadeInRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: fadeInRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
} .et_header_style_centered.et_vertical_nav #et_search_icon:before {
margin-left: 0;
} .et_header_style_centered.et_vertical_nav .et-fixed-header .et-search-form {
top: 0;
} .chi_dmc_default #et-top-navigation .et-cart-info,
.et_header_style_centered #et-top-navigation .et-cart-info {
height: 23px;
}
.chi_dmc_default #et-top-navigation .et-cart-info,
.chi_dmc_default.et_vertical_nav #et-top-navigation .et-cart-info,
.et_header_style_centered #et-top-navigation .et-cart-info,
.et_header_style_centered.et_vertical_nav #et-top-navigation .et-cart-info {
position: relative;
}
.chi_dmc_default #et-top-navigation .et-cart-info > span,
.chi_dmc_default.et_vertical_nav #et-top-navigation .et-cart-info > span,
.et_header_style_centered #et-top-navigation .et-cart-info > span,
.et_header_style_centered.et_vertical_nav
#et-top-navigation
.et-cart-info
> span {
position: absolute;
border-style: solid;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.chi_dmc_default #et-top-navigation .et-cart-info > span:before,
.et_header_style_centered #et-top-navigation .et-cart-info > span:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.chi_dmc_default.et_vertical_nav #et-top-navigation .et-cart-info > span,
.et_header_style_centered.et_vertical_nav
#et-top-navigation
.et-cart-info
> span {
top: 0;
bottom: 0;
}
}  @-webkit-keyframes searchFadeOutBottom {
0% {
opacity: 1;
-webkit-transform: translate(-50%, -50%);
}
100% {
opacity: 0;
-webkit-transform: translate(-50%, 10%);
}
}
@keyframes searchFadeOutBottom {
0% {
opacity: 1;
transform: translate(-50%, -50%);
}
100% {
opacity: 0;
transform: translate(-50%, 10%);
}
} @-webkit-keyframes searchfadeInBottom {
0% {
opacity: 0;
-webkit-transform: translate(-50%, 10%);
}
100% {
opacity: 1;
-webkit-transform: translate(-50%, -50%);
}
}
@keyframes searchfadeInBottom {
0% {
opacity: 0;
transform: translate(-50%, 10%);
}
100% {
opacity: 1;
transform: translate(-50%, -50%);
}
}
@-webkit-keyframes fadeRightOut {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(10%);
}
}
@keyframes fadeRightOut {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(10%);
}
}
@-webkit-keyframes fadeLeftOut {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-10%);
}
}
@keyframes fadeLeftOut {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-10%);
}
}
@-webkit-keyframes fadeTopOut {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-10%);
}
}
@keyframes fadeTopOut {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-10%);
}
}
@-webkit-keyframes fadeBottomOut {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(10%);
}
}
@keyframes fadeBottomOut {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(10%);
}
}
@-webkit-keyframes zoom-in {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes zoom-in {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.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(0.8);
transform: scale(0.8);
opacity: 0;
}
}
@keyframes zoom-out {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes shrink {
0% {
opacity: 1;
-webkit-transform: scale(1, 1);
}
100% {
opacity: 0;
-webkit-transform: scale(1, 0.5);
}
}
@keyframes shrink {
0% {
opacity: 1;
transform: scale(1, 1);
}
100% {
opacity: 0;
transform: scale(1, 0.5);
}
}