.ip-header{position:fixed;top:0;z-index:99999;min-height:480px;width:100%;height:100%;background:#f5f5f5;}
.ip-loader{position:absolute;left:0;width:100%;opacity:0;cursor:default;pointer-events:none;}
.ip-loader{bottom:45%;}
.ip-header .ip-inner{display:block;margin:0 auto;}
.ip-header .ip-loader svg path{fill:none;stroke-width:6;}
.ip-header .ip-loader svg path.ip-loader-circlebg{stroke:#bbb;}
.ip-header .ip-loader svg path.ip-loader-circle{-webkit-transition:stroke-dashoffset 0.2s;-moz-transition:stroke-dashoffset 0.2s;-o-transition:stroke-dashoffset 0.2s;-ms-transition:stroke-dashoffset 0.2s;transition:stroke-dashoffset 0.2s;stroke:#F13133;}
.loading .ip-loader{opacity:1;-webkit-animation:animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;-moz-animation:animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;-o-animation:animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;-ms-animation:animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;animation:animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;}
.loading .ip-loader{-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;-o-animation-delay:0.2s;-ms-animation-delay:0.2s;animation-delay:0.2s;}
@-webkit-keyframes animInitialHeader{from{opacity:0;-webkit-transform:translate3d(0,800px,0);}
}
@-moz-keyframes animInitialHeader{from{opacity:0;-moz-transform:translate3d(0,800px,0);}
}
@-o-keyframes animInitialHeader{from{opacity:0;-o-transform:translate3d(0,800px,0);}
}
@-ms-keyframes animInitialHeader{from{opacity:0;-ms-transform:translate3d(0,800px,0);}
}
@keyframes animInitialHeader{from{opacity:0;-webkit-transform:translate3d(0,800px,0);transform:translate3d(0,800px,0);}
}
.loaded .ip-loader{opacity:1;}
.loaded .ip-loader{-webkit-animation:animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;-moz-animation:animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;-o-animation:animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;-ms-animation:animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;animation:animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;}
@-webkit-keyframes animLoadedLoader{to{opacity:0;-webkit-transform:translate3d(0,-100%,0) scale3d(0.3,0.3,1);}
}
@-moz-keyframes animLoadedLoader{to{opacity:0;-moz-transform:translate3d(0,-100%,0) scale3d(0.3,0.3,1);}
}
@-o-keyframes animLoadedLoader{to{opacity:0;-o-transform:translate3d(0,-100%,0) scale3d(0.3,0.3,1);}
}
@-ms-keyframes animLoadedLoader{to{opacity:0;-ms-transform:translate3d(0,-100%,0) scale3d(0.3,0.3,1);}
}
@keyframes animLoadedLoader{to{opacity:0;-webkit-transform:translate3d(0,-100%,0) scale3d(0.3,0.3,1);transform:translate3d(0,-100%,0) scale3d(0.3,0.3,1);}
}
.loaded .ip-header{-webkit-animation:animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;-moz-animation:animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;-o-animation:animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;-ms-animation:animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;animation:animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;}
@-webkit-keyframes animLoadedHeader{to{-webkit-transform:translate3d(0,-100%,0);}
}
@-moz-keyframes animLoadedHeader{to{-moz-transform:translate3d(0,-100%,0);}
}
@-o-keyframes animLoadedHeader{to{-o-transform:translate3d(0,-100%,0);}
}
@-ms-keyframes animLoadedHeader{to{-ms-transform:translate3d(0,-100%,0);}
}
@keyframes animLoadedHeader{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
}
//.layout-switch .ip-header{//position:absolute;//}
.no-js .ip-header{position:relative;min-height:0px;}