/* bootstrap-extend.css */ .mt-10, .my-10 {margin-top: 10px !important;} .mt-20, .my-20 {margin-top: 20px !important;} .mt-30, .my-30 {margin-top: 30px !important;} .mt-40, .my-40 {margin-top: 40px !important;} .mt-50, .my-50 {margin-top: 50px !important;} .mt-60, .my-60 {margin-top: 60px !important;} .mt-70, .my-70 {margin-top: 70px !important;} .mt-80, .my-80 {margin-top: 80px !important;} .mt-90, .my-90 {margin-top: 90px !important;} .mt-100, .my-100 {margin-top: 100px !important;} .mt-110, .my-110 {margin-top: 110px !important;} .mt-120, .my-120 {margin-top: 120px !important;} .mb-10, .my-10 {margin-bottom: 10px !important;} .mb-20, .my-20 {margin-bottom: 20px !important;} .mb-30, .my-30 {margin-bottom: 30px !important;} .mb-40, .my-40 {margin-bottom: 40px !important;} .mb-50, .my-50 {margin-bottom: 50px !important;} .mb-60, .my-60 {margin-bottom: 60px !important;} .mb-70, .my-70 {margin-bottom: 70px !important;} .mb-80, .my-80 {margin-bottom: 80px !important;} .mb-90, .my-90 {margin-bottom: 90px !important;} .mb-100, .my-100 {margin-bottom: 100px !important;} .mb-110, .my-110 {margin-bottom: 110px !important;} .mb-120, .my-120 {margin-bottom: 120px !important;} .ml-10, .mx-10 {margin-left: 10px !important;} .ml-20, .mx-20 {margin-left: 20px !important;} .ml-30, .mx-30 {margin-left: 30px !important;} .ml-40, .mx-40 {margin-left: 40px !important;} .ml-50, .mx-50 {margin-left: 50px !important;} .ml-60, .mx-60 {margin-left: 60px !important;} .ml-70, .mx-70 {margin-left: 70px !important;} .ml-80, .mx-80 {margin-left: 80px !important;} .ml-90, .mx-90 {margin-left: 90px !important;} .ml-100, .mx-100 {margin-left: 100px !important;} .ml-110, .mx-110 {margin-left: 110px !important;} .ml-120, .mx-120 {margin-left: 120px !important;} .mr-10, .mx-10 {margin-right: 10px !important;} .mr-20, .mx-20 {margin-right: 20px !important;} .mr-30, .mx-30 {margin-right: 30px !important;} .mr-40, .mx-40 {margin-right: 40px !important;} .mr-50, .mx-50 {margin-right: 50px !important;} .mr-60, .mx-60 {margin-right: 60px !important;} .mr-70, .mx-70 {margin-right: 70px !important;} .mr-80, .mx-80 {margin-right: 80px !important;} .mr-90, .mx-90 {margin-right: 90px !important;} .mr-100, .mx-100 {margin-right: 100px !important;} .mr-110, .mx-110 {margin-right: 110px !important;} .mr-120, .mx-120 {margin-right: 120px !important;} .pt-10, .py-10 {padding-top: 10px !important;} .pt-20, .py-20 {padding-top: 20px !important;} .pt-30, .py-30 {padding-top: 30px !important;} .pt-40, .py-40 {padding-top: 40px !important;} .pt-50, .py-50 {padding-top: 50px !important;} .pt-60, .py-60 {padding-top: 60px !important;} .pt-70, .py-70 {padding-top: 70px !important;} .pt-80, .py-80 {padding-top: 80px !important;} .pt-90, .py-90 {padding-top: 90px !important;} .pt-100, .py-100 {padding-top: 100px !important;} .pt-110, .py-110 {padding-top: 110px !important;} .pt-120, .py-120 {padding-top: 120px !important;} .pb-10, .py-10 {padding-bottom: 10px !important;} .pb-20, .py-20 {padding-bottom: 20px !important;} .pb-30, .py-30 {padding-bottom: 30px !important;} .pb-40, .py-40 {padding-bottom: 40px !important;} .pb-50, .py-50 {padding-bottom: 50px !important;} .pb-60, .py-60 {padding-bottom: 60px !important;} .pb-70, .py-70 {padding-bottom: 70px !important;} .pb-80, .py-80 {padding-bottom: 80px !important;} .pb-90, .py-90 {padding-bottom: 90px !important;} .pb-100, .py-100 {padding-bottom: 100px !important;} .pb-110, .py-110 {padding-bottom: 110px !important;} .pb-120, .py-120 {padding-bottom: 120px !important;} .pl-10, .px-10 {padding-left: 10px !important;} .pl-20, .px-20 {padding-left: 20px !important;} .pl-30, .px-30 {padding-left: 30px !important;} .pl-40, .px-40 {padding-left: 40px !important;} .pl-50, .px-50 {padding-left: 50px !important;} .pl-60, .px-60 {padding-left: 60px !important;} .pl-70, .px-70 {padding-left: 70px !important;} .pl-80, .px-80 {padding-left: 80px !important;} .pl-90, .px-90 {padding-left: 90px !important;} .pl-100, .px-100 {padding-left: 100px !important;} .pl-110, .px-110 {padding-left: 110px !important;} .pl-120, .px-120 {padding-left: 120px !important;} .pr-10, .px-10 {padding-right: 10px !important;} .pr-20, .px-20 {padding-right: 20px !important;} .pr-30, .px-30 {padding-right: 30px !important;} .pr-40, .px-40 {padding-right: 40px !important;} .pr-50, .px-50 {padding-right: 50px !important;} .pr-60, .px-60 {padding-right: 60px !important;} .pr-70, .px-70 {padding-right: 70px !important;} .pr-80, .px-80 {padding-right: 80px !important;} .pr-90, .px-90 {padding-right: 90px !important;} .pr-100, .px-100 {padding-right: 100px !important;} .pr-110, .px-110 {padding-right: 110px !important;} .pr-120, .px-120 {padding-right: 120px !important;} @media (min-width: 576px) { .mt-sm-10, .my-sm-10 {margin-top: 10px !important;} .mt-sm-20, .my-sm-20 {margin-top: 20px !important;} .mt-sm-30, .my-sm-30 {margin-top: 30px !important;} .mt-sm-40, .my-sm-40 {margin-top: 40px !important;} .mt-sm-50, .my-sm-50 {margin-top: 50px !important;} .mt-sm-60, .my-sm-60 {margin-top: 60px !important;} .mt-sm-70, .my-sm-70 {margin-top: 70px !important;} .mt-sm-80, .my-sm-80 {margin-top: 80px !important;} .mt-sm-90, .my-sm-90 {margin-top: 90px !important;} .mt-sm-100, .my-sm-100 {margin-top: 100px !important;} .mt-sm-110, .my-sm-110 {margin-top: 110px !important;} .mt-sm-120, .my-sm-120 {margin-top: 120px !important;} .mb-sm-10, .my-sm-10 {margin-bottom: 10px !important;} .mb-sm-20, .my-sm-20 {margin-bottom: 20px !important;} .mb-sm-30, .my-sm-30 {margin-bottom: 30px !important;} .mb-sm-40, .my-sm-40 {margin-bottom: 40px !important;} .mb-sm-50, .my-sm-50 {margin-bottom: 50px !important;} .mb-sm-60, .my-sm-60 {margin-bottom: 60px !important;} .mb-sm-70, .my-sm-70 {margin-bottom: 70px !important;} .mb-sm-80, .my-sm-80 {margin-bottom: 80px !important;} .mb-sm-90, .my-sm-90 {margin-bottom: 90px !important;} .mb-sm-100, .my-sm-100 {margin-bottom: 100px !important;} .mb-sm-110, .my-sm-110 {margin-bottom: 110px !important;} .mb-sm-120, .my-sm-120 {margin-bottom: 120px !important;} .ml-sm-10, .mx-sm-10 {margin-left: 10px !important;} .ml-sm-20, .mx-sm-20 {margin-left: 20px !important;} .ml-sm-30, .mx-sm-30 {margin-left: 30px !important;} .ml-sm-40, .mx-sm-40 {margin-left: 40px !important;} .ml-sm-50, .mx-sm-50 {margin-left: 50px !important;} .ml-sm-60, .mx-sm-60 {margin-left: 60px !important;} .ml-sm-70, .mx-sm-70 {margin-left: 70px !important;} .ml-sm-80, .mx-sm-80 {margin-left: 80px !important;} .ml-sm-90, .mx-sm-90 {margin-left: 90px !important;} .ml-sm-100, .mx-sm-100 {margin-left: 100px !important;} .ml-sm-110, .mx-sm-110 {margin-left: 110px !important;} .ml-sm-120, .mx-sm-120 {margin-left: 120px !important;} .mr-sm-10, .mx-sm-10 {margin-right: 10px !important;} .mr-sm-20, .mx-sm-20 {margin-right: 20px !important;} .mr-sm-30, .mx-sm-30 {margin-right: 30px !important;} .mr-sm-40, .mx-sm-40 {margin-right: 40px !important;} .mr-sm-50, .mx-sm-50 {margin-right: 50px !important;} .mr-sm-60, .mx-sm-60 {margin-right: 60px !important;} .mr-sm-70, .mx-sm-70 {margin-right: 70px !important;} .mr-sm-80, .mx-sm-80 {margin-right: 80px !important;} .mr-sm-90, .mx-sm-90 {margin-right: 90px !important;} .mr-sm-100, .mx-sm-100 {margin-right: 100px !important;} .mr-sm-110, .mx-sm-110 {margin-right: 110px !important;} .mr-sm-120, .mx-sm-120 {margin-right: 120px !important;} .pt-sm-10, .py-sm-10 {padding-top: 10px !important;} .pt-sm-20, .py-sm-20 {padding-top: 20px !important;} .pt-sm-30, .py-sm-30 {padding-top: 30px !important;} .pt-sm-40, .py-sm-40 {padding-top: 40px !important;} .pt-sm-50, .py-sm-50 {padding-top: 50px !important;} .pt-sm-60, .py-sm-60 {padding-top: 60px !important;} .pt-sm-70, .py-sm-70 {padding-top: 70px !important;} .pt-sm-80, .py-sm-80 {padding-top: 80px !important;} .pt-sm-90, .py-sm-90 {padding-top: 90px !important;} .pt-sm-100, .py-sm-100 {padding-top: 100px !important;} .pt-sm-110, .py-sm-110 {padding-top: 110px !important;} .pt-sm-120, .py-sm-120 {padding-top: 120px !important;} .pb-sm-10, .py-sm-10 {padding-bottom: 10px !important;} .pb-sm-20, .py-sm-20 {padding-bottom: 20px !important;} .pb-sm-30, .py-sm-30 {padding-bottom: 30px !important;} .pb-sm-40, .py-sm-40 {padding-bottom: 40px !important;} .pb-sm-50, .py-sm-50 {padding-bottom: 50px !important;} .pb-sm-60, .py-sm-60 {padding-bottom: 60px !important;} .pb-sm-70, .py-sm-70 {padding-bottom: 70px !important;} .pb-sm-80, .py-sm-80 {padding-bottom: 80px !important;} .pb-sm-90, .py-sm-90 {padding-bottom: 90px !important;} .pb-sm-100, .py-sm-100 {padding-bottom: 100px !important;} .pb-sm-110, .py-sm-110 {padding-bottom: 110px !important;} .pb-sm-120, .py-sm-120 {padding-bottom: 120px !important;} .pl-sm-10, .px-sm-10 {padding-left: 10px !important;} .pl-sm-20, .px-sm-20 {padding-left: 20px !important;} .pl-sm-30, .px-sm-30 {padding-left: 30px !important;} .pl-sm-40, .px-sm-40 {padding-left: 40px !important;} .pl-sm-50, .px-sm-50 {padding-left: 50px !important;} .pl-sm-60, .px-sm-60 {padding-left: 60px !important;} .pl-sm-70, .px-sm-70 {padding-left: 70px !important;} .pl-sm-80, .px-sm-80 {padding-left: 80px !important;} .pl-sm-90, .px-sm-90 {padding-left: 90px !important;} .pl-sm-100, .px-sm-100 {padding-left: 100px !important;} .pl-sm-110, .px-sm-110 {padding-left: 110px !important;} .pl-sm-120, .px-sm-120 {padding-left: 120px !important;} .pr-sm-10, .px-sm-10 {padding-right: 10px !important;} .pr-sm-20, .px-sm-20 {padding-right: 20px !important;} .pr-sm-30, .px-sm-30 {padding-right: 30px !important;} .pr-sm-40, .px-sm-40 {padding-right: 40px !important;} .pr-sm-50, .px-sm-50 {padding-right: 50px !important;} .pr-sm-60, .px-sm-60 {padding-right: 60px !important;} .pr-sm-70, .px-sm-70 {padding-right: 70px !important;} .pr-sm-80, .px-sm-80 {padding-right: 80px !important;} .pr-sm-90, .px-sm-90 {padding-right: 90px !important;} .pr-sm-100, .px-sm-100 {padding-right: 100px !important;} .pr-sm-110, .px-sm-110 {padding-right: 110px !important;} .pr-sm-120, .px-sm-120 {padding-right: 120px !important;} } @media (min-width: 768px) { .mt-md-10, .my-md-10 {margin-top: 10px !important;} .mt-md-20, .my-md-20 {margin-top: 20px !important;} .mt-md-30, .my-md-30 {margin-top: 30px !important;} .mt-md-40, .my-md-40 {margin-top: 40px !important;} .mt-md-50, .my-md-50 {margin-top: 50px !important;} .mt-md-60, .my-md-60 {margin-top: 60px !important;} .mt-md-70, .my-md-70 {margin-top: 70px !important;} .mt-md-80, .my-md-80 {margin-top: 80px !important;} .mt-md-90, .my-md-90 {margin-top: 90px !important;} .mt-md-100, .my-md-100 {margin-top: 100px !important;} .mt-md-110, .my-md-110 {margin-top: 110px !important;} .mt-md-120, .my-md-120 {margin-top: 120px !important;} .mb-md-10, .my-md-10 {margin-bottom: 10px !important;} .mb-md-20, .my-md-20 {margin-bottom: 20px !important;} .mb-md-30, .my-md-30 {margin-bottom: 30px !important;} .mb-md-40, .my-md-40 {margin-bottom: 40px !important;} .mb-md-50, .my-md-50 {margin-bottom: 50px !important;} .mb-md-60, .my-md-60 {margin-bottom: 60px !important;} .mb-md-70, .my-md-70 {margin-bottom: 70px !important;} .mb-md-80, .my-md-80 {margin-bottom: 80px !important;} .mb-md-90, .my-md-90 {margin-bottom: 90px !important;} .mb-md-100, .my-md-100 {margin-bottom: 100px !important;} .mb-md-110, .my-md-110 {margin-bottom: 110px !important;} .mb-md-120, .my-md-120 {margin-bottom: 120px !important;} .ml-md-10, .mx-md-10 {margin-left: 10px !important;} .ml-md-20, .mx-md-20 {margin-left: 20px !important;} .ml-md-30, .mx-md-30 {margin-left: 30px !important;} .ml-md-40, .mx-md-40 {margin-left: 40px !important;} .ml-md-50, .mx-md-50 {margin-left: 50px !important;} .ml-md-60, .mx-md-60 {margin-left: 60px !important;} .ml-md-70, .mx-md-70 {margin-left: 70px !important;} .ml-md-80, .mx-md-80 {margin-left: 80px !important;} .ml-md-90, .mx-md-90 {margin-left: 90px !important;} .ml-md-100, .mx-md-100 {margin-left: 100px !important;} .ml-md-110, .mx-md-110 {margin-left: 110px !important;} .ml-md-120, .mx-md-120 {margin-left: 120px !important;} .mr-md-10, .mx-md-10 {margin-right: 10px !important;} .mr-md-20, .mx-md-20 {margin-right: 20px !important;} .mr-md-30, .mx-md-30 {margin-right: 30px !important;} .mr-md-40, .mx-md-40 {margin-right: 40px !important;} .mr-md-50, .mx-md-50 {margin-right: 50px !important;} .mr-md-60, .mx-md-60 {margin-right: 60px !important;} .mr-md-70, .mx-md-70 {margin-right: 70px !important;} .mr-md-80, .mx-md-80 {margin-right: 80px !important;} .mr-md-90, .mx-md-90 {margin-right: 90px !important;} .mr-md-100, .mx-md-100 {margin-right: 100px !important;} .mr-md-110, .mx-md-110 {margin-right: 110px !important;} .mr-md-120, .mx-md-120 {margin-right: 120px !important;} .pt-md-10, .py-md-10 {padding-top: 10px !important;} .pt-md-20, .py-md-20 {padding-top: 20px !important;} .pt-md-30, .py-md-30 {padding-top: 30px !important;} .pt-md-40, .py-md-40 {padding-top: 40px !important;} .pt-md-50, .py-md-50 {padding-top: 50px !important;} .pt-md-60, .py-md-60 {padding-top: 60px !important;} .pt-md-70, .py-md-70 {padding-top: 70px !important;} .pt-md-80, .py-md-80 {padding-top: 80px !important;} .pt-md-90, .py-md-90 {padding-top: 90px !important;} .pt-md-100, .py-md-100 {padding-top: 100px !important;} .pt-md-110, .py-md-110 {padding-top: 110px !important;} .pt-md-120, .py-md-120 {padding-top: 120px !important;} .pb-md-10, .py-md-10 {padding-bottom: 10px !important;} .pb-md-20, .py-md-20 {padding-bottom: 20px !important;} .pb-md-30, .py-md-30 {padding-bottom: 30px !important;} .pb-md-40, .py-md-40 {padding-bottom: 40px !important;} .pb-md-50, .py-md-50 {padding-bottom: 50px !important;} .pb-md-60, .py-md-60 {padding-bottom: 60px !important;} .pb-md-70, .py-md-70 {padding-bottom: 70px !important;} .pb-md-80, .py-md-80 {padding-bottom: 80px !important;} .pb-md-90, .py-md-90 {padding-bottom: 90px !important;} .pb-md-100, .py-md-100 {padding-bottom: 100px !important;} .pb-md-110, .py-md-110 {padding-bottom: 110px !important;} .pb-md-120, .py-md-120 {padding-bottom: 120px !important;} .pl-md-10, .px-md-10 {padding-left: 10px !important;} .pl-md-20, .px-md-20 {padding-left: 20px !important;} .pl-md-30, .px-md-30 {padding-left: 30px !important;} .pl-md-40, .px-md-40 {padding-left: 40px !important;} .pl-md-50, .px-md-50 {padding-left: 50px !important;} .pl-md-60, .px-md-60 {padding-left: 60px !important;} .pl-md-70, .px-md-70 {padding-left: 70px !important;} .pl-md-80, .px-md-80 {padding-left: 80px !important;} .pl-md-90, .px-md-90 {padding-left: 90px !important;} .pl-md-100, .px-md-100 {padding-left: 100px !important;} .pl-md-110, .px-md-110 {padding-left: 110px !important;} .pl-md-120, .px-md-120 {padding-left: 120px !important;} .pr-md-10, .px-md-10 {padding-right: 10px !important;} .pr-md-20, .px-md-20 {padding-right: 20px !important;} .pr-md-30, .px-md-30 {padding-right: 30px !important;} .pr-md-40, .px-md-40 {padding-right: 40px !important;} .pr-md-50, .px-md-50 {padding-right: 50px !important;} .pr-md-60, .px-md-60 {padding-right: 60px !important;} .pr-md-70, .px-md-70 {padding-right: 70px !important;} .pr-md-80, .px-md-80 {padding-right: 80px !important;} .pr-md-90, .px-md-90 {padding-right: 90px !important;} .pr-md-100, .px-md-100 {padding-right: 100px !important;} .pr-md-110, .px-md-110 {padding-right: 110px !important;} .pr-md-120, .px-md-120 {padding-right: 120px !important;} } @media (min-width: 992px) { .mt-lg-10, .my-lg-10 {margin-top: 10px !important;} .mt-lg-20, .my-lg-20 {margin-top: 20px !important;} .mt-lg-30, .my-lg-30 {margin-top: 30px !important;} .mt-lg-40, .my-lg-40 {margin-top: 40px !important;} .mt-lg-50, .my-lg-50 {margin-top: 50px !important;} .mt-lg-60, .my-lg-60 {margin-top: 60px !important;} .mt-lg-70, .my-lg-70 {margin-top: 70px !important;} .mt-lg-80, .my-lg-80 {margin-top: 80px !important;} .mt-lg-90, .my-lg-90 {margin-top: 90px !important;} .mt-lg-100, .my-lg-100 {margin-top: 100px !important;} .mt-lg-110, .my-lg-110 {margin-top: 110px !important;} .mt-lg-120, .my-lg-120 {margin-top: 120px !important;} .mb-lg-10, .my-lg-10 {margin-bottom: 10px !important;} .mb-lg-20, .my-lg-20 {margin-bottom: 20px !important;} .mb-lg-30, .my-lg-30 {margin-bottom: 30px !important;} .mb-lg-40, .my-lg-40 {margin-bottom: 40px !important;} .mb-lg-50, .my-lg-50 {margin-bottom: 50px !important;} .mb-lg-60, .my-lg-60 {margin-bottom: 60px !important;} .mb-lg-70, .my-lg-70 {margin-bottom: 70px !important;} .mb-lg-80, .my-lg-80 {margin-bottom: 80px !important;} .mb-lg-90, .my-lg-90 {margin-bottom: 90px !important;} .mb-lg-100, .my-lg-100 {margin-bottom: 100px !important;} .mb-lg-110, .my-lg-110 {margin-bottom: 110px !important;} .mb-lg-120, .my-lg-120 {margin-bottom: 120px !important;} .ml-lg-10, .mx-lg-10 {margin-left: 10px !important;} .ml-lg-20, .mx-lg-20 {margin-left: 20px !important;} .ml-lg-30, .mx-lg-30 {margin-left: 30px !important;} .ml-lg-40, .mx-lg-40 {margin-left: 40px !important;} .ml-lg-50, .mx-lg-50 {margin-left: 50px !important;} .ml-lg-60, .mx-lg-60 {margin-left: 60px !important;} .ml-lg-70, .mx-lg-70 {margin-left: 70px !important;} .ml-lg-80, .mx-lg-80 {margin-left: 80px !important;} .ml-lg-90, .mx-lg-90 {margin-left: 90px !important;} .ml-lg-100, .mx-lg-100 {margin-left: 100px !important;} .ml-lg-110, .mx-lg-110 {margin-left: 110px !important;} .ml-lg-120, .mx-lg-120 {margin-left: 120px !important;} .mr-lg-10, .mx-lg-10 {margin-right: 10px !important;} .mr-lg-20, .mx-lg-20 {margin-right: 20px !important;} .mr-lg-30, .mx-lg-30 {margin-right: 30px !important;} .mr-lg-40, .mx-lg-40 {margin-right: 40px !important;} .mr-lg-50, .mx-lg-50 {margin-right: 50px !important;} .mr-lg-60, .mx-lg-60 {margin-right: 60px !important;} .mr-lg-70, .mx-lg-70 {margin-right: 70px !important;} .mr-lg-80, .mx-lg-80 {margin-right: 80px !important;} .mr-lg-90, .mx-lg-90 {margin-right: 90px !important;} .mr-lg-100, .mx-lg-100 {margin-right: 100px !important;} .mr-lg-110, .mx-lg-110 {margin-right: 110px !important;} .mr-lg-120, .mx-lg-120 {margin-right: 120px !important;} .pt-lg-10, .py-lg-10 {padding-top: 10px !important;} .pt-lg-20, .py-lg-20 {padding-top: 20px !important;} .pt-lg-30, .py-lg-30 {padding-top: 30px !important;} .pt-lg-40, .py-lg-40 {padding-top: 40px !important;} .pt-lg-50, .py-lg-50 {padding-top: 50px !important;} .pt-lg-60, .py-lg-60 {padding-top: 60px !important;} .pt-lg-70, .py-lg-70 {padding-top: 70px !important;} .pt-lg-80, .py-lg-80 {padding-top: 80px !important;} .pt-lg-90, .py-lg-90 {padding-top: 90px !important;} .pt-lg-100, .py-lg-100 {padding-top: 100px !important;} .pt-lg-110, .py-lg-110 {padding-top: 110px !important;} .pt-lg-120, .py-lg-120 {padding-top: 120px !important;} .pb-lg-10, .py-lg-10 {padding-bottom: 10px !important;} .pb-lg-20, .py-lg-20 {padding-bottom: 20px !important;} .pb-lg-30, .py-lg-30 {padding-bottom: 30px !important;} .pb-lg-40, .py-lg-40 {padding-bottom: 40px !important;} .pb-lg-50, .py-lg-50 {padding-bottom: 50px !important;} .pb-lg-60, .py-lg-60 {padding-bottom: 60px !important;} .pb-lg-70, .py-lg-70 {padding-bottom: 70px !important;} .pb-lg-80, .py-lg-80 {padding-bottom: 80px !important;} .pb-lg-90, .py-lg-90 {padding-bottom: 90px !important;} .pb-lg-100, .py-lg-100 {padding-bottom: 100px !important;} .pb-lg-110, .py-lg-110 {padding-bottom: 110px !important;} .pb-lg-120, .py-lg-120 {padding-bottom: 120px !important;} .pl-lg-10, .px-lg-10 {padding-left: 10px !important;} .pl-lg-20, .px-lg-20 {padding-left: 20px !important;} .pl-lg-30, .px-lg-30 {padding-left: 30px !important;} .pl-lg-40, .px-lg-40 {padding-left: 40px !important;} .pl-lg-50, .px-lg-50 {padding-left: 50px !important;} .pl-lg-60, .px-lg-60 {padding-left: 60px !important;} .pl-lg-70, .px-lg-70 {padding-left: 70px !important;} .pl-lg-80, .px-lg-80 {padding-left: 80px !important;} .pl-lg-90, .px-lg-90 {padding-left: 90px !important;} .pl-lg-100, .px-lg-100 {padding-left: 100px !important;} .pl-lg-110, .px-lg-110 {padding-left: 110px !important;} .pl-lg-120, .px-lg-120 {padding-left: 120px !important;} .pr-lg-10, .px-lg-10 {padding-right: 10px !important;} .pr-lg-20, .px-lg-20 {padding-right: 20px !important;} .pr-lg-30, .px-lg-30 {padding-right: 30px !important;} .pr-lg-40, .px-lg-40 {padding-right: 40px !important;} .pr-lg-50, .px-lg-50 {padding-right: 50px !important;} .pr-lg-60, .px-lg-60 {padding-right: 60px !important;} .pr-lg-70, .px-lg-70 {padding-right: 70px !important;} .pr-lg-80, .px-lg-80 {padding-right: 80px !important;} .pr-lg-90, .px-lg-90 {padding-right: 90px !important;} .pr-lg-100, .px-lg-100 {padding-right: 100px !important;} .pr-lg-110, .px-lg-110 {padding-right: 110px !important;} .pr-lg-120, .px-lg-120 {padding-right: 120px !important;} } @media (min-width: 1200px) { .mt-xl-10, .my-xl-10 {margin-top: 10px !important;} .mt-xl-20, .my-xl-20 {margin-top: 20px !important;} .mt-xl-30, .my-xl-30 {margin-top: 30px !important;} .mt-xl-40, .my-xl-40 {margin-top: 40px !important;} .mt-xl-50, .my-xl-50 {margin-top: 50px !important;} .mt-xl-60, .my-xl-60 {margin-top: 60px !important;} .mt-xl-70, .my-xl-70 {margin-top: 70px !important;} .mt-xl-80, .my-xl-80 {margin-top: 80px !important;} .mt-xl-90, .my-xl-90 {margin-top: 90px !important;} .mt-xl-100, .my-xl-100 {margin-top: 100px !important;} .mt-xl-110, .my-xl-110 {margin-top: 110px !important;} .mt-xl-120, .my-xl-120 {margin-top: 120px !important;} .mb-xl-10, .my-xl-10 {margin-bottom: 10px !important;} .mb-xl-20, .my-xl-20 {margin-bottom: 20px !important;} .mb-xl-30, .my-xl-30 {margin-bottom: 30px !important;} .mb-xl-40, .my-xl-40 {margin-bottom: 40px !important;} .mb-xl-50, .my-xl-50 {margin-bottom: 50px !important;} .mb-xl-60, .my-xl-60 {margin-bottom: 60px !important;} .mb-xl-70, .my-xl-70 {margin-bottom: 70px !important;} .mb-xl-80, .my-xl-80 {margin-bottom: 80px !important;} .mb-xl-90, .my-xl-90 {margin-bottom: 90px !important;} .mb-xl-100, .my-xl-100 {margin-bottom: 100px !important;} .mb-xl-110, .my-xl-110 {margin-bottom: 110px !important;} .mb-xl-120, .my-xl-120 {margin-bottom: 120px !important;} .ml-xl-10, .mx-xl-10 {margin-left: 10px !important;} .ml-xl-20, .mx-xl-20 {margin-left: 20px !important;} .ml-xl-30, .mx-xl-30 {margin-left: 30px !important;} .ml-xl-40, .mx-xl-40 {margin-left: 40px !important;} .ml-xl-50, .mx-xl-50 {margin-left: 50px !important;} .ml-xl-60, .mx-xl-60 {margin-left: 60px !important;} .ml-xl-70, .mx-xl-70 {margin-left: 70px !important;} .ml-xl-80, .mx-xl-80 {margin-left: 80px !important;} .ml-xl-90, .mx-xl-90 {margin-left: 90px !important;} .ml-xl-100, .mx-xl-100 {margin-left: 100px !important;} .ml-xl-110, .mx-xl-110 {margin-left: 110px !important;} .ml-xl-120, .mx-xl-120 {margin-left: 120px !important;} .mr-xl-10, .mx-xl-10 {margin-right: 10px !important;} .mr-xl-20, .mx-xl-20 {margin-right: 20px !important;} .mr-xl-30, .mx-xl-30 {margin-right: 30px !important;} .mr-xl-40, .mx-xl-40 {margin-right: 40px !important;} .mr-xl-50, .mx-xl-50 {margin-right: 50px !important;} .mr-xl-60, .mx-xl-60 {margin-right: 60px !important;} .mr-xl-70, .mx-xl-70 {margin-right: 70px !important;} .mr-xl-80, .mx-xl-80 {margin-right: 80px !important;} .mr-xl-90, .mx-xl-90 {margin-right: 90px !important;} .mr-xl-100, .mx-xl-100 {margin-right: 100px !important;} .mr-xl-110, .mx-xl-110 {margin-right: 110px !important;} .mr-xl-120, .mx-xl-120 {margin-right: 120px !important;} .pt-xl-10, .py-xl-10 {padding-top: 10px !important;} .pt-xl-20, .py-xl-20 {padding-top: 20px !important;} .pt-xl-30, .py-xl-30 {padding-top: 30px !important;} .pt-xl-40, .py-xl-40 {padding-top: 40px !important;} .pt-xl-50, .py-xl-50 {padding-top: 50px !important;} .pt-xl-60, .py-xl-60 {padding-top: 60px !important;} .pt-xl-70, .py-xl-70 {padding-top: 70px !important;} .pt-xl-80, .py-xl-80 {padding-top: 80px !important;} .pt-xl-90, .py-xl-90 {padding-top: 90px !important;} .pt-xl-100, .py-xl-100 {padding-top: 100px !important;} .pt-xl-110, .py-xl-110 {padding-top: 110px !important;} .pt-xl-120, .py-xl-120 {padding-top: 120px !important;} .pb-xl-10, .py-xl-10 {padding-bottom: 10px !important;} .pb-xl-20, .py-xl-20 {padding-bottom: 20px !important;} .pb-xl-30, .py-xl-30 {padding-bottom: 30px !important;} .pb-xl-40, .py-xl-40 {padding-bottom: 40px !important;} .pb-xl-50, .py-xl-50 {padding-bottom: 50px !important;} .pb-xl-60, .py-xl-60 {padding-bottom: 60px !important;} .pb-xl-70, .py-xl-70 {padding-bottom: 70px !important;} .pb-xl-80, .py-xl-80 {padding-bottom: 80px !important;} .pb-xl-90, .py-xl-90 {padding-bottom: 90px !important;} .pb-xl-100, .py-xl-100 {padding-bottom: 100px !important;} .pb-xl-110, .py-xl-110 {padding-bottom: 110px !important;} .pb-xl-120, .py-xl-120 {padding-bottom: 120px !important;} .pl-xl-10, .px-xl-10 {padding-left: 10px !important;} .pl-xl-20, .px-xl-20 {padding-left: 20px !important;} .pl-xl-30, .px-xl-30 {padding-left: 30px !important;} .pl-xl-40, .px-xl-40 {padding-left: 40px !important;} .pl-xl-50, .px-xl-50 {padding-left: 50px !important;} .pl-xl-60, .px-xl-60 {padding-left: 60px !important;} .pl-xl-70, .px-xl-70 {padding-left: 70px !important;} .pl-xl-80, .px-xl-80 {padding-left: 80px !important;} .pl-xl-90, .px-xl-90 {padding-left: 90px !important;} .pl-xl-100, .px-xl-100 {padding-left: 100px !important;} .pl-xl-110, .px-xl-110 {padding-left: 110px !important;} .pl-xl-120, .px-xl-120 {padding-left: 120px !important;} .pr-xl-10, .px-xl-10 {padding-right: 10px !important;} .pr-xl-20, .px-xl-20 {padding-right: 20px !important;} .pr-xl-30, .px-xl-30 {padding-right: 30px !important;} .pr-xl-40, .px-xl-40 {padding-right: 40px !important;} .pr-xl-50, .px-xl-50 {padding-right: 50px !important;} .pr-xl-60, .px-xl-60 {padding-right: 60px !important;} .pr-xl-70, .px-xl-70 {padding-right: 70px !important;} .pr-xl-80, .px-xl-80 {padding-right: 80px !important;} .pr-xl-90, .px-xl-90 {padding-right: 90px !important;} .pr-xl-100, .px-xl-100 {padding-right: 100px !important;} .pr-xl-110, .px-xl-110 {padding-right: 110px !important;} .pr-xl-120, .px-xl-120 {padding-right: 120px !important;} } /* parsed main.scss */ .align-center{text-align:center !important}.align-left{text-align:left !important}.align-right{text-align:right !important}.left{float:left !important}.right{float:right !important}.relative{position:relative}.hidden{display:none}.inline-block{display:inline-block}.white{color:#fff !important}.black{color:#111 !important}.color{color:#e41919 !important}.glass{opacity:0.5}.image-fullwidth img{width:100%}.stick-fixed{position:fixed !important;top:0;left:0}.round{-webkit-border-radius:2px !important;-moz-border-radius:2px !important;border-radius:2px !important}::-moz-selection{color:#fff;background:#000}::-webkit-selection{color:#fff;background:#000}::selection{color:#fff;background:#000}.animate,.animate *{-webkit-transition:all 0.27s cubic-bezier(0, 0, 0.58, 1);-moz-transition:all 0.27s cubic-bezier(0, 0, 0.58, 1);-o-transition:all 0.27s cubic-bezier(0, 0, 0.58, 1);-ms-transition:all 0.27s cubic-bezier(0, 0, 0.58, 1);transition:all 0.27s cubic-bezier(0, 0, 0.58, 1)}.no-animate,.no-animate *{-webkit-transition:0 none !important;-moz-transition:0 none !important;-ms-transition:0 none !important;-o-transition:0 none !important;transition:0 none !important}.shadow{-webkit-box-shadow:0px 3px 50px rgba(0, 0, 0, 0.15);-moz-box-shadow:0px 3px 50px rgba(0, 0, 0, 0.15);box-shadow:0px 3px 50px rgba(0, 0, 0, 0.15)}.white-shadow{-webkit-box-shadow:0px 0px 200px rgba(255, 255, 255, 0.2);-moz-box-shadow:0px 0px 200px rgba(255, 255, 255, 0.2);box-shadow:0px 0px 200px rgba(255, 255, 255, 0.2)}.clearlist,.clearlist li{list-style:none;padding:0;margin:0;background:none}.full-wrapper{margin:0 2%}.container-fluid{max-width:1170px;margin:0 auto;padding:0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.container-1400{max-width:1400px;margin:0 auto;padding-left:2%;padding-right:2%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{overflow-y:scroll;-ms-overflow-style:scrollbar}html,body{height:100%;-webkit-font-smoothing:antialiased}.page{overflow:hidden}.body-masked{display:none;width:100%;height:100%;position:fixed;top:0;left:0;background:#fff url("../images/loader.gif") no-repeat center center;z-index:100000}.mask-delay{-webkit-animation-delay:0.75s;-moz-animation-delay:0.75s;animation-delay:0.75s}.mask-speed{-webkit-animation-duration:0.25s !important;-moz-animation-duration:0.25s !important;animation-duration:0.25s !important}iframe{border:none}a,b,div,ul,li{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent;-moz-outline-:none}a:focus:not(.focus-visible),a:active{-moz-outline:none;outline:none}a:focus.focus-visible,button:focus.focus-visible,div:focus.focus-visible{-moz-outline:2px dotted #36a367 !important;outline:2px dotted #36a367 !important;outline-offset:0 !important}img:not([draggable]),embed,object,video{} /* animate.min.css */ @charset "UTF-8";/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-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}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-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}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-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}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-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}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-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}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-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}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /* navik.menu.css */ /** Navik - HTML header navigation menu - v1.4.2 Copyright (c) 2020, Pophonic Author: Pophonic Profile: https://codecanyon.net/user/pophonic **/ /*************************************************** Default menu ****************************************************/ .navik-header { position: relative; z-index: 99; box-sizing: border-box; font-size: 16px; line-height: 1.428572; background-color: #fff; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } .navik-header *, .navik-header *::before, .navik-header *::after { box-sizing: border-box; } .navik-header::before, .navik-header::after { box-sizing: border-box; } .navik-header ul { margin-bottom: inherit; } .navik-header img { max-width: 100%; height: auto; vertical-align: top; } .navik-header a:hover, .navik-header a:focus, .navik-header a:active { text-decoration: none; outline: none; } .navik-header .logo { padding: 30px 40px; text-align: center; } .navik-header .logo img { max-width: 100%; height: auto; } .navik-header-container { position: relative; } .navik-menu > ul { display: none; padding: 0 0 20px; } .navik-menu ul li { position: relative; } .navik-menu ul li > a { display: block; padding: 14px 15px; font-family: "Fira Sans", sans-serif; font-size: 15px; color: #212121; text-decoration: none; text-transform: uppercase; transition: all 0.2s ease-in-out; } .navik-menu ul li.current-menu > a, .navik-menu ul li:hover > a { color: #26c6da; background-color: #f6f6f6; } .navik-menu ul ul li > a { padding: 14px 15px 14px 30px; font-size: 14px; font-style: italic; text-transform: inherit; background-color: #efefef; } .navik-menu ul ul li:hover > a { background-color: #efefef; } .navik-menu ul ul ul li > a { padding: 14px 15px 14px 45px; } .navik-menu li > ul { display: none; } .dropdown-plus { position: absolute; top: 0; right: 0; width: 49px; height: 49px; line-height: 49px; cursor: pointer; } .dropdown-plus::before, .dropdown-plus::after { position: absolute; top: 24px; right: 18px; width: 13px; height: 1px; content: ""; background-color: #111; } .dropdown-plus::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .dropdown-plus.dropdown-open::after { display: none; } .header-shadow-wrapper { position: absolute; top: 100%; left: 0; z-index: -1; width: 100%; height: 30px; overflow: hidden; } .header-shadow-wrapper::after { position: relative; top: -60px; display: block; width: 100%; height: 60px; content: ""; border-radius: 50%; box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.1); } /*************************************************** Burger menu ****************************************************/ .burger-menu { position: absolute; top: 35px; right: 14px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; width: 20px; height: 17px; cursor: pointer; transition: -webkit-transform 330ms ease-out; transition: transform 330ms ease-out; transition: transform 330ms ease-out, -webkit-transform 330ms ease-out; } .burger-menu.menu-open { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .line-menu { width: 100%; height: 3px; background-color: #111; border-radius: 2px; } .line-menu.line-half { width: 50%; } .line-menu.first-line { -webkit-transform-origin: right; transform-origin: right; transition: -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57), -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); } .line-menu.last-line { -ms-flex-item-align: end; align-self: flex-end; -webkit-transform-origin: left; transform-origin: left; transition: -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57), -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); } .menu-open .line-menu.first-line { -webkit-transform: rotate(-90deg) translateX(3px); transform: rotate(-90deg) translateX(3px); } .menu-open .line-menu.last-line { -webkit-transform: rotate(-90deg) translateX(-3px); transform: rotate(-90deg) translateX(-3px); } /*************************************************** Center menu ****************************************************/ .logoCenter { display: none; } .center-menu-1 .navik-menu > ul:first-child { padding: 0; } /*************************************************** Dark version menu ****************************************************/ .navik-header.header-dark { background-color: #111; } .navik-header.header-dark .line-menu, .navik-header.header-dark .dropdown-plus::before, .navik-header.header-dark .dropdown-plus::after { background-color: #fff; } .header-dark .navik-menu ul li > a { color: #fff; } .header-dark .navik-menu ul li.current-menu > a, .header-dark .navik-menu ul li:hover > a { color: #26c6da; background-color: #313131; } .header-dark .navik-menu ul ul li > a { color: #c1c1c1; background-color: #212121; } /*************************************************** Overlay dropdown plus ****************************************************/ .overlay-dropdown-plus { position: absolute; top: 6px; right: 30px; width: 20px; height: 20px; line-height: 20px; cursor: pointer; opacity: 0; } .overlay-dropdown-plus::before, .overlay-dropdown-plus::after { position: absolute; top: 9px; right: 5px; width: 10px; height: 2px; content: ""; background-color: #616161; } .overlay-dropdown-plus::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .overlay-dropdown-plus.overlay-dropdown-open::after { display: none; } /*************************************************** Overlay menu ****************************************************/ .navik-header-overlay { position: absolute; top: 0; left: 0; width: 100%; font-size: 16px; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } .navik-header-overlay .navik-header-container { position: inherit; } .navik-header-overlay img { max-width: 100%; height: auto; vertical-align: top; } .navik-header-overlay a:hover, .navik-header-overlay a:focus, .navik-header-overlay a:active { text-decoration: none; outline: none; } .navik-header-overlay .logo { position: absolute; top: 30px; left: 15px; z-index: 2; } .navik-header-overlay .burger-menu { position: fixed; top: 30px; right: 15px; z-index: 99999; display: block; -ms-flex-direction: inherit; flex-direction: inherit; -ms-flex-pack: inherit; justify-content: inherit; width: 50px; height: 47px; padding: 15px; background: #111; transition: all 0.2s ease-in-out; } .navik-header-overlay .burger-menu:hover { box-shadow: 0 0 25px -1px rgba(0, 0, 0, 0.4); } .navik-header-overlay .burger-menu > span { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 17px; transition: -webkit-transform 330ms ease-out; transition: transform 330ms ease-out; transition: transform 330ms ease-out, -webkit-transform 330ms ease-out; } .navik-header-overlay .burger-menu.menu-open { -webkit-transform: rotate(0); transform: rotate(0); } .navik-header-overlay .burger-menu.menu-open > span { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .navik-header-overlay .line-menu { background-color: #fff; } .nav-menu-wrapper { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; overflow: hidden; overflow-y: auto; visibility: hidden; background-color: #fff; opacity: 0; transition: all 0.3s ease-in-out; } .nav-menu-wrapper.overlay-menu-open { visibility: visible; opacity: 1; } .navik-menu-overlay { position: relative; display: table; width: 100%; height: 100%; } .navik-menu-overlay > ul { display: table-cell; padding: 80px 0 100px; text-align: right; vertical-align: middle; } .navik-menu-overlay > ul > li { position: relative; padding: 0 65px 0 15px; margin-bottom: 12px; } .navik-menu-overlay > ul > li:last-child { margin-bottom: 0; } .navik-menu-overlay > ul > li > .menu-overlay-link a { display: inline-block; font-size: 28px; font-weight: 800; line-height: 1.2em; color: #212121; text-transform: uppercase; transition: color 0.2s ease-in-out; } .navik-menu-overlay > ul > li > ul { display: none; padding: 10px 0 20px; } .navik-menu-overlay > ul > li > ul > li { position: relative; } .navik-menu-overlay > ul > li > ul > li::after { position: absolute; top: 3px; left: -18px; width: 1px; height: 13px; content: ""; background-color: #d1d1d1; -webkit-transform: rotate(30deg); transform: rotate(30deg); } .navik-menu-overlay > ul > li > ul > li:first-child { margin-left: 0; } .navik-menu-overlay > ul > li > ul > li:first-child::after { display: none; } .navik-menu-overlay > ul > li.menuFade > .menu-overlay-link a, .navik-menu-overlay > ul > li.menuFade > .menu-overlay-link .overlay-dropdown-plus { opacity: 0; } .navik-menu-overlay > ul > li.menuFade > ul { opacity: 0; } .navik-menu-overlay > ul > li li { display: inline; } .navik-menu-overlay > ul > li.menuSlideIn .menu-overlay-link .overlay-dropdown-plus { -webkit-animation-name: menuFadeIn; animation-name: menuFadeIn; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .navik-menu-overlay > ul > li.menuSlideOut .menu-overlay-link .overlay-dropdown-plus { -webkit-animation-name: subMenuFadeOut; animation-name: subMenuFadeOut; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .navik-menu-overlay > ul ul { display: inline; } .navik-menu-overlay > ul ul li { margin-left: 32px; } .navik-menu-overlay > ul ul li a { font-size: 14px; font-style: italic; color: #818181; white-space: nowrap; transition: color 0.2s ease-in-out; } .navik-menu-overlay > ul ul li a:hover { color: #26c6da !important; } .navik-menu-overlay ul li a { font-family: "Fira Sans", sans-serif; text-decoration: none; } .navik-menu-overlay.submenu-no-separate > ul > li > ul li::after { display: none !important; } .navik-menu-overlay.submenu-no-separate > ul ul li { margin-left: 20px; } .navik-menu-overlay > ul > li > .menu-overlay-link a:hover, .navik-menu-overlay > ul > li.current-menu > .menu-overlay-link a, .overlay-menu-hover > .menu-overlay-link a, .overlay-dropdown-plus:hover + a { color: #26c6da !important; } @-webkit-keyframes menuFadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-80px, 0, 0); transform: translate3d(-80px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes menuFadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-80px, 0, 0); transform: translate3d(-80px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes menuFadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes menuFadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes subMenuFadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes subMenuFadeOut { from { opacity: 1; } to { opacity: 0; } } .navik-menu-overlay > ul > li.menuSlideIn > .menu-overlay-link a, .navik-menu-overlay > ul > li.menuSlideIn > ul { -webkit-animation-name: menuFadeInLeft; animation-name: menuFadeInLeft; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .navik-menu-overlay > ul > li.menuSlideIn > ul { opacity: 1; -webkit-animation-name: menuFadeIn; animation-name: menuFadeIn; } } @supports (-ms-accelerator: true) { .navik-menu-overlay > ul > li.menuSlideIn > ul { opacity: 1; -webkit-animation-name: menuFadeIn; animation-name: menuFadeIn; } } .overlay-center-menu .navik-menu-overlay > ul { text-align: center; } .overlay-center-menu .navik-menu-overlay > ul > li { padding: 0 15px; } .overlay-center-menu .navik-menu-overlay > ul > li.menuSlideIn .menu-overlay-link .overlay-dropdown-plus { -webkit-animation-delay: 0s; animation-delay: 0s; } .overlay-center-menu .navik-menu-overlay > ul > li.menuSlideIn > .menu-overlay-link a { -webkit-animation-name: menuFadeIn; animation-name: menuFadeIn; } .overlay-center-menu .navik-menu-overlay > ul > li.menuSlideIn > ul { -webkit-animation-name: menuFadeIn; animation-name: menuFadeIn; } .overlay-center-menu .navik-menu-overlay > ul > li > ul { padding: 15px 0 21px; } .overlay-center-menu .menu-overlay-link { position: relative; display: inline-block; } .overlay-center-menu .overlay-dropdown-plus { right: -30px; } .overlay-submenu-close > li { -webkit-animation-name: subMenuFadeOut; animation-name: subMenuFadeOut; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /*************************************************** Overlay menu submenu vertical ****************************************************/ .submenu-vertical > ul ul li { margin-left: 0 !important; } .submenu-vertical > ul > li > ul li { position: relative; display: block; margin-bottom: 5px; } .submenu-vertical > ul > li > ul li:last-child { margin-bottom: 0 !important; } .submenu-vertical > ul > li > ul li .overlay-dropdown-plus { top: 1px; right: -35px; } .submenu-vertical > ul > li > ul ul { display: none; padding-top: 5px; } .submenu-vertical > ul > li > ul > li::after { display: none; } .submenu-vertical > ul > li.menuFade > ul { opacity: 1; } .submenu-vertical > ul > li.menuSlideIn > ul { -webkit-animation-name: none; animation-name: none; } .submenu-vertical > ul > li.menuSlideIn ul:not(.overlay-submenu-close) a { display: inline-block; -webkit-animation-name: menuFadeInLeft; animation-name: menuFadeInLeft; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .submenu-vertical > ul > li ul { position: relative; right: -30px; padding-right: 30px !important; } .submenu-vertical > ul > li ul:not(.overlay-submenu-close) a { opacity: 0; } .submenu-vertical > ul > li.menuSlideOut li a { -webkit-animation-name: subMenuFadeOut; animation-name: subMenuFadeOut; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .overlay-center-menu .submenu-vertical > ul > li > ul li .overlay-dropdown-plus { right: -30px; } .overlay-center-menu .submenu-vertical > ul > li ul { right: 0 !important; padding-right: 0 !important; } .overlay-center-menu .submenu-vertical > ul > li.menuSlideIn ul:not(.overlay-submenu-close) a { -webkit-animation-name: menuFadeIn; animation-name: menuFadeIn; } /*************************************************** Overlay menu social media ****************************************************/ .menu-social-media { position: absolute; right: 0; bottom: 24px; width: 100%; padding: 0 65px; font-size: 0; text-align: right; } .menu-social-media a { position: relative; display: inline-block; width: 30px; height: 30px; margin: 0 0 6px 6px; border: 3px solid #212121; border-radius: 50%; transition: opacity 0.2s ease-in-out; } .menu-social-media a:hover { opacity: 0.8; } .menu-social-media a img { position: absolute; top: 50%; left: 50%; width: auto; height: 14px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .overlay-center-menu .menu-social-media { padding: 0 15px; text-align: center; } .overlay-center-menu .menu-social-media a { margin: 0 3px 6px; } /*************************************************** Overlay slide menu ****************************************************/ .menu-slide .navik-menu-overlay > ul { display: block; padding: 120px 0 100px; text-align: left; } .menu-slide .navik-menu-overlay > ul > li { padding: 0 35px 0 30px; } .menu-slide .navik-menu-overlay > ul > li > ul { padding-top: 25px; } .menu-slide .navik-menu-overlay > ul > li > ul ul { display: none; padding-top: 5px; padding-left: 20px; } .menu-slide .navik-menu-overlay > ul > li > ul li { position: relative; margin-bottom: 5px; margin-left: 0 !important; } .menu-slide .navik-menu-overlay > ul > li > ul > li::after { display: none; } .menu-slide .navik-menu-overlay > ul > li ul .overlay-dropdown-plus { top: -1px; right: -5px; } .menu-slide .navik-menu-overlay > ul > li.menuSlideIn > ul { opacity: 1; -webkit-animation-name: none; animation-name: none; } .menu-slide .navik-menu-overlay > ul > li.menuSlideIn .menu-overlay-link .overlay-dropdown-plus { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; } .menu-slide .navik-menu-overlay > ul > li li { display: block; } .menu-slide .navik-menu-overlay > ul ul li a { position: relative; display: block; padding-left: 20px; transition: all 0.2s ease-in-out; } .menu-slide .navik-menu-overlay > ul ul li a::before { position: absolute; top: 2px; left: 5px; width: 1px; height: 13px; content: ""; background-color: #d1d1d1; -webkit-transform: rotate(30deg); transform: rotate(30deg); } .menu-slide .navik-menu-overlay > ul ul li a:hover { padding-left: 30px; } .menu-slide .navik-menu-overlay > ul ul:not(.overlay-submenu-close) a { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .menu-slide .navik-menu-overlay.submenu-no-separate > ul ul li a { padding-left: 15px; } .menu-slide .navik-menu-overlay.submenu-no-separate > ul ul li a::before { display: none !important; } .menu-slide .navik-menu-overlay.submenu-no-separate > ul ul li a:hover { padding-left: 25px; } .menu-slide .navik-menu-overlay .menu-overlay-link { padding-right: 30px; } .menu-slide .nav-menu-wrapper { right: 0; left: inherit; width: 320px; visibility: visible; opacity: 1; -webkit-transform: translateX(100%); transform: translateX(100%); transition-duration: 0.4s; } .menu-slide .nav-menu-wrapper.overlay-menu-open { box-shadow: -15px 0 60px -5px rgba(0, 0, 0, 0.3); -webkit-transform: translateX(0); transform: translateX(0); } .menu-slide .menu-social-media { right: inherit; left: 0; padding: 0 30px; text-align: left; } .menu-slide .menu-social-media a { margin: 0 6px 6px 0; } .slidemenu-bg-overlay { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; visibility: hidden; background-color: rgba(0, 0, 0, 0.6); opacity: 0; transition: all 0.3s ease-in-out; transition-delay: 0.1s; } .overlay-menu-open + .slidemenu-bg-overlay { visibility: visible; opacity: 1; transition-delay: 0s; } @-webkit-keyframes menuFadeInRight { from { opacity: 0; -webkit-transform: translate3d(40px, 0, 0); transform: translate3d(40px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes menuFadeInRight { from { opacity: 0; -webkit-transform: translate3d(40px, 0, 0); transform: translate3d(40px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .menu-slide .navik-menu-overlay > ul > li.menuSlideIn > .menu-overlay-link a, .menu-slide .navik-menu-overlay > ul > li.menuSlideIn ul:not(.overlay-submenu-close) a { -webkit-animation-name: menuFadeInRight; animation-name: menuFadeInRight; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /*************************************************** Overlay menu dark ****************************************************/ .header-dark .nav-menu-wrapper { background-color: #111; } .header-dark .navik-menu-overlay > ul > li > .menu-overlay-link a { color: #fff; } .header-dark .navik-menu-overlay > ul ul li a { color: #a1a1a1; } .header-dark .overlay-dropdown-plus::before, .header-dark .overlay-dropdown-plus::after { background-color: #717171; } .header-dark .menu-social-media a { border-color: #fff; opacity: 0.2; } .header-dark .menu-social-media a:hover { opacity: 1; } .navik-header-overlay.header-dark .burger-menu.menu-open { background-color: #000; } .header-dark .navik-menu-overlay > ul > li > ul > li::after, .menu-slide.header-dark .navik-menu-overlay > ul ul li a::before { background-color: #515151 !important; } /*************************************************** Overlay menu background color ****************************************************/ .header-color-bg .nav-menu-wrapper { background-color: #006aa1; } .header-color-bg .navik-menu-overlay > ul > li > .menu-overlay-link a { color: #fff; } .header-color-bg .navik-menu-overlay > ul ul li a { color: #fff; } .header-color-bg .menu-social-media a { border-color: #fff; } .header-color-bg .navik-menu-overlay > ul > li > ul li::after, .header-color-bg .overlay-dropdown-plus::before, .header-color-bg .overlay-dropdown-plus::after, .menu-slide.header-color-bg .navik-menu-overlay > ul ul li a::before { background-color: #fff !important; } .header-color-bg .navik-menu-overlay > ul > li.current-menu > .menu-overlay-link a, .header-color-bg .overlay-dropdown-plus:hover + a, .header-color-bg .overlay-menu-hover > .menu-overlay-link a { color: #fff !important; } .header-color-bg .navik-menu-overlay > ul > li > .menu-overlay-link a:hover, .header-color-bg .navik-menu-overlay > ul ul li a:hover { color: rgba(255, 255, 255, 0.8) !important; } /*************************************************** Overlay menu background image ****************************************************/ .header-bg-image .nav-menu-wrapper { background-color: inherit; background-image: url("../../../examples/demo/images/overlay-menu-bg.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; } .header-bg-image .navik-menu-overlay > ul > li > .menu-overlay-link a { color: #fff; } .header-bg-image .navik-menu-overlay > ul > li > ul > li::after { background-color: rgba(255, 255, 255, 0.25) !important; } .header-bg-image .navik-menu-overlay > ul ul li a { color: rgba(255, 255, 255, 0.6); } .header-bg-image .overlay-dropdown-plus::before, .header-bg-image .overlay-dropdown-plus::after { background-color: #fff; } .header-bg-image .menu-social-media a { border-color: #fff; } .header-bg-image .menu-social-media a:hover { opacity: 0.6; } /*************************************************** Fixed sidebar menu ****************************************************/ .navik-fixed-sidebar { position: fixed; top: 0; z-index: 9999999; width: 250px; height: 100%; overflow-y: auto; background-color: #fff; transition: all 0.4s ease-in-out; } .navik-fixed-sidebar + .burger-menu { position: fixed; top: 30px; right: 15px; z-index: 9999999; display: block; -ms-flex-direction: inherit; flex-direction: inherit; -ms-flex-pack: inherit; justify-content: inherit; width: 50px; height: 47px; padding: 15px; background: #111; transition: all 0.2s ease-in-out; } .navik-fixed-sidebar + .burger-menu > span { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 17px; transition: -webkit-transform 330ms ease-out; transition: transform 330ms ease-out; transition: transform 330ms ease-out, -webkit-transform 330ms ease-out; } .navik-fixed-sidebar + .burger-menu .line-menu { background-color: #fff; } .navik-fixed-sidebar + .burger-menu.menu-open { -webkit-transform: rotate(0); transform: rotate(0); } .navik-fixed-sidebar + .burger-menu.menu-open > span { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .navik-fixed-sidebar .navik-header-container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; padding: 0 28px; } .navik-fixed-sidebar .menu-social-media { position: inherit; bottom: inherit; -ms-flex-item-align: end; align-self: flex-end; padding: 0 0 30px !important; text-align: left; } .navik-fixed-sidebar .menu-social-media a { margin: 0 6px 6px 0; } .navik-fixed-sidebar .menu-social-media a:last-child { margin-right: 0; } .navik-fixed-sidebar .logo { display: none; padding: 70px 0; } .body-fixed-sidebar { overflow-x: hidden; } .navik-sidebar-left { left: 0; box-shadow: 2px 0 12px -2px rgba(0, 0, 0, 0.15); -webkit-transform: translateX(-100%); transform: translateX(-100%); } .navik-sidebar-left.fixed-sidebar-open { -webkit-transform: translateX(0%); transform: translateX(0%); } .navik-sidebar-left.fixed-sidebar-open ~ .navik-side-content { -webkit-transform: translateX(125px); transform: translateX(125px); } .navik-sidebar-left + .burger-menu { top: 0; right: inherit; left: 0; } .navik-sidebar-right { right: 0; box-shadow: -2px 0 12px -2px rgba(0, 0, 0, 0.15); -webkit-transform: translateX(100%); transform: translateX(100%); } .navik-sidebar-right.fixed-sidebar-open { -webkit-transform: translateX(0%); transform: translateX(0%); } .navik-sidebar-right.fixed-sidebar-open ~ .navik-side-content { -webkit-transform: translateX(-125px); transform: translateX(-125px); } .navik-sidebar-right + .burger-menu { top: 0; right: 0; } .fixedsidebar-bg-overlay { position: fixed; top: 0; left: 0; z-index: 999999; width: 100%; height: 100%; visibility: hidden; background-color: rgba(0, 0, 0, 0.6); opacity: 0; transition: all 0.3s ease-in-out; } .navik-side-content { transition: all 0.4s ease-in-out; } .navik-side-content > .logo { position: fixed; top: 0; left: 0; z-index: 99999; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 47px; padding: 0 50px; text-align: center; background-color: #fff; box-shadow: 0 2px 12px -2px rgba(0, 0, 0, 0.15); } .navik-side-content > .logo img { width: auto; max-width: inherit; max-height: 47px; } .fixed-sidebar-open ~ .fixedsidebar-bg-overlay { visibility: visible; opacity: 1; } .fixed-menu-wrap { width: 100%; } .navik-menu-fixed { padding-top: 90px; } .navik-menu-fixed ul li { position: relative; } .navik-menu-fixed ul li a { display: block; padding-right: 17px; font-family: "Fira Sans", sans-serif; transition: all 0.2s ease-in-out; } .navik-menu-fixed > ul { margin-bottom: 40px; } .navik-menu-fixed > ul > li { margin-bottom: 14px; } .navik-menu-fixed > ul > li:last-child { margin-bottom: 0; } .navik-menu-fixed > ul > li > a { font-size: 18px; font-weight: 700; color: #212121; text-transform: uppercase; } .navik-menu-fixed > ul > li > ul { padding: 27px 0 15px; } .navik-menu-fixed > ul > li > ul ul { padding-top: 6px; } .navik-menu-fixed > ul > li > ul > li ul { padding-left: 18px; } .navik-menu-fixed > ul ul { display: none; opacity: 0; transition: opacity 0.3s ease-in-out; } .navik-menu-fixed > ul ul.submenu-collapse { opacity: 1; } .navik-menu-fixed > ul ul li { margin-bottom: 6px; } .navik-menu-fixed > ul ul li:last-child { margin-bottom: 0; } .navik-menu-fixed > ul ul a { position: relative; padding-left: 18px; font-size: 14px; font-style: italic; color: #818181; } .navik-menu-fixed > ul ul a::before { position: absolute; top: 3px; left: 4px; width: 1px; height: 12px; content: ""; background-color: #d1d1d1; -webkit-transform: rotate(30deg); transform: rotate(30deg); } .navik-menu-fixed > ul ul a:hover { padding-left: 24px; } .navik-menu-fixed > ul ul .overlay-dropdown-plus { top: -3px; } .navik-menu-fixed .overlay-dropdown-plus { top: -1px; right: -7px; opacity: 1; } .navik-menu-fixed.submenu-no-separate > ul ul a { padding-left: 12px; } .navik-menu-fixed.submenu-no-separate > ul ul a::before { display: none !important; } .navik-menu-fixed.submenu-no-separate > ul ul a:hover { padding-left: 18px; } .navik-menu-fixed.submenu-no-separate > ul > li > ul > li ul { padding-left: 12px; } .navik-menu-fixed ul li:hover > a, .navik-menu-fixed > ul > li.current-menu > a { color: #26c6da !important; } /*************************************************** Fixed sidebar menu dark ****************************************************/ .navik-fixed-sidebar.sidebar-dark { background-color: #111; } .navik-fixed-sidebar.sidebar-dark .menu-social-media a { border-color: #fff; opacity: 0.2; } .navik-fixed-sidebar.sidebar-dark .menu-social-media a:hover { opacity: 1; } .sidebar-dark ~ .navik-side-content > .logo { background-color: #111; } .sidebar-dark .navik-menu-fixed > ul > li > a { color: #fff; } .sidebar-dark .navik-menu-fixed > ul ul a { color: #a1a1a1; } .sidebar-dark .navik-menu-fixed > ul ul a::before { background-color: #515151; } .sidebar-dark .overlay-dropdown-plus::before, .sidebar-dark .overlay-dropdown-plus::after { background-color: #717171; } /*************************************************** Fixed sidebar menu background color ****************************************************/ .navik-fixed-sidebar.sidebar-color-bg { background-color: #006aa1; } .navik-fixed-sidebar.sidebar-color-bg .menu-social-media a { border-color: #fff; } .sidebar-color-bg ~ .navik-side-content > .logo { background-color: #006aa1; } .sidebar-color-bg .navik-menu-fixed ul li a:hover { color: rgba(255, 255, 255, 0.8) !important; } .sidebar-color-bg .navik-menu-fixed > ul > li > a, .sidebar-color-bg .navik-menu-fixed > ul ul a { color: #fff !important; } .sidebar-color-bg .navik-menu-fixed > ul ul a::before, .sidebar-color-bg .overlay-dropdown-plus::before, .sidebar-color-bg .overlay-dropdown-plus::after { background-color: #fff; } /*************************************************** Mega menu ****************************************************/ .navik-menu .mega-menu-container { padding: 15px 30px 0; } .navik-menu .mega-menu-container ul li { position: relative; } .navik-menu .mega-menu-container ul li a { padding: inherit; font-style: inherit; color: inherit; background-color: inherit; } .navik-menu .mega-menu-container ul li:hover a { background-color: inherit; } .navik-menu .mega-menu-container li > ul { display: block; } .navik-menu .mega-menu > ul .dropdown-plus { display: none; } .navik-menu .mega-menu-box { margin-bottom: 30px; } .navik-menu .mega-menu-heading { margin-bottom: 12px; font-family: "Fira Sans", sans-serif; font-size: 15px; color: #212121; text-transform: uppercase; } .navik-menu .mega-menu-heading a { color: #212121; text-decoration: none; transition: color 0.2s ease-in-out; } .navik-menu .mega-menu-heading a:hover { color: #26c6da; } .navik-menu .mega-menu-desc { font-family: "Fira Sans", sans-serif; font-size: 14px; font-style: italic; line-height: 1.428572; color: #818181; } .navik-menu ul.mega-menu-list li a { padding: 5px 0; font-size: 14px; font-style: italic; color: #818181; } .navik-menu ul.mega-menu-list li a:hover { color: #26c6da; } .navik-menu ul.mega-menu-list ul { padding-left: 15px !important; } .navik-menu .mega-menu-thumbnail { margin-bottom: 20px; } .navik-menu .mega-menu-thumbnail img { width: 100%; height: auto; } .navik-menu .mega-menu-thumbnail > a { position: relative; display: block; } .navik-menu .mega-menu-thumbnail > a::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: rgba(0, 0, 0, 0); transition: background-color 0.2s ease-in-out; } .navik-menu .mega-menu-thumbnail:hover > a::before { background-color: rgba(0, 0, 0, 0.2); } /*************************************************** Mega menu dark ****************************************************/ .header-dark .navik-menu .mega-menu-container ul li a { background-color: inherit; } .header-dark .navik-menu .mega-menu-heading a { color: #fff; } .header-dark .navik-menu .mega-menu-heading a:hover { color: #26c6da; } /*************************************************** Menu icons ****************************************************/ .navik-menu .navik-menu-icon { margin-right: 5px; color: #a1a1a1; } .navik-menu ul li > a .navik-menu-icon, .navik-menu .mega-menu-heading a .navik-menu-icon { transition: color 0.2s ease-in-out; } .navik-menu ul li.current-menu > a .navik-menu-icon, .navik-menu ul li:hover > a .navik-menu-icon, .navik-menu .mega-menu-heading a:hover .navik-menu-icon { color: #26c6da !important; } .header-dark .navik-menu .navik-menu-icon { color: #717171; } .navik-menu-overlay .navik-menu-icon { position: relative; top: -2px; margin-right: 10px; } .navik-menu-overlay > ul ul li a .navik-menu-icon { top: -1px; margin-right: 7px; } .menu-slide .navik-menu-overlay > ul ul li a .navik-menu-icon { margin-right: 5px; } .navik-menu-fixed .navik-menu-icon { margin-right: 5px; } /*************************************************** Media queries for responsive design ****************************************************/ @media (max-width: 767.98px) { .navik-header, .navik-header-overlay, .body-fixed-sidebar { width: 100%; } } @media (max-width: 1199.98px) { .navik-header, .navik-header-overlay, .body-fixed-sidebar { width: 100%; } } @media (min-width: 768px) { /********** Default menu **********/ .navik-header .logo { float: left; padding: 30px 40px 30px 0; } .navik-menu { clear: both; } .header-shadow-wrapper::after { box-shadow: 0 10px 40px -5px rgba(0, 0, 0, 0.1); } /********** Overlay dropdown plus **********/ .overlay-dropdown-plus { top: 7px; right: 43px; width: 24px; height: 24px; line-height: 24px; } .overlay-dropdown-plus::before, .overlay-dropdown-plus::after { top: 11px; right: 7px; } /********** Overlay menu **********/ .navik-header-overlay .logo { left: 30px; } .navik-header-overlay .burger-menu { right: 30px; } .navik-menu-overlay > ul > li { padding: 0 110px 0 30px; margin-bottom: 16px; } .navik-menu-overlay > ul > li > .menu-overlay-link a { font-size: 34px; } .navik-menu-overlay > ul > li > ul { padding: 13px 0 16px; } .navik-menu-overlay > ul > li > ul > li::after { top: 1px; left: -23px; height: 16px; } .navik-menu-overlay > ul ul li { margin-left: 42px; } .navik-menu-overlay > ul ul li a { font-size: 16px; } .navik-menu-overlay.submenu-no-separate > ul ul li { margin-left: 25px; } .overlay-center-menu .navik-menu-overlay > ul > li { padding: 0 30px; } .overlay-center-menu .navik-menu-overlay > ul > li > ul { padding: 18px 0 21px; } .overlay-center-menu .menu-social-media { padding: 0 40px; } .overlay-center-menu .overlay-dropdown-plus, .overlay-center-menu .submenu-vertical > ul > li > ul li .overlay-dropdown-plus { right: -42px; } .submenu-vertical > ul > li ul { right: -60px; padding-right: 60px !important; } .submenu-vertical > ul > li > ul li { margin-bottom: 7px; } .submenu-vertical > ul > li > ul li .overlay-dropdown-plus { top: -2px; right: -67px; } .submenu-vertical > ul > li > ul ul { padding-top: 7px; } .menu-social-media { bottom: 34px; padding: 0 110px; } /********** Overlay slide menu **********/ .menu-slide .nav-menu-wrapper { width: 400px; } .menu-slide .navik-menu-overlay > ul { padding: 140px 0 100px; } .menu-slide .navik-menu-overlay > ul > li { padding: 0 60px 0 45px; margin-bottom: 14px; } .menu-slide .navik-menu-overlay > ul > li > ul { padding: 28px 0 16px; } .menu-slide .navik-menu-overlay > ul > li > ul li { margin-bottom: 7px; } .menu-slide .navik-menu-overlay > ul > li > ul ul { padding-top: 7px; padding-left: 23px; } .menu-slide .navik-menu-overlay > ul > li ul .overlay-dropdown-plus { top: -2px; right: -17px; } .menu-slide .navik-menu-overlay > ul ul li a { padding-left: 23px; } .menu-slide .navik-menu-overlay > ul ul li a:hover { padding-left: 33px; } .menu-slide .navik-menu-overlay > ul ul li a::before { height: 15px; } .menu-slide .menu-social-media { padding: 0 45px; } /********** Mega menu **********/ .navik-menu .mega-menu-media { display: table; width: 100%; } .navik-menu .mega-menu-media-img { display: table-cell; width: 120px; vertical-align: top; } .navik-menu .mega-menu-media-img .mega-menu-thumbnail { margin-bottom: 0; } .navik-menu .mega-menu-media-img img { width: 100%; height: auto; } .navik-menu .mega-menu-media-info { display: table-cell; padding-left: 20px; vertical-align: top; } /********** Menu icons **********/ .navik-menu-overlay .navik-menu-icon { margin-right: 12px; } .navik-menu-overlay > ul ul li a .navik-menu-icon { margin-right: 8px; } .menu-slide .navik-menu-overlay .navik-menu-icon { margin-right: 10px; } } @media (min-width: 1200px) { /********** Default menu **********/ .navik-header-container { height: 90px; } .navik-header .logo { position: relative; top: 50%; padding: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .navik-header .logo img { width: auto; max-width: inherit; max-height: 90px; } .burger-menu { display: none; } .navik-menu { float: right; clear: inherit; } .navik-menu > ul { display: block !important; padding: 0; font-size: 0; } .navik-menu > ul > li { display: inline-block; } .navik-menu > ul > li > a { position: relative; box-sizing: border-box; height: 90px; padding: 0 20px; line-height: 90px; white-space: nowrap; } .navik-menu > ul > li:last-child > a { padding: 0 0 0 20px; } .navik-menu ul li { position: relative; } .navik-menu ul li.dropdown_menu > a > span { display: none; } .navik-menu ul li.dropdown_menu > a > span::before { position: relative; top: -3px; box-sizing: content-box; display: inline-block; width: 4px; height: 4px; margin-left: 8px; content: ""; border-color: #c1c1c1; border-style: solid; border-width: 2px 2px 0 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .navik-menu ul ul li.dropdown_menu > a > span::before { top: 7px; right: -10px; float: right; margin: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .navik-menu ul ul li > a { position: relative; padding: 9px 35px 7px !important; color: #818181; background-color: transparent; } .navik-menu ul ul li > a::before { position: absolute; top: 17px; left: 35px; width: 0; height: 1px; content: ""; background: #a1a1a1; transition: all 0.2s ease-in-out; } .navik-menu ul ul li:hover > a { padding-left: 55px !important; color: #818181; background-color: transparent; } .navik-menu ul ul li:hover > a::before { width: 10px; } .navik-menu li > ul { position: absolute; top: 100%; left: 0; display: block !important; width: 250px; padding: 27px 0; visibility: hidden; background-color: #fff; box-shadow: 0 12px 30px -2px rgba(0, 0, 0, 0.1); opacity: 0; transition: all 0.2s ease-in-out; } .navik-menu li > ul ul { top: -27px; left: 100%; } .navik-menu li:hover > ul { visibility: visible; opacity: 1; } .navik-menu li.submenu-right > ul { right: 0; left: inherit; } .navik-menu li.submenu-right > ul ul { left: -100% !important; } .navik-menu.menu-caret ul li.dropdown_menu > a > span { display: inline-block; } .navik-menu.menu-caret ul ul li.dropdown_menu > a > span { display: inline; } .navik-menu.separate-line > ul > li > a { position: relative; padding: 0 28px; } .navik-menu.separate-line > ul > li > a::before { position: absolute; top: 50%; right: 0; width: 1px; height: 20px; content: ""; background-color: #eee; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .navik-menu.separate-line > ul > li:last-child > a { padding: 0 0 0 28px; } .navik-menu.separate-line > ul > li:last-child > a::before { display: none; } .header-dark .navik-menu ul li.dropdown_menu > a > span::before { border-color: #a1a1a1; } .header-dark .navik-menu ul ul li > a { color: #a1a1a1; background-color: transparent; } .header-dark .navik-menu ul ul li:hover > a { color: #fff; background-color: transparent; } .header-dark .navik-menu ul ul li:hover > a .navik-menu-icon { color: #fff !important; } .header-dark .navik-menu li > ul { background-color: #111; } .header-dark .navik-menu.separate-line > ul > li > a::before { background-color: #333; } .navik-menu.menu-hover-2 > ul > li:last-child > a, .navik-menu.menu-hover-3 > ul > li:last-child > a, .navik-menu.menu-hover-4 > ul > li:last-child > a, .center-menu-1 .navik-menu > ul > li:last-child > a, .center-menu-2 .navik-menu > ul > li:last-child > a { padding: 0 20px; } .navik-menu.menu-hover-2.separate-line > ul > li:last-child > a, .navik-menu.menu-hover-3.separate-line > ul > li:last-child > a, .navik-menu.menu-hover-4.separate-line > ul > li:last-child > a, .center-menu-1 .navik-menu.separate-line > ul > li:last-child > a, .center-menu-2 .navik-menu.separate-line > ul > li:last-child > a { padding: 0 28px; } .navik-menu ul li.current-menu > a, .navik-menu ul li:hover > a, .header-dark .navik-menu ul li.current-menu > a, .header-dark .navik-menu ul li:hover > a { background-color: inherit; } .dropdown-plus { display: none; } /********** Header sticky **********/ .navik-header.sticky { position: fixed; width: 100%; -webkit-animation-name: stickyTransition; animation-name: stickyTransition; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .navik-header.sticky .navik-header-container { height: 70px; } .navik-header.sticky .navik-menu > ul > li > a { height: 70px; line-height: 70px; } .navik-header.sticky .logo { padding: 0 40px 0 0; } .navik-header.sticky .logo img { max-height: 70px; } @-webkit-keyframes stickyTransition { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes stickyTransition { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } /********** Center menu **********/ .navik-header.center-menu-1 { position: relative; } .navik-header.center-menu-1.sticky { position: fixed; } .navik-header.center-menu-1.sticky .logo { padding: 0; } .navik-header.center-menu-1 .navik-header-container > .logo { display: none; } .navik-header.center-menu-1 .logoCenter .logo { top: 0; float: none; width: inherit; -webkit-transform: translateY(0); transform: translateY(0); } .navik-header.center-menu-2 .navik-header-container { height: auto; } .navik-header.center-menu-2 .logo { top: 0; float: none; padding: 36px 30px; -webkit-transform: translateY(0); transform: translateY(0); } .navik-header.center-menu-2 .logo img { max-width: 100%; height: auto; max-height: inherit; } .navik-header.center-menu-2.sticky .logo { display: none; } .navik-header.center-menu-2.sticky .navik-menu { border: none; } .logoCenter { display: table-cell !important; text-align: center; vertical-align: middle; } .center-menu-1 .navik-menu { display: table !important; float: none; width: 100%; } .center-menu-1 .navik-menu > ul { display: table-cell !important; vertical-align: top; } .center-menu-1 .navik-menu > ul:first-child { padding: 0 40px; text-align: right; } .center-menu-1 .navik-menu > ul:first-child ul { text-align: left; } .center-menu-1 .navik-menu > ul:last-child { padding: 0 40px; text-align: left; } .center-menu-2 .navik-menu { float: none; text-align: center; border-top: 1px solid #e9e9e9; } .center-menu-2 .navik-menu li > ul { text-align: left; } .center-menu-2 .navik-menu > ul > li > a { height: 62px; line-height: 62px; } .center-menu-2.header-dark .navik-menu { border-color: #333; } /********** Header transparent **********/ .navik-header.header-transparent-on, .navik-header.header-opacity-on { position: absolute; width: 100%; background-color: transparent; } .navik-header.header-opacity-on { background-color: rgba(0, 0, 0, 0.3); } .header-transparent-on .header-shadow-wrapper, .header-opacity-on .header-shadow-wrapper { display: none; } .header-transparent-on .navik-menu > ul > li > a, .header-opacity-on .navik-menu > ul > li > a { color: #f7f7f7; } .header-transparent-on .navik-menu > ul > li > a .navik-menu-icon, .header-opacity-on .navik-menu > ul > li > a .navik-menu-icon { color: rgba(255, 255, 255, 0.85); } .header-transparent-on .navik-menu > ul > li:hover > a, .header-transparent-on .navik-menu > ul > li.current-menu > a, .header-opacity-on .navik-menu > ul > li:hover > a, .header-opacity-on .navik-menu > ul > li.current-menu > a { color: #26c6da; } .header-transparent-on .navik-menu > ul > li.dropdown_menu > a > span::before, .header-opacity-on .navik-menu > ul > li.dropdown_menu > a > span::before { border-color: #f7f7f7; } .header-transparent-on.center-menu-2 .navik-menu { border-color: rgba(255, 255, 255, 0.25); } .header-transparent-on .navik-menu.separate-line > ul > li > a::before { background-color: rgba(255, 255, 255, 0.25); } .header-opacity-on.center-menu-2 .navik-menu { border-color: rgba(255, 255, 255, 0.2); } .header-opacity-on .navik-menu.separate-line > ul > li > a::before { background-color: rgba(255, 255, 255, 0.2); } /********** Hover transitions **********/ .navik-menu.menu-hover-2 > ul > li.current-menu > a, .navik-menu.menu-hover-2 > ul > li:hover > a { color: #212121; background-color: #f8f8f8; } .navik-menu.menu-hover-2 > ul > li.current-menu > a::after, .navik-menu.menu-hover-2 > ul > li:hover > a::after { opacity: 1; } .navik-menu.menu-hover-2 > ul > li > a::after, .navik-menu.menu-hover-3 > ul > li > a::after { position: absolute; bottom: -3px; left: 0; z-index: 0; width: 100%; height: 3px; content: ""; background-color: #26c6da; opacity: 0; transition: all 0.2s ease-in-out; } .navik-menu.menu-hover-3 > ul > li.current-menu > a, .navik-menu.menu-hover-3 > ul > li:hover > a { color: #212121; } .navik-menu.menu-hover-3 > ul > li.current-menu > a::after, .navik-menu.menu-hover-3 > ul > li:hover > a::after { width: 100%; opacity: 1; } .navik-menu.menu-hover-3 > ul > li > a::after { left: 50%; width: 0; transition: all 0.3s ease-in-out; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .navik-menu.menu-hover-4 > ul > li > a > .hover-transition { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; overflow: hidden; } .navik-menu.menu-hover-4 > ul > li > a > .hover-transition::after { position: relative; top: 50%; left: 50%; display: block; width: calc(100% + 2px); height: 0; content: ""; background-color: #26c6da; opacity: 0; transition: all 0.2s ease-in-out; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .navik-menu.menu-hover-4 > ul > li.current-menu > a, .navik-menu.menu-hover-4 > ul > li:hover > a { color: #fff; } .navik-menu.menu-hover-4 > ul > li.current-menu > a > .hover-transition::after, .navik-menu.menu-hover-4 > ul > li:hover > a > .hover-transition::after { height: 100%; opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .navik-menu.menu-hover-4 > ul > li.current-menu > a .navik-menu-icon, .navik-menu.menu-hover-4 > ul > li:hover > a .navik-menu-icon { color: #fff !important; } .navik-menu.menu-hover-4 > ul > li > ul { transition-delay: 0s; } .navik-menu.menu-hover-4 > ul > li:hover > ul { transition-delay: 0.13s; } .navik-menu.menu-hover-4 > ul > li.dropdown_menu.current-menu > a > span::before, .navik-menu.menu-hover-4 > ul > li.dropdown_menu:hover > a > span::before { border-color: #fff; } .header-dark .navik-menu.menu-hover-2 > ul > li.current-menu > a, .header-dark .navik-menu.menu-hover-2 > ul > li:hover > a { color: #fff; background-color: #222; } .header-dark .navik-menu.menu-hover-3 > ul > li.current-menu > a, .header-dark .navik-menu.menu-hover-3 > ul > li:hover > a { color: #fff; } .header-transparent-on .navik-menu.menu-hover-2 > ul > li.current-menu > a, .header-transparent-on .navik-menu.menu-hover-2 > ul > li:hover > a { color: #f7f7f7; background-color: rgba(255, 255, 255, 0.25); } .header-opacity-on .navik-menu.menu-hover-2 > ul > li.current-menu > a, .header-opacity-on .navik-menu.menu-hover-2 > ul > li:hover > a { color: #f7f7f7; background-color: rgba(255, 255, 255, 0.2); } .header-transparent-on .navik-menu.menu-hover-3 > ul > li.current-menu > a, .header-transparent-on .navik-menu.menu-hover-3 > ul > li:hover > a, .header-opacity-on .navik-menu.menu-hover-3 > ul > li.current-menu > a, .header-opacity-on .navik-menu.menu-hover-3 > ul > li:hover > a { color: #f7f7f7; } .header-transparent-on .navik-menu.menu-hover-2 > ul > li.current-menu > a .navik-menu-icon, .header-transparent-on .navik-menu.menu-hover-2 > ul > li:hover > a .navik-menu-icon, .header-transparent-on .navik-menu.menu-hover-3 > ul > li.current-menu > a .navik-menu-icon, .header-transparent-on .navik-menu.menu-hover-3 > ul > li:hover > a .navik-menu-icon, .header-opacity-on .navik-menu.menu-hover-2 > ul > li.current-menu > a .navik-menu-icon, .header-opacity-on .navik-menu.menu-hover-2 > ul > li:hover > a .navik-menu-icon, .header-opacity-on .navik-menu.menu-hover-3 > ul > li.current-menu > a .navik-menu-icon, .header-opacity-on .navik-menu.menu-hover-3 > ul > li:hover > a .navik-menu-icon { color: rgba(255, 255, 255, 0.85) !important; } /********** Submenu **********/ .navik-menu.submenu-top-border li > ul { border-top: 3px solid #26c6da; } .navik-menu.submenu-top-border li > ul ul { top: -30px; } .navik-menu.submenu-top-border.submenu-list-border li > ul ul { top: -23px; } .navik-menu.submenu-list-border li > ul ul { top: -20px; } .navik-menu.submenu-list-border ul ul li > a { padding: 15px 35px 14px !important; } .navik-menu.submenu-list-border ul ul li:first-child > a { padding: 8px 35px 14px 35px !important; } .navik-menu.submenu-list-border ul ul li:last-child > a { padding: 15px 35px 8px 35px !important; } .navik-menu.submenu-list-border ul ul li:last-child::after { display: none; } .navik-menu.submenu-list-border ul ul li::after { position: absolute; right: 35px; bottom: 0; left: 35px; height: 1px; content: ""; background-color: #eee; } .navik-menu.submenu-list-border ul ul li:hover > a { padding-left: 55px !important; } .navik-menu.submenu-list-border ul ul li:nth-child(n+2) > a::before { top: 24px; } .header-dark .navik-menu.submenu-list-border ul ul li::after { background-color: #333; } /********** Submenu transitions **********/ .navik-menu.submenu-flip li > ul { -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all 0.35s ease-in-out; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); } .navik-menu.submenu-flip li:hover > ul { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .navik-menu.submenu-flip ul { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 200px; perspective: 200px; } .navik-menu.submenu-flip ul li { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 200px; perspective: 200px; } .navik-menu.submenu-scale li > ul { -webkit-transform-origin: 0 0; transform-origin: 0 0; transition: all 0.3s ease; -webkit-transform: scale(0); transform: scale(0); } .navik-menu.submenu-scale li.submenu-right ul { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .navik-menu.submenu-scale li:hover > ul { -webkit-transform: scale(1); transform: scale(1); } /********** Overlay dropdown plus **********/ .overlay-dropdown-plus { right: 53px; } /********** Overlay menu **********/ .navik-header-overlay .navik-header-container { height: auto; } .navik-header-overlay .logo { top: 50px; left: 40px; } .navik-header-overlay .burger-menu { top: 40px; right: 40px; } .navik-menu-overlay > ul > li { padding: 0 130px 0 40px; } .overlay-center-menu .navik-menu-overlay > ul > li { padding: 0 40px; } .submenu-vertical > ul > li ul { right: -70px; padding-right: 70px !important; } .submenu-vertical > ul > li > ul li .overlay-dropdown-plus { right: -77px; } .menu-slide .navik-menu-overlay > ul > li ul .overlay-dropdown-plus { right: -7px; } .menu-social-media { padding: 0 130px; } /********** Mega menu **********/ .navik-mega-menu.mega-menu-fullwidth .navik-header-container { position: inherit; } .navik-mega-menu.mega-menu-fullwidth, .navik-mega-menu .navik-header-container { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 200px; perspective: 200px; } .navik-menu .mega-menu-container { padding: 15px 15px 0; } .navik-menu .mega-menu-container ul.mega-menu-list li > a::before { top: 13px !important; left: 0; display: block; } .navik-menu.submenu-flip .mega-menu > ul { -webkit-perspective: inherit; perspective: inherit; } .navik-menu.submenu-flip .mega-menu-container li > ul { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .navik-menu.submenu-scale .mega-menu-container li > ul { -webkit-transform: scale(1); transform: scale(1); } .navik-menu ul li.mega-menu { position: inherit; font-size: initial; } .navik-menu li.mega-menu > ul { width: 100%; padding: 25px 20px 15px; } .navik-menu li.mega-menu:hover .mega-menu-container li > ul { visibility: visible; opacity: 1; } .navik-menu li.mega-menu.submenu-right > ul ul { left: inherit !important; } .navik-mega-menu.mega-menu-fullwidth .navik-header-container, .navik-mega-menu .navik-menu.submenu-flip > ul, .navik-mega-menu .navik-menu.submenu-flip ul li.mega-menu { -webkit-transform-style: unset; transform-style: unset; -webkit-perspective: none; perspective: none; } .navik-menu.submenu-scale li.mega-menu ul, .navik-menu.submenu-scale li.mega-menu.submenu-right ul { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } .navik-menu .mega-menu-container li ul, .navik-menu.submenu-top-border .mega-menu-container li ul, .navik-menu.submenu-list-border .mega-menu-container li ul { position: relative; top: 0 !important; left: inherit; width: 100%; padding: 0; border-top: none; box-shadow: inherit; } .navik-menu .mega-menu-container ul li > a::before, .navik-menu.submenu-list-border .mega-menu-container ul li::after, .navik-menu.menu-caret .mega-menu-container li.dropdown_menu > a > span { display: none; } .navik-menu .mega-menu-container ul li a, .navik-menu .mega-menu-container ul li:hover a, .navik-menu.submenu-list-border .mega-menu-container ul li a, .navik-menu.submenu-list-border .mega-menu-container ul li:hover a, .navik-menu.submenu-list-border .mega-menu-container ul li:first-child a, .navik-menu.submenu-list-border .mega-menu-container ul li:first-child:hover a, .navik-menu.submenu-list-border .mega-menu-container ul li:last-child a, .navik-menu.submenu-list-border .mega-menu-container ul li:last-child:hover a { padding: inherit !important; } .navik-menu .mega-menu-container ul.mega-menu-list li a, .navik-menu .mega-menu-container ul.mega-menu-list li:hover a, .navik-menu.submenu-list-border .mega-menu-container ul.mega-menu-list li a, .navik-menu.submenu-list-border .mega-menu-container ul.mega-menu-list li:hover a { padding: 5px 0 !important; color: #818181; } .navik-menu .mega-menu-container ul.mega-menu-list li a:hover, .navik-menu.submenu-list-border .mega-menu-container ul.mega-menu-list li a:hover { padding-left: 20px !important; } .header-dark .navik-menu .mega-menu-container ul.mega-menu-list li a { color: #a1a1a1; } .header-dark .navik-menu .mega-menu-container ul.mega-menu-list li a:hover { color: #fff; } /********** Fixed sidebar menu **********/ .navik-fixed-sidebar { transition-duration: 0s; } .navik-fixed-sidebar .logo { display: block; } .navik-side-content { width: calc(100% - 250px); } .navik-fixed-sidebar + .burger-menu, .navik-side-content > .logo, .fixedsidebar-bg-overlay { display: none; } .navik-sidebar-left, .navik-sidebar-left.fixed-sidebar-open ~ .navik-side-content, .navik-sidebar-right, .navik-sidebar-right.fixed-sidebar-open ~ .navik-side-content { -webkit-transform: translateX(0); transform: translateX(0); transition-duration: 0s; } .navik-sidebar-left ~ .fixedsidebar-bg-overlay + .navik-side-content { margin-left: auto; } .navik-sidebar-right ~ .fixedsidebar-bg-overlay + .navik-side-content { margin-right: auto; } .navik-menu-fixed { padding-top: 0; } } /*# sourceMappingURL=navik-all.css.map */ /* themify-icons.css */ @font-face { font-family: 'themify'; src:url('fonts/themify/themify.eot?-fvbane'); src:url('fonts/themify/themify.eot?#iefix-fvbane') format('embedded-opentype'), url('fonts/themify/themify.woff?-fvbane') format('woff'), url('fonts/themify/themify.ttf?-fvbane') format('truetype'), url('fonts/themify/themify.svg?-fvbane#themify') format('svg'); font-weight: normal; font-style: normal; } [class^="ti-"], [class*=" ti-"] { font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ti-wand:before { content: "\e600"; } .ti-volume:before { content: "\e601"; } .ti-user:before { content: "\e602"; } .ti-unlock:before { content: "\e603"; } .ti-unlink:before { content: "\e604"; } .ti-trash:before { content: "\e605"; } .ti-thought:before { content: "\e606"; } .ti-target:before { content: "\e607"; } .ti-tag:before { content: "\e608"; } .ti-tablet:before { content: "\e609"; } .ti-star:before { content: "\e60a"; } .ti-spray:before { content: "\e60b"; } .ti-signal:before { content: "\e60c"; } .ti-shopping-cart:before { content: "\e60d"; } .ti-shopping-cart-full:before { content: "\e60e"; } .ti-settings:before { content: "\e60f"; } .ti-search:before { content: "\e610"; } .ti-zoom-in:before { content: "\e611"; } .ti-zoom-out:before { content: "\e612"; } .ti-cut:before { content: "\e613"; } .ti-ruler:before { content: "\e614"; } .ti-ruler-pencil:before { content: "\e615"; } .ti-ruler-alt:before { content: "\e616"; } .ti-bookmark:before { content: "\e617"; } .ti-bookmark-alt:before { content: "\e618"; } .ti-reload:before { content: "\e619"; } .ti-plus:before { content: "\e61a"; } .ti-pin:before { content: "\e61b"; } .ti-pencil:before { content: "\e61c"; } .ti-pencil-alt:before { content: "\e61d"; } .ti-paint-roller:before { content: "\e61e"; } .ti-paint-bucket:before { content: "\e61f"; } .ti-na:before { content: "\e620"; } .ti-mobile:before { content: "\e621"; } .ti-minus:before { content: "\e622"; } .ti-medall:before { content: "\e623"; } .ti-medall-alt:before { content: "\e624"; } .ti-marker:before { content: "\e625"; } .ti-marker-alt:before { content: "\e626"; } .ti-arrow-up:before { content: "\e627"; } .ti-arrow-right:before { content: "\e628"; } .ti-arrow-left:before { content: "\e629"; } .ti-arrow-down:before { content: "\e62a"; } .ti-lock:before { content: "\e62b"; } .ti-location-arrow:before { content: "\e62c"; } .ti-link:before { content: "\e62d"; } .ti-layout:before { content: "\e62e"; } .ti-layers:before { content: "\e62f"; } .ti-layers-alt:before { content: "\e630"; } .ti-key:before { content: "\e631"; } .ti-import:before { content: "\e632"; } .ti-image:before { content: "\e633"; } .ti-heart:before { content: "\e634"; } .ti-heart-broken:before { content: "\e635"; } .ti-hand-stop:before { content: "\e636"; } .ti-hand-open:before { content: "\e637"; } .ti-hand-drag:before { content: "\e638"; } .ti-folder:before { content: "\e639"; } .ti-flag:before { content: "\e63a"; } .ti-flag-alt:before { content: "\e63b"; } .ti-flag-alt-2:before { content: "\e63c"; } .ti-eye:before { content: "\e63d"; } .ti-export:before { content: "\e63e"; } .ti-exchange-vertical:before { content: "\e63f"; } .ti-desktop:before { content: "\e640"; } .ti-cup:before { content: "\e641"; } .ti-crown:before { content: "\e642"; } .ti-comments:before { content: "\e643"; } .ti-comment:before { content: "\e644"; } .ti-comment-alt:before { content: "\e645"; } .ti-close:before { content: "\e646"; } .ti-clip:before { content: "\e647"; } .ti-angle-up:before { content: "\e648"; } .ti-angle-right:before { content: "\e649"; } .ti-angle-left:before { content: "\e64a"; } .ti-angle-down:before { content: "\e64b"; } .ti-check:before { content: "\e64c"; } .ti-check-box:before { content: "\e64d"; } .ti-camera:before { content: "\e64e"; } .ti-announcement:before { content: "\e64f"; } .ti-brush:before { content: "\e650"; } .ti-briefcase:before { content: "\e651"; } .ti-bolt:before { content: "\e652"; } .ti-bolt-alt:before { content: "\e653"; } .ti-blackboard:before { content: "\e654"; } .ti-bag:before { content: "\e655"; } .ti-move:before { content: "\e656"; } .ti-arrows-vertical:before { content: "\e657"; } .ti-arrows-horizontal:before { content: "\e658"; } .ti-fullscreen:before { content: "\e659"; } .ti-arrow-top-right:before { content: "\e65a"; } .ti-arrow-top-left:before { content: "\e65b"; } .ti-arrow-circle-up:before { content: "\e65c"; } .ti-arrow-circle-right:before { content: "\e65d"; } .ti-arrow-circle-left:before { content: "\e65e"; } .ti-arrow-circle-down:before { content: "\e65f"; } .ti-angle-double-up:before { content: "\e660"; } .ti-angle-double-right:before { content: "\e661"; } .ti-angle-double-left:before { content: "\e662"; } .ti-angle-double-down:before { content: "\e663"; } .ti-zip:before { content: "\e664"; } .ti-world:before { content: "\e665"; } .ti-wheelchair:before { content: "\e666"; } .ti-view-list:before { content: "\e667"; } .ti-view-list-alt:before { content: "\e668"; } .ti-view-grid:before { content: "\e669"; } .ti-uppercase:before { content: "\e66a"; } .ti-upload:before { content: "\e66b"; } .ti-underline:before { content: "\e66c"; } .ti-truck:before { content: "\e66d"; } .ti-timer:before { content: "\e66e"; } .ti-ticket:before { content: "\e66f"; } .ti-thumb-up:before { content: "\e670"; } .ti-thumb-down:before { content: "\e671"; } .ti-text:before { content: "\e672"; } .ti-stats-up:before { content: "\e673"; } .ti-stats-down:before { content: "\e674"; } .ti-split-v:before { content: "\e675"; } .ti-split-h:before { content: "\e676"; } .ti-smallcap:before { content: "\e677"; } .ti-shine:before { content: "\e678"; } .ti-shift-right:before { content: "\e679"; } .ti-shift-left:before { content: "\e67a"; } .ti-shield:before { content: "\e67b"; } .ti-notepad:before { content: "\e67c"; } .ti-server:before { content: "\e67d"; } .ti-quote-right:before { content: "\e67e"; } .ti-quote-left:before { content: "\e67f"; } .ti-pulse:before { content: "\e680"; } .ti-printer:before { content: "\e681"; } .ti-power-off:before { content: "\e682"; } .ti-plug:before { content: "\e683"; } .ti-pie-chart:before { content: "\e684"; } .ti-paragraph:before { content: "\e685"; } .ti-panel:before { content: "\e686"; } .ti-package:before { content: "\e687"; } .ti-music:before { content: "\e688"; } .ti-music-alt:before { content: "\e689"; } .ti-mouse:before { content: "\e68a"; } .ti-mouse-alt:before { content: "\e68b"; } .ti-money:before { content: "\e68c"; } .ti-microphone:before { content: "\e68d"; } .ti-menu:before { content: "\e68e"; } .ti-menu-alt:before { content: "\e68f"; } .ti-map:before { content: "\e690"; } .ti-map-alt:before { content: "\e691"; } .ti-loop:before { content: "\e692"; } .ti-location-pin:before { content: "\e693"; } .ti-list:before { content: "\e694"; } .ti-light-bulb:before { content: "\e695"; } .ti-Italic:before { content: "\e696"; } .ti-info:before { content: "\e697"; } .ti-infinite:before { content: "\e698"; } .ti-id-badge:before { content: "\e699"; } .ti-hummer:before { content: "\e69a"; } .ti-home:before { content: "\e69b"; } .ti-help:before { content: "\e69c"; } .ti-headphone:before { content: "\e69d"; } .ti-harddrives:before { content: "\e69e"; } .ti-harddrive:before { content: "\e69f"; } .ti-gift:before { content: "\e6a0"; } .ti-game:before { content: "\e6a1"; } .ti-filter:before { content: "\e6a2"; } .ti-files:before { content: "\e6a3"; } .ti-file:before { content: "\e6a4"; } .ti-eraser:before { content: "\e6a5"; } .ti-envelope:before { content: "\e6a6"; } .ti-download:before { content: "\e6a7"; } .ti-direction:before { content: "\e6a8"; } .ti-direction-alt:before { content: "\e6a9"; } .ti-dashboard:before { content: "\e6aa"; } .ti-control-stop:before { content: "\e6ab"; } .ti-control-shuffle:before { content: "\e6ac"; } .ti-control-play:before { content: "\e6ad"; } .ti-control-pause:before { content: "\e6ae"; } .ti-control-forward:before { content: "\e6af"; } .ti-control-backward:before { content: "\e6b0"; } .ti-cloud:before { content: "\e6b1"; } .ti-cloud-up:before { content: "\e6b2"; } .ti-cloud-down:before { content: "\e6b3"; } .ti-clipboard:before { content: "\e6b4"; } .ti-car:before { content: "\e6b5"; } .ti-calendar:before { content: "\e6b6"; } .ti-book:before { content: "\e6b7"; } .ti-bell:before { content: "\e6b8"; } .ti-basketball:before { content: "\e6b9"; } .ti-bar-chart:before { content: "\e6ba"; } .ti-bar-chart-alt:before { content: "\e6bb"; } .ti-back-right:before { content: "\e6bc"; } .ti-back-left:before { content: "\e6bd"; } .ti-arrows-corner:before { content: "\e6be"; } .ti-archive:before { content: "\e6bf"; } .ti-anchor:before { content: "\e6c0"; } .ti-align-right:before { content: "\e6c1"; } .ti-align-left:before { content: "\e6c2"; } .ti-align-justify:before { content: "\e6c3"; } .ti-align-center:before { content: "\e6c4"; } .ti-alert:before { content: "\e6c5"; } .ti-alarm-clock:before { content: "\e6c6"; } .ti-agenda:before { content: "\e6c7"; } .ti-write:before { content: "\e6c8"; } .ti-window:before { content: "\e6c9"; } .ti-widgetized:before { content: "\e6ca"; } .ti-widget:before { content: "\e6cb"; } .ti-widget-alt:before { content: "\e6cc"; } .ti-wallet:before { content: "\e6cd"; } .ti-video-clapper:before { content: "\e6ce"; } .ti-video-camera:before { content: "\e6cf"; } .ti-vector:before { content: "\e6d0"; } .ti-themify-logo:before { content: "\e6d1"; } .ti-themify-favicon:before { content: "\e6d2"; } .ti-themify-favicon-alt:before { content: "\e6d3"; } .ti-support:before { content: "\e6d4"; } .ti-stamp:before { content: "\e6d5"; } .ti-split-v-alt:before { content: "\e6d6"; } .ti-slice:before { content: "\e6d7"; } .ti-shortcode:before { content: "\e6d8"; } .ti-shift-right-alt:before { content: "\e6d9"; } .ti-shift-left-alt:before { content: "\e6da"; } .ti-ruler-alt-2:before { content: "\e6db"; } .ti-receipt:before { content: "\e6dc"; } .ti-pin2:before { content: "\e6dd"; } .ti-pin-alt:before { content: "\e6de"; } .ti-pencil-alt2:before { content: "\e6df"; } .ti-palette:before { content: "\e6e0"; } .ti-more:before { content: "\e6e1"; } .ti-more-alt:before { content: "\e6e2"; } .ti-microphone-alt:before { content: "\e6e3"; } .ti-magnet:before { content: "\e6e4"; } .ti-line-double:before { content: "\e6e5"; } .ti-line-dotted:before { content: "\e6e6"; } .ti-line-dashed:before { content: "\e6e7"; } .ti-layout-width-full:before { content: "\e6e8"; } .ti-layout-width-default:before { content: "\e6e9"; } .ti-layout-width-default-alt:before { content: "\e6ea"; } .ti-layout-tab:before { content: "\e6eb"; } .ti-layout-tab-window:before { content: "\e6ec"; } .ti-layout-tab-v:before { content: "\e6ed"; } .ti-layout-tab-min:before { content: "\e6ee"; } .ti-layout-slider:before { content: "\e6ef"; } .ti-layout-slider-alt:before { content: "\e6f0"; } .ti-layout-sidebar-right:before { content: "\e6f1"; } .ti-layout-sidebar-none:before { content: "\e6f2"; } .ti-layout-sidebar-left:before { content: "\e6f3"; } .ti-layout-placeholder:before { content: "\e6f4"; } .ti-layout-menu:before { content: "\e6f5"; } .ti-layout-menu-v:before { content: "\e6f6"; } .ti-layout-menu-separated:before { content: "\e6f7"; } .ti-layout-menu-full:before { content: "\e6f8"; } .ti-layout-media-right-alt:before { content: "\e6f9"; } .ti-layout-media-right:before { content: "\e6fa"; } .ti-layout-media-overlay:before { content: "\e6fb"; } .ti-layout-media-overlay-alt:before { content: "\e6fc"; } .ti-layout-media-overlay-alt-2:before { content: "\e6fd"; } .ti-layout-media-left-alt:before { content: "\e6fe"; } .ti-layout-media-left:before { content: "\e6ff"; } .ti-layout-media-center-alt:before { content: "\e700"; } .ti-layout-media-center:before { content: "\e701"; } .ti-layout-list-thumb:before { content: "\e702"; } .ti-layout-list-thumb-alt:before { content: "\e703"; } .ti-layout-list-post:before { content: "\e704"; } .ti-layout-list-large-image:before { content: "\e705"; } .ti-layout-line-solid:before { content: "\e706"; } .ti-layout-grid4:before { content: "\e707"; } .ti-layout-grid3:before { content: "\e708"; } .ti-layout-grid2:before { content: "\e709"; } .ti-layout-grid2-thumb:before { content: "\e70a"; } .ti-layout-cta-right:before { content: "\e70b"; } .ti-layout-cta-left:before { content: "\e70c"; } .ti-layout-cta-center:before { content: "\e70d"; } .ti-layout-cta-btn-right:before { content: "\e70e"; } .ti-layout-cta-btn-left:before { content: "\e70f"; } .ti-layout-column4:before { content: "\e710"; } .ti-layout-column3:before { content: "\e711"; } .ti-layout-column2:before { content: "\e712"; } .ti-layout-accordion-separated:before { content: "\e713"; } .ti-layout-accordion-merged:before { content: "\e714"; } .ti-layout-accordion-list:before { content: "\e715"; } .ti-ink-pen:before { content: "\e716"; } .ti-info-alt:before { content: "\e717"; } .ti-help-alt:before { content: "\e718"; } .ti-headphone-alt:before { content: "\e719"; } .ti-hand-point-up:before { content: "\e71a"; } .ti-hand-point-right:before { content: "\e71b"; } .ti-hand-point-left:before { content: "\e71c"; } .ti-hand-point-down:before { content: "\e71d"; } .ti-gallery:before { content: "\e71e"; } .ti-face-smile:before { content: "\e71f"; } .ti-face-sad:before { content: "\e720"; } .ti-credit-card:before { content: "\e721"; } .ti-control-skip-forward:before { content: "\e722"; } .ti-control-skip-backward:before { content: "\e723"; } .ti-control-record:before { content: "\e724"; } .ti-control-eject:before { content: "\e725"; } .ti-comments-smiley:before { content: "\e726"; } .ti-brush-alt:before { content: "\e727"; } .ti-youtube:before { content: "\e728"; } .ti-vimeo:before { content: "\e729"; } .ti-twitter:before { content: "\e72a"; } .ti-time:before { content: "\e72b"; } .ti-tumblr:before { content: "\e72c"; } .ti-skype:before { content: "\e72d"; } .ti-share:before { content: "\e72e"; } .ti-share-alt:before { content: "\e72f"; } .ti-rocket:before { content: "\e730"; } .ti-pinterest:before { content: "\e731"; } .ti-new-window:before { content: "\e732"; } .ti-microsoft:before { content: "\e733"; } .ti-list-ol:before { content: "\e734"; } .ti-linkedin:before { content: "\e735"; } .ti-layout-sidebar-2:before { content: "\e736"; } .ti-layout-grid4-alt:before { content: "\e737"; } .ti-layout-grid3-alt:before { content: "\e738"; } .ti-layout-grid2-alt:before { content: "\e739"; } .ti-layout-column4-alt:before { content: "\e73a"; } .ti-layout-column3-alt:before { content: "\e73b"; } .ti-layout-column2-alt:before { content: "\e73c"; } .ti-instagram:before { content: "\e73d"; } .ti-google:before { content: "\e73e"; } .ti-github:before { content: "\e73f"; } .ti-flickr:before { content: "\e740"; } .ti-facebook:before { content: "\e741"; } .ti-dropbox:before { content: "\e742"; } .ti-dribbble:before { content: "\e743"; } .ti-apple:before { content: "\e744"; } .ti-android:before { content: "\e745"; } .ti-save:before { content: "\e746"; } .ti-save-alt:before { content: "\e747"; } .ti-yahoo:before { content: "\e748"; } .ti-wordpress:before { content: "\e749"; } .ti-vimeo-alt:before { content: "\e74a"; } .ti-twitter-alt:before { content: "\e74b"; } .ti-tumblr-alt:before { content: "\e74c"; } .ti-trello:before { content: "\e74d"; } .ti-stack-overflow:before { content: "\e74e"; } .ti-soundcloud:before { content: "\e74f"; } .ti-sharethis:before { content: "\e750"; } .ti-sharethis-alt:before { content: "\e751"; } .ti-reddit:before { content: "\e752"; } .ti-pinterest-alt:before { content: "\e753"; } .ti-microsoft-alt:before { content: "\e754"; } .ti-linux:before { content: "\e755"; } .ti-jsfiddle:before { content: "\e756"; } .ti-joomla:before { content: "\e757"; } .ti-html5:before { content: "\e758"; } .ti-flickr-alt:before { content: "\e759"; } .ti-email:before { content: "\e75a"; } .ti-drupal:before { content: "\e75b"; } .ti-dropbox-alt:before { content: "\e75c"; } .ti-css3:before { content: "\e75d"; } .ti-rss:before { content: "\e75e"; } .ti-rss-alt:before { content: "\e75f"; } /* element-header.css */ /*---------------------------- Button ----------------------------*/ .btn { /*display: inline-block; padding: 10px 30px; color: #fff; font-size: 13px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; border-radius: 4px; border: 1px solid transparent; transition: all .3s ease-in-out; font-family: 'Montserrat', sans-serif;*/ } .btn:hover { border: 1px solid transparent; color: #fff; } .btn.btn-line { border-width: 2px; border-color: #212121; background-color: transparent; color: #212121; } .btn.btn-line:hover { border-color: #212121; background-color: #212121; color: #fff; } .btn.btn-line.line-white { border-color: #fff; color: #fff; } .btn.btn-line.line-white:hover { border-color: #fff; color: #212121; background-color: #ffffff; } .btn.btn-line.line-white:focus{ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, .5) !important;} } .btn.btn-line.line-gray4 { border-color: #C1C3C9; color: #C1C3C9; } .btn.btn-line.line-gray4:hover { border-color: #C1C3C9; color: #212121; background-color: #C1C3C9; } .btn.btn-line.line-primary { border-color: #ff5252; color: #ff5252; } .btn.btn-line.line-primary:hover { border-color: #ff5252; color: #fff; background-color: #ff5252; } .btn.btn-line.line-primary:focus{ box-shadow: 0 0 0 0.2rem rgba(255, 82, 82, .5) !important; } .btn.btn-line:focus { box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, .5) !important; } .btn.btn-fill { border-color: #212121; background-color: #212121; color: #fff; border-width: 2px; } .btn.btn-fill:hover { border-color: #212121; background-color: transparent; color: #666666; } .btn.btn-fill:focus { box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, .5) !important; } .btn.btn-fill.fill-white { border-color: #ffffff; background-color: #ffffff; color: #212121; } .btn.btn-fill.fill-white:hover { border-color: #ffffff; background-color: transparent; color: #ffffff; } .btn.btn-rounded { border-radius: 45px; } .btnRightIcon { margin-left: 10px; font-size: 13px; } .btnLeftIcon { margin-right: 15px; } .btn-extra-small { padding: 6px 20px; font-size: 12px; } .btn-small { padding: 8px 25px; font-size: 11px; } .btn-medium { padding: 10px 30px; font-size: 14px; } .btn-large { padding: 12px 45px; font-size: 15px; } .btn-extra-large { padding: 15px 45px; font-size: 16px; } .social-btn { display: inline-block; vertical-align: top; font-size: 14px; border-radius: 50%; transition: all .3s ease-in-out; } .social-btn-text { display: inline-block; font-size: 14px; border-radius: 3px; text-align: center; width: 200px; padding: 10px 0px; transition: all .3s ease-in-out; } .social-btn .social-btn-icon { width: 32px; height: 32px; display: table-cell; margin: 0 auto; text-align: center; vertical-align: middle; } .social-btn.social-btn-default { color: #999999; font-size: 15px; } .social-btn.social-btn-default:hover { background-color: #ff5252; border-color: #ff5252; color:#ffffff; } .social-btn.social-btn-primary { background-color: #ff5252; color: #fff; border: 2px solid #ff5252; } .social-btn.social-btn-primary:hover { background-color: #212121; border-color: #212121; } .social-btn.social-btn-secondary { background-color: #212121; color: #fff; border: 2px solid #212121; } .social-btn.social-btn-secondary:hover { background-color: #ff5252; border-color: #ff5252; } .social-btn.social-btn-line { background-color: transparent; border: 2px solid #d1d3d9; color: #0A0A0A; } .social-btn.social-btn-line:hover { background-color: #0A0A0A; border: 2px solid #0A0A0A; color: #fff; } .social-btn.social-btn-line.line-white { border-color: #333333; color: #fff; } .social-btn.social-btn-line.line-white:hover { border-color: #fff; color: #212121; background-color: #ffffff; } .social-btn.social-btn-fill { background-color: #0A0A0A; border: 2px solid #0A0A0A; color: #fff; } .social-btn.social-btn-fill:hover { background-color: transparent; border: 2px solid #d1d3d9; color: #0A0A0A; } .social-btn.social-btn-fill.fill-white { background-color: #ffffff; border: 2px solid #ffffff; color: #212121; } .social-btn.social-btn-fill.fill-white:hover { background-color: transparent; border: 2px solid #ffffff; color: #ffffff; } .social-btn.social-btn-light { background-color: #fff; color: #212121; } .social-btn.social-btn-light:hover { background-color: #ff5252; color: #fff; } .social-btn.facebook-colored-btn, .social-btn-text.facebook-colored-btn { background-color: #3B5999; color: #fff; border: 2px solid #3B5999; } .social-btn.facebook-colored-btn:hover, .social-btn-text.facebook-colored-btn:hover { background-color: transparent; color: #3B5999; } .social-btn.twitter-colored-btn, .social-btn-text.twitter-colored-btn { background-color: #55ACEE; color: #fff; border: 2px solid #55ACEE; } .social-btn.twitter-colored-btn:hover, .social-btn-text.twitter-colored-btn:hover { background-color: transparent; color: #55ACEE; } .social-btn.linkedin-colored-btn, .social-btn-text.linkedin-colored-btn { background-color: #0077B5; color: #fff; border: 2px solid #0077B5; } .social-btn.linkedin-colored-btn:hover, .social-btn-text.linkedin-colored-btn:hover { background-color: transparent; color: #0077B5; } .social-btn.googleplus-colored-btn, .social-btn-text.googleplus-colored-btn { background-color: #DD4B39; color: #fff; border: 2px solid #DD4B39; } .social-btn.googleplus-colored-btn:hover, .social-btn-text.googleplus-colored-btn:hover { background-color: transparent; color: #DD4B39; } .social-btn.pinterest-colored-btn, .social-btn-text.pinterest-colored-btn { background-color: #BD081C; color: #fff; border: 2px solid #BD081C; } .social-btn.pinterest-colored-btn:hover, .social-btn-text.pinterest-colored-btn:hover { background-color: transparent; color: #BD081C; } .icon_effect { position: relative; overflow: hidden; } .icon_effect .icon { position: absolute; left: 20px; top: 50%; font-size: 16px; -webkit-transform: translate3d(-40px, 2.5em, 0) translateY(-50%); transform: translate3d(-40px, 2.5em, 0) translateY(-50%); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .icon_effect .text { transition: margin-left .3s ease-in-out; } .icon_effect:hover .icon { -webkit-transform: translate3d(0, 0, 0) translateY(-50%); transform: translate3d(0, 0, 0) translateY(-50%); } .icon_effect:hover .text { margin-left: 20px; } .shadow_effect:hover { box-shadow: 0 17px 10px -10px rgba(0, 0, 0, 0.4); transition: all ease-in-out 300ms; } .btn.btn-line.line_effect { position: relative; border-color: transparent; } .btn.btn-line.line_effect::before, .line_effect::after { content: ""; width: 50px; height: 2px; position: absolute; transition: all 0.2s linear; background: #222; } .btn.btn-line.line_effect_white::before, .line_effect_white::after { background: #fff; } .btn.btn-line.line_effect::before { right: 0; top: 0; transition-duration: 0.4s; } .btn.btn-line.line_effect:hover::before, .btn.btn-line.line_effect:hover::after { width: 100%; } .btn.btn-line.line_effect::after { left: 0; bottom: 0; transition-duration: 0.4s; } .btn.btn-line.line_effect span::before, .btn.btn-line.line_effect span::after { content: ""; width: 2px; height: 20px; position: absolute; transition: all 0.2s linear; background: #222; } .btn.btn-line.line_effect_white span::before, .btn.btn-line.line_effect_white span::after { background: #fff; } .btn.btn-line.line_effect span::before { left: 0; bottom: 0; transition-duration: 0.4s; } .btn.btn-line.line_effect span::after { right: 0; top: 0; transition-duration: 0.4s; } .btn.btn-line.line_effect:hover span::before, .btn.btn-line.line_effect:hover span::after { height: 100%; } .btn.btn-gradient { color: #ffffff; background-image: linear-gradient(45deg, #ed2251 0%, #ff7676 51% , #ff5252 100%); /*background-image: linear-gradient(to right, rgba(118, 94, 230, 0.85) 0%,rgba(70, 94, 252, 0.85) 100%);*/ transition: 0.5s; -webkit-transition: 0.5s; background-size: 200% auto; } .btn.btn-gradient:hover { background-position: right center; } .btn.btn-gradient:focus{ box-shadow: none; } /*---------------------------- End Button ----------------------------*/ /*----------------------------------------------------------------------------------- Custom Link style -----------------------------------------------------------------------------------*/ a.move, a.moveIcon .icon { position: relative; left: 0; margin-left: 4px; font-size: 14px; vertical-align: middle; transition: left .3s; } a.move:hover, a.moveIcon:hover .icon { left: 6px; } /*----------------------------------------------------------------------------------- End Custom Link style -----------------------------------------------------------------------------------*/ /*----------------- Header ------------------*/ /*Navik menu customization*/ .navik-menu ul li > a{ /*color: #0A0A0A;*/ font-size: 17px; text-transform: capitalize; font-weight: 500; font-family: 'Montserrat', sans-serif; } .navik-menu ul li.current-menu > a, .navik-menu ul li:hover > a{ color: #999999; } .navik-header.header-dark{ background-color: #0A0A0A; } .navik-header.header-gray{ background-color: #212121; } .navik-menu ul li > a{ color: #f5f7fb; } .navik-header.header-dark.header-default{ background-color: #ff5252; } .header-transparent .social-btn.social-btn-default{ color: #0A0A0A; } .header-transparent .social-btn.social-btn-default:hover{ color: #ffffff; } .header-transparent-on .navik-menu > ul > li > a, .header-opacity-on .navik-menu > ul > li > a, .header-transparent-on .social-btn.social-btn-default{ color: #f5f7fb; } /*.navik-header .line-menu, */ .navik-header .dropdown-plus:before, .navik-header .dropdown-plus:after{ background-color: #fff; } .navik-menu ul li.current-menu > a, .navik-menu ul li:hover > a{ color: #ff5252 !important; background: transparent !important; } /*.navik-menu ul li.current-menu > a, .navik-menu ul li:hover > a{ color: #dddddd !important; }*/ .attr-nav.social_area{ position: absolute; right: 40px; margin: 0; padding: 0; border: 0; top: 10px; } .attr-nav.search{ position: absolute; right: 40px; top: 13px; } .attr-nav.search a{ font-size: 22px; color: #212121; } .header-dark .attr-nav.search a{ color: #ffffff; } .navik-header .logo{ text-align: left; padding: 10px 0; } .burger-menu{ right: 0; top: 20px; } .navik-header.sticky { position: fixed; width: 100%; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: stickyTransition; animation-name: stickyTransition; } .line-menu{ background-color: #212121; } header .full-container-custom{ padding: 0 15px; } .left-bar{display: none;} .navik-fixed-sidebar .bottom_area { position: absolute; bottom: 5%; text-align: center; width: 100%; left: 0; } .navik-menu-fixed > ul > li > a{ color: #919399; font-size: 20px; font-weight: 500; text-transform: capitalize; font-family: 'Montserrat', sans-serif; margin-top: 15px; margin-bottom: 15px; } .navik-menu-fixed > ul ul a::before{ content: none; } .navik-menu-fixed > ul > li{ margin-bottom: 0; } .navik-menu-fixed > ul > li > ul{ padding: 0; } .navik-menu-fixed > ul li.current-menu > a, .navik-menu-fixed ul li:hover > a{ color: #212121 !important; } .navik-fixed-sidebar.dark .navik-menu-fixed ul li.current-menu > a, .navik-fixed-sidebar.dark .navik-menu-fixed ul li:hover > a{ color: #ffffff !important; } .overlay-dropdown-plus:before, .overlay-dropdown-plus:after{ background-color: #919399; } .navik-menu-fixed ul li.current-menu>.overlay-dropdown-plus:before, .navik-menu-fixed ul li.current-menu>.overlay-dropdown-plus:after, .navik-menu-fixed ul li:hover>.overlay-dropdown-plus:before, .navik-menu-fixed ul li:hover>.overlay-dropdown-plus:after{ background-color: #212121 !important; } .navik-fixed-sidebar.dark .navik-menu-fixed ul li.current-menu>.overlay-dropdown-plus:before, .navik-fixed-sidebar.dark .navik-menu-fixed ul li.current-menu>.overlay-dropdown-plus:after, .navik-fixed-sidebar.dark .navik-menu-fixed ul li:hover>.overlay-dropdown-plus:before, .navik-fixed-sidebar.dark .navik-menu-fixed ul li:hover>.overlay-dropdown-plus:after{ background-color: #ffffff !important; } .navik-menu-fixed > ul ul a{ color: #666666; font-size: 13px; font-style: normal; } .navik-fixed-sidebar.dark .navik-menu-fixed > ul ul a{ color: #6f6f6f; } .navik-fixed-sidebar .navik-header-container .fixed-menu-wrap{ max-height: 70%; overflow-y: auto; overflow-x: hidden; } .navik-fixed-sidebar .navik-header-container{ padding: 0; position: relative; } .navik-fixed-sidebar .navik-header-container .fixed-menu-wrap{ padding: 0 15px; } .navik-menu-fixed .overlay-dropdown-plus { top: 6px; right: -7px; opacity: 1; } .navik-menu .mega-menu-heading{ font-size: 18px; color: #ffffff; font-family: 'Montserrat', sans-serif; text-transform: capitalize; } .navik-menu .col-menu .mega-menu-box:last-child{ margin-bottom: 0; } .header-dark .navik-menu li > ul{ background: #212121; } .navik-menu .mega-menu-thumbnail{ margin-bottom: 0; height: 0; } .navik-header .navik-menu .mega-menu-container ul.mega-menu-list li a, .navik-menu ul ul li > a{ font-style: normal; background-color: transparent; } .navik-fixed-sidebar{ background-color: #f1f3f9; width: 280px; } .navik-fixed-sidebar.dark{ background-color: rgba(26, 26, 26, 0.98); } .navik-menu-overlay > ul > li.current-menu > .menu-overlay-link a, .navik-menu-overlay > ul > li > .menu-overlay-link a:hover, .overlay-menu-hover > .menu-overlay-link a, .overlay-dropdown-plus:hover + a, .navik-menu-overlay > ul li.current-menu > .menu-overlay-link a{ color: #ff5252 !important; } .header-transparent .attr-nav.social_area .social-btn.social-btn-line{ color: #0A0A0A; } @media (min-width: 992px) { .navik-menu li > ul{ width: 270px; background: #212121; -moz-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); -o-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); } .navik-menu ul ul li > a{ color: #999999; font-style: normal; font-size: 13px; text-transform: capitalize; padding: 7px 45px !important; } .navik-menu ul ul li:hover > a, .navik-menu ul ul li.current-menu > a{ color: #EEEEEE !important; padding-left: 50px !important; } .navik-menu > ul > li > a{ padding: 0 15px; } .navik-menu li > ul{ display: none !important; } .navik-menu li > ul.menu-block{ display: block !important; } .navik-menu li > ul ul{ top: -45px; } .navik-menu ul ul li > a:before{ content: none; } .navik-menu .mega-menu-container ul.mega-menu-list li a:hover, .navik-menu.submenu-list-border .mega-menu-container ul.mega-menu-list li a:hover { padding-left: 5px !important; } .navik-menu li.mega-menu > ul{ /*width: calc(100% + 120px) !important;*/ width: 100% !important; left: 50%; transform: translateX(-50%); background: #212121; padding: 50px; } .navik-menu li.mega-menu .col-menu{ border-right: solid 1px #282828; padding: 0 25px; } .navik-menu li.mega-menu .col-menu:last-child{ border-right-color: transparent; } .navik-header .navik-menu .mega-menu-container ul.mega-menu-list li a{ font-size: 13px; color: #C5C5C5; font-style: normal; margin-bottom: 3px; } .navik-menu .mega-menu-container{ padding: 0; } .navik-menu ul ul li.dropdown_menu > a > span:before{ border: none; top: 3px; margin-right: 8px; font-family: 'themify'; content: "\e649"; font-size: 10px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .navik-menu li > ul{ padding: 45px 0; } .navik-header-container{ height: 80px; } .navik-menu > ul > li > a{ height: 80px; line-height: 80px; } .attr-nav{float: right;} .attr-nav.social_area{ position: relative; padding: 0; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-left: 30px; padding-left: 30px; border-left: 1px solid #ccc; } .header-transparent .attr-nav.social_area{ border-left: 1px solid transparent; transition: all .3s; } .header-transparent .attr-nav.social_area .social-btn.social-btn-line{ color: #ffffff; } .header-transparent.sticky .attr-nav.social_area .social-btn.social-btn-line{ background-color: transparent; border: 2px solid #d1d3d9; color: #0A0A0A; } .header-transparent.sticky .attr-nav.social_area .social-btn.social-btn-line:hover{ background-color: #0A0A0A; border: 2px solid #0A0A0A; color: #fff; } .navik-menu ul li > a{ color: #0A0A0A; } .header-dark .attr-nav.social_area, .header-gray .attr-nav.social_area{ border-left: 1px solid #333333; } .header-dark .navik-menu ul ul li > a, .header-gray .navik-menu ul ul li > a{ color: #C5C5C5; font-size: 13px; } .attr-nav.search{ height: 100%; position: static; } .attr-nav.search a{ background: #ff5252; color: #fff; padding: 0 34px; font-size: 25px; margin-left: 40px; height: 100%; line-height: 1.7; display: flex; align-items: center; } header .full-container-custom .attr-nav.search{ margin-right: -45px; } .navik-menu li.dropdown_menu .submenu-right ul{ right: 100%; } header .full-container-custom{ padding: 0 45px; } /*Left bar*/ .left-bar{ display: block; text-align: center; padding: 30px 0; width: 100px; position: fixed; left: 0; height: 100%; z-index: 99999999; } .left-bar.bar-light{ background-color: #ffffff; } .left-bar.bar-dark{ background-color: #212121; } .left-bar.bar-dark-2{ background-color: #0A0A0A; } .left-bar a{ font-size: 22px; } .left-bar.bar-light a{ color: #212121; } .left-bar.bar-dark a{ color: #ffffff; } .left-bar-wrapper{ position: relative; height: 100%; } .left-bar-wrapper .logo{ position: absolute; width: 30px; bottom: 25px; left: 50%; transform: translateX(-50%); } .left-bar-wrapper .logo img{ width: 30px; } .left-bar .vertical_center { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 30px; } .navik-fixed-sidebar .logo{ display: none; } .expandable-panel .navik-side-content{ width: calc(100% - 100px); margin-left: auto; } .expandable-panel .navik-fixed-sidebar{ width: 280px; left: -280px; /*background-color: #f1f3f9;*/ transition: all .3s ease-in-out; } .expandable-panel .navik-fixed-sidebar.show{ left: 100px; } .navik-fixed-sidebar .navik-header-container .fixed-menu-wrap{ position: absolute; top: 50%; max-height: 50%; overflow-y: auto; transform: translateY(-50%); padding-left: 70px; padding-right: 10px; left: 0; width: calc(100% - 5px); } .navik-side-content{ width: calc(100% - 280px); } /*Scrool bar*/ /* width */ .navik-fixed-sidebar .navik-header-container .fixed-menu-wrap::-webkit-scrollbar { width: 5px; } /* Track */ nav.bootsnav.navbar-sidebar.default-dark ul.nav::-webkit-scrollbar-track { background: #616161; } .navik-fixed-sidebar .navik-header-container .fixed-menu-wrap::-webkit-scrollbar-track { background: #CCCCCC; } /* Handle */ nav.bootsnav.navbar-sidebar.default-dark ul.nav::-webkit-scrollbar-thumb { background: #ffffff; /*border-radius: 10px;*/ } .navik-fixed-sidebar .navik-header-container .fixed-menu-wrap::-webkit-scrollbar-thumb { background: #000000; /*border-radius: 10px;*/ } /* Handle on hover */ .navik-fixed-sidebar .navik-header-container .fixed-menu-wrap::-webkit-scrollbar-thumb:hover { background: #ffffff; } /*End Scrool bar*/ /* Hamburger Animation */ .hamburger_wrapper{ transform: scale(.6); } .hamburger .line{ width: 50px; height: 5px; background-color: #ffffff; display: block; margin: 8px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .left-bar.bar-dark .hamburger .line{ background-color: #ffffff; } .left-bar.bar-light .hamburger .line{ background-color: #212121; } .hamburger:hover{ cursor: pointer; } #hamburger-11{ -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #hamburger-11.is-active{ animation: smallbig 0.6s forwards; } @keyframes smallbig{ 0%, 100%{ -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50%{ -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } } #hamburger-11.is-active .line:nth-child(1), #hamburger-11.is-active .line:nth-child(2), #hamburger-11.is-active .line:nth-child(3){ -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } #hamburger-11.is-active .line:nth-child(2){ opacity: 0; } #hamburger-11.is-active .line:nth-child(1){ -webkit-transform: translateY(13px) rotate(45deg); -ms-transform: translateY(13px) rotate(45deg); -o-transform: translateY(13px) rotate(45deg); transform: translateY(13px) rotate(45deg); } #hamburger-11.is-active .line:nth-child(3){ -webkit-transform: translateY(-13px) rotate(-45deg); -ms-transform: translateY(-13px) rotate(-45deg); -o-transform: translateY(-13px) rotate(-45deg); transform: translateY(-13px) rotate(-45deg); } /* End Hamburger Animation */ .header-default .navik-menu ul li.dropdown_menu > a > span:before{ border-color: #ffffff; } .navik-menu ul li.dropdown_menu:hover > a > span:before, .navik-menu ul li.dropdown_menu.current-menu > a > span:before{ border-color: #ff5252; } .navik-header.menu-center{ text-align: center; } .navik-header.menu-center .navik-menu{ float: none; text-align: left; display: inline-block; } .navik-header .attr-nav.btn_area{ margin-top: 20px; } .navik-header.sticky .attr-nav.btn_area{ margin-top: 15px; } } @media (max-width: 992px) { .navik-header>.container, .navik-header>.container-fluid{ max-width: 100%; padding: 0; } .navik-header.header-dark{ background: #0A0A0A; } .navik-header .logo{ padding: 10px 15px; } .navik-header .burger-menu{ right: 15px; } .navik-header .attr-nav.social_area{ right: 45px; } .navik-header .navik-menu{ padding: 0 15px; } .navik-header .navik-menu{ background: #212121; max-height: 450px; overflow-y: auto; } .navik-header .mega-menu-container .col-menu{ margin-bottom: 30px; } .navik-header .mega-menu-container .col-menu:last-child{ margin-bottom: 0; } .mega-menu-thumbnail{ display: none; } .header-dark .attr-nav.search a{ margin-right: 10px; } } @-webkit-keyframes stickyTransition { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes stickyTransition { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } /*End navik menu customization*/ .top-bar{ background-color: #ff5252; } .top-bar.top-bar-red{ background-color: #F14950; } .top-bar .language, .top-bar .cart-area{ display: inline-block; vertical-align: middle; line-height: 1; } .top-bar .language .dropdown-item, .top-bar .cart-area .dropdown-item{ font-size: 14px; } .top-bar .language .dropdown-item.active, .top-bar .language .dropdown-item:active{ background-color: #ff5252; } .top-bar .language .dropdown-item:focus{ outline: none; } .top-bar .language .dropdown-toggle::after, .top-bar .cart-area .dropdown-toggle::after{ display: none; } .top-bar.top-bar-shop{ background-color: #009999; } .top-bar p,.top-bar .separator{ display: inline-block; vertical-align: middle; font-size: 13px; } .top-bar .separator{ width: 1px; height: 14px; background-color: rgba(255,255,255,0.2); margin: 0 15px; } .top-bar .social-btn-icon{ color: #fff; font-size: 12px; } .top-bar .social-btn-icon.gray-icon{ color: #888; } .top-bar .btn-group.open>.dropdown-menu{ display: block !important; } .top-bar .btn-group.open .dropdown-toggle{ box-shadow: none; } .top-bar .btn-group button.dropdown-toggle{ background: transparent; border: none; color: #ffffff; font-size: 12px; } .top-bar .btn-group button.dropdown-toggle:focus{ outline: none; } .top-bar .btn-group button.dropdown-toggle .icon{ font-size: 10px; } .top-bar .dropdown-menu{ right: -5px; left: auto; border-radius: 0; } .top-bar .cart-area .dropdown-menu{ right: -30px; width: 300px; top: 10px !important; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); } .top-bar .cart-area .dropdown-menu:before{ content: ""; position: absolute; top: -20px; right: 30px; margin-left: -5px; border-width: 10px; border-style: solid; border-color: transparent transparent #fff transparent; } .top-bar .cart-area .dropdown-menu .cart-item-area a{ padding: 20px 25px; white-space: normal; overflow: auto; display: block; border-bottom: 1px solid #EDEDED; } .top-bar .cart-area .dropdown-menu .cart-item-area a:hover{ background-color: #F8F8F8; } .top-bar .cart-area .product_info{ width: calc(100% - 65px); display: table; margin-top: 10px; float: left; } .top-bar .cart-area .product_info p{ display: block; font-weight: 600; } .top-bar .cart-area .product_info .product_name{ font-size: 13px; color: #212121; } .top-bar .cart-area .product_info .product_price{ font-size: 20px; color: #212121; } .top-bar .cart-area .img_area{ width: 65px; height: 65px; display: table; position: relative; } .top-bar .cart-area .img_area .closeCart{ position: absolute; top: -5px; border-radius: 50%; right: -5px; background: #212121; color: #fff; font-size: 7px; width: 15px; height: 15px; text-align: center; padding-top: 3px; } .top-bar .cart-area .total-text{ font-weight: 600; color: #212121; float: left; font-size: 13px; margin-top: 5px; } .top-bar .cart-area .total-price{ font-weight: 600; color: #212121; float: right; font-size: 20px; } .top-bar .cart-area .checkout-btn.btn.btn-fill{ background-color: #414f61; border-color: #414f61; } .top-bar .cart-area .checkout-btn.btn.btn-fill:hover { border-color: #414f61; color: #414f61; background-color: transparent; } nav.navbar .social_area .social-btn-icon{ width: 30px; height: 30px; font-size: 12px; } nav.navbar.bootsnav.transparent+.header-cover-carousel{ position: relative; /*top: -78px;*/ } header.navik-header .top-search{ display: none; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.95); } header.navik-header .top-search form{ overflow: auto; position: absolute; width: 65%; top: 50%; left: 50%; transform: translate(-50%, -50%); } header.navik-header .top-search input{ height: 70px; border-radius: 0; font-size: 35px; border: none; border-bottom: 1px solid #fff; background-color: transparent; -moz-box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px; -o-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; color: #fff; padding: 0 15px; } header.navik-header .top-search button, header.navik-header .top-search button:focus{ position: absolute; top: 0; font-size: 28px; right: 0px; height: 70px; text-align: left; background: transparent; border: none; outline: none; color: #fff; } header.navik-header .top-search .input-group-addon.close-search{ position: absolute; top: 50px; right: 50px; font-size: 25px; cursor: pointer; color: #fff; } /*----------------- End Header ------------------*/ /*----------------- Cover ------------------*/ .header-cover{ position: relative; height: 700px; /*background-image: url(../img/cover/header9.jpg);*/ background-size: cover; background-position: center; } .header-cover.full-height{ height: 100vh; } .header-cover.overlay::before { content: ''; position: absolute; top: 0; width: 100%; height: 100%; } .overlay.darkOverlay::before { background-color: rgba(10, 10, 10, 0.65); } .overlay.semi-darkOverlay::before { background-color: rgba(10, 10, 10, 0.45); } .header-cover.overlay.redOverlay::before { background-color: rgba(255, 82, 82, 0.85); } .header-cover.solidDarkOverlay::before { background-color: rgba(10, 10, 10, 0.65); } .header-cover.darkGradientOverlay::before{ background: -moz-linear-gradient(top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.83) 40%, rgba(0,0,0,0.6) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.83) 40%,rgba(0,0,0,0.6) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 0%,rgba(0, 0, 0, 0.83) 40%,rgba(0,0,0,0.6) 100%); } .cover-content{ position: relative; } .cover-lg-heading,.cover-sm-heading{ font-family: San-Francisco-Bold, sans-serif; font-weight: 700; line-height: 1.1; } .cover-lg-heading .smaller-part{ display: block; } .header-cover-carousel .owl-dots{ position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); margin: 0; } .header-cover-carousel .carousel-indicators li{ display: inline-block; width: 40px; height: 3px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: rgba(255,255,255,.5); border: none; border-radius: 8px; } .carousel-indicators{ z-index: 1; margin-bottom: 20px; } .header-cover-carousel .carousel-indicators .active{ background-color: #fff; } .header-cover-carousel .carousel-inner>.carousel-item{ cursor: -webkit-grab; cursor: grab; } /*Custom effect carousel*/ .custom-effect-carousel{ overflow: hidden; } .custom-effect-carousel .carousel{ filter: blur(8px); -webkit-filter: blur(8px); transform: scale(1.1); } .custom-effect-carousel .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; } .custom-effect-carousel .carousel-fade .carousel-inner .active { opacity: 1; } .custom-effect-carousel .carousel-fade .carousel-inner .active.left, .custom-effect-carousel .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .custom-effect-carousel .carousel-fade .carousel-inner .next.left, .custom-effect-carousel .carousel-fade .carousel-inner .prev.right { opacity: 1; } .custom-effect-carousel .carousel-fade .carousel-control { z-index: 2; } @media all and (transform-3d), (-webkit-transform-3d) { .custom-effect-carousel .carousel-fade .carousel-inner > .item.next, .custom-effect-carousel .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .custom-effect-carousel .carousel-fade .carousel-inner > .item.prev, .custom-effect-carousel .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .custom-effect-carousel .carousel-fade .carousel-inner > .item.next.left, .custom-effect-carousel .carousel-fade .carousel-inner > .item.prev.right, .custom-effect-carousel .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .custom-effect-carousel .blur{ overflow: hidden; -webkit-animation-name: blurAnimation; /* Safari 4.0 - 8.0 */ -webkit-animation-duration: 2.5s; /* Safari 4.0 - 8.0 */ animation-name: blurAnimation; animation-duration: 2.5s; animation-fill-mode: forwards; } @-webkit-keyframes blurAnimation { from { filter: blur(8px); -webkit-filter: blur(8px); transform: scale(1.1); } to { filter: blur(0); -webkit-filter: blur(0); transform: scale(1); } } /*End Custom effect carousel*/ .header-cover.header-cover-style1{ display: flex; display: -webkit-flex; /* Safari */ align-items: center; -webkit-align-items: center; /* Safari 7.0+ */ } .header-cover.header-cover-style2 .cover-content{ background: rgba(255, 82, 82, 0.85); position: absolute; right: 0; bottom: 0; padding: 70px; width: 45%; } .header-cover.header-cover-style5 .cover-content{ background: rgba(255, 82, 82, 0.85); position: absolute; left: 0; top: 50%; transform: translate(0%, -50%); padding: 0 90px; width: 45%; height: 100%; } .header-cover.header-cover-style3{ display: flex; display: -webkit-flex; /* Safari */ align-items: center; -webkit-align-items: center; /* Safari 7.0+ */ } .header-cover.header-cover-style3 .cover-content{ margin-left: 100px; max-width: 600px; } .header-cover.header-cover-style4 .cover-content{ background-color: rgba(0, 0, 0, 0.8); padding: 60px 0; position: absolute; width: 100%; bottom: 0; } .header-cover.main-page-cover{ background-position: center center; } .header-cover.main-page-cover .cover-content{ margin-top: -8%; } .header-cover.header-cover-form{ height: 800px; } .header-cover.main-page-cover .cover-lg-heading, .header-cover.main-page-cover .cover-sub-heading{ text-shadow: 2px 2px 8px #000000; } .header-cover-form .form_area{ position: absolute; top: 50%; right: 100px; transform: translateY(-50%); } /*revolution slider*/ #slide-2802-layer-1{ min-width: 700px !important; } @media (max-width: 1500px){ .header-cover.header-cover-style2 .cover-content, .header-cover.header-cover-style5 .cover-content{ width: 55%; } } @media (min-width: 1024px){ .header-cover .cover-lg-heading{ font-size: 80px; } .header-cover.rev_slider_wrapper .cover-lg-heading{ font-size: 55px !important; } .cover-lg-heading .smaller-part{ font-size: 70px; } .header-cover .cover-sm-heading{ font-size: 50px; } .header-cover .cover-sub-heading{ font-size: 18px; } .header-cover.rev_slider_wrapper .cover-sub-heading{ font-size: 18px !important; } .header-cover-form .form_area{ min-width: 500px; } } @media (max-width: 1023px){ .header-cover .cover-lg-heading{ font-size: 70px; } .header-cover.rev_slider_wrapper .cover-lg-heading{ font-size: 55px !important; } .cover-lg-heading .smaller-part, .header-cover .cover-sm-heading{ font-size: 55px; } .header-cover .cover-sub-heading{ font-size: 18px; } .header-cover.rev_slider_wrapper .cover-sub-heading{ font-size: 18px !important; } .header-cover.header-cover-style5 .cover-content{ padding: 0 40px; width: 70%; } .header-cover.header-cover-form .form_area{ right: auto; left: 50%; transform: translate(-50%,-50%); } } @media (max-width: 767px){ .header-cover{ height: 400px; } .header-cover.header-cover-form{ height: 800px !important; } .header-cover .cover-lg-heading{ font-size: 37px !important; line-height: 1; } .header-cover.rev_slider_wrapper .cover-lg-heading{ font-size: 37px !important; line-height: 1; } .cover-lg-heading .smaller-part, .header-cover .cover-sm-heading{ font-size: 27px; } .header-cover .cover-sub-heading{ font-size: 14px !important; } .header-cover.rev_slider_wrapper .cover-sub-heading{ font-size: 14px !important; } .header-cover.header-cover-style5 .cover-content{ padding: 0 40px; width: 100%; } .header-cover.header-cover-style2 .cover-content{ width: 100%; padding: 40px 40px 40px 90px; } .header-cover.main-page-cover::before { background-color: rgba(10, 10, 10, 0.65); } .header-cover.header-cover-style3 .cover-content{ margin-left: 0; } } @media (min-width: 1500px){ .header-cover.rev_slider_wrapper .cover-lg-heading{ font-size: 80px !important; } .header-cover.header-cover-style3 .cover-content-2{ margin-left: 250px; } } /*----------------- End Cover ------------------*/ /*index page*/ .single_template{ padding: 10px !important; } #templateSectionLink{ position: absolute; z-index: 99999; left: 50%; bottom: 100px; color: #999999; font-size: 30px; animation: arrowDownAnimate 1s ease-in-out infinite; transform: translateX(-50%); } #templateSectionLink:hover{ color: #ff5252; } @keyframes arrowDownAnimate { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(0, 10px); } } /*end index page*/ /*custom bar*/ .custom-bar{ width: 28px; } .custom-bar .line1, .custom-bar .line2, .custom-bar .line3{ position: relative; display: block; width: 100%; height: 5px; background: #212121; margin-bottom: 4px; transition: all .3s; } .custom-bar .line2{ left: 5px; } .custom-bar:hover .line2{ left: -5px; } .custom-bar.light .line1, .custom-bar.light .line2, .custom-bar.light .line3{ background: #ffffff; } /*end custom bar*/ /*preloader*/ .pre-loader{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #ffffff; display: flex; justify-content: center; align-items: center; z-index: 999999999; } .loading { display: inline-block; position: relative; width: 64px; height: 64px; } .loading div { position: absolute; top: 27px; width: 11px; height: 11px; border-radius: 50%; background: #ccc; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .loading div:nth-child(1) { left: 6px; animation: loading1 0.6s infinite; } .loading div:nth-child(2) { left: 6px; animation: loading2 0.6s infinite; } .loading div:nth-child(3) { left: 26px; animation: loading2 0.6s infinite; } .loading div:nth-child(4) { left: 45px; animation: loading3 0.6s infinite; } @keyframes loading1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes loading3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes loading2 { 0% { transform: translate(0, 0); } 100% { transform: translate(19px, 0); } }