/*
Theme Name: Uni Creation
Theme URI: 
Author: Uni Creation
Author URI: 
Description: 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: shtheme
Tags: 
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Setup theme
# Modal
# Grid System
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
## Sidebar - Widgets
# Content
	## Posts and pages
	## Comments
# Media
	## Captions
	## Galleries
## Layout construct
## Shortcode
## Footer
## Menu Mobile
## Custom css
## Responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap");
*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

body { font-family: "Open Sans", Arial, sans-serif; font-size: 14px; color: #333333; margin: 0; }

a { color: #EA232B; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; text-decoration: none; }
a:hover { color: #EA232B; }
a:hover, a:active, a:focus, a:visited { text-decoration: none; }

img { max-width: 100%; height: auto; }

.site-boxed { max-width: 1140px; margin: 0 auto; }
.site-boxed .container { padding-left: 0; padding-right: 0; }

/*--------------------------------------------------------------
# Setup theme
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Margin - Padding
--------------------------------------------------------------*/
.m-0 { margin: 0 !important; }

.mt-0, .my-0 { margin-top: 0 !important; }

.mr-0, .mx-0 { margin-right: 0 !important; }

.mb-0, .my-0 { margin-bottom: 0 !important; }

.ml-0, .mx-0 { margin-left: 0 !important; }

.m-1 { margin: 0.25rem !important; }

.mt-1, .my-1 { margin-top: 0.25rem !important; }

.mr-1, .mx-1 { margin-right: 0.25rem !important; }

.mb-1, .my-1 { margin-bottom: 0.25rem !important; }

.ml-1, .mx-1 { margin-left: 0.25rem !important; }

.m-2 { margin: 0.5rem !important; }

.mt-2, .my-2 { margin-top: 0.5rem !important; }

.mr-2, .mx-2 { margin-right: 0.5rem !important; }

.mb-2, .my-2 { margin-bottom: 0.5rem !important; }

.ml-2, .mx-2 { margin-left: 0.5rem !important; }

.m-3 { margin: 1rem !important; }

.mt-3, .my-3 { margin-top: 1rem !important; }

.mr-3, .mx-3 { margin-right: 1rem !important; }

.mb-3, .my-3 { margin-bottom: 1rem !important; }

.ml-3, .mx-3 { margin-left: 1rem !important; }

.m-4 { margin: 1.5rem !important; }

.mt-4, .my-4 { margin-top: 1.5rem !important; }

.mr-4, .mx-4 { margin-right: 1.5rem !important; }

.mb-4, .my-4 { margin-bottom: 1.5rem !important; }

.ml-4, .mx-4 { margin-left: 1.5rem !important; }

.m-5 { margin: 3rem !important; }

.mt-5, .my-5 { margin-top: 3rem !important; }

.mr-5, .mx-5 { margin-right: 3rem !important; }

.mb-5, .my-5 { margin-bottom: 3rem !important; }

.ml-5, .mx-5 { margin-left: 3rem !important; }

.p-0 { padding: 0 !important; }

.pt-0, .py-0 { padding-top: 0 !important; }

.pr-0, .px-0 { padding-right: 0 !important; }

.pb-0, .py-0 { padding-bottom: 0 !important; }

.pl-0, .px-0 { padding-left: 0 !important; }

.p-1 { padding: 0.25rem !important; }

.pt-1, .py-1 { padding-top: 0.25rem !important; }

.pr-1, .px-1 { padding-right: 0.25rem !important; }

.pb-1, .py-1 { padding-bottom: 0.25rem !important; }

.pl-1, .px-1 { padding-left: 0.25rem !important; }

.p-2 { padding: 0.5rem !important; }

.pt-2, .py-2 { padding-top: 0.5rem !important; }

.pr-2, .px-2 { padding-right: 0.5rem !important; }

.pb-2, .py-2 { padding-bottom: 0.5rem !important; }

.pl-2, .px-2 { padding-left: 0.5rem !important; }

.p-3 { padding: 1rem !important; }

.pt-3, .py-3 { padding-top: 1rem !important; }

.pr-3, .px-3 { padding-right: 1rem !important; }

.pb-3, .py-3 { padding-bottom: 1rem !important; }

.pl-3, .px-3 { padding-left: 1rem !important; }

.p-4 { padding: 1.5rem !important; }

.pt-4, .py-4 { padding-top: 1.5rem !important; }

.pr-4, .px-4 { padding-right: 1.5rem !important; }

.pb-4, .py-4 { padding-bottom: 1.5rem !important; }

.pl-4, .px-4 { padding-left: 1.5rem !important; }

.p-5 { padding: 3rem !important; }

.pt-5, .py-5 { padding-top: 3rem !important; }

.pr-5, .px-5 { padding-right: 3rem !important; }

.pb-5, .py-5 { padding-bottom: 3rem !important; }

.pl-5, .px-5 { padding-left: 3rem !important; }

.m-auto { margin: auto !important; }

.mt-auto, .my-auto { margin-top: auto !important; }

.mr-auto, .mx-auto { margin-right: auto !important; }

.mb-auto, .my-auto { margin-bottom: auto !important; }

.ml-auto, .mx-auto { margin-left: auto !important; }

@media (min-width: 576px) { .m-sm-0 { margin: 0 !important; }
  .mt-sm-0, .my-sm-0 { margin-top: 0 !important; }
  .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; }
  .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; }
  .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; }
  .m-sm-1 { margin: 0.25rem !important; }
  .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; }
  .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; }
  .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; }
  .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; }
  .m-sm-2 { margin: 0.5rem !important; }
  .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; }
  .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; }
  .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; }
  .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; }
  .m-sm-3 { margin: 1rem !important; }
  .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; }
  .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; }
  .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; }
  .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; }
  .m-sm-4 { margin: 1.5rem !important; }
  .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; }
  .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; }
  .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; }
  .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; }
  .m-sm-5 { margin: 3rem !important; }
  .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; }
  .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; }
  .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; }
  .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; }
  .p-sm-0 { padding: 0 !important; }
  .pt-sm-0, .py-sm-0 { padding-top: 0 !important; }
  .pr-sm-0, .px-sm-0 { padding-right: 0 !important; }
  .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; }
  .pl-sm-0, .px-sm-0 { padding-left: 0 !important; }
  .p-sm-1 { padding: 0.25rem !important; }
  .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; }
  .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; }
  .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; }
  .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; }
  .p-sm-2 { padding: 0.5rem !important; }
  .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; }
  .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; }
  .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; }
  .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; }
  .p-sm-3 { padding: 1rem !important; }
  .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; }
  .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; }
  .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; }
  .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; }
  .p-sm-4 { padding: 1.5rem !important; }
  .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; }
  .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; }
  .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; }
  .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; }
  .p-sm-5 { padding: 3rem !important; }
  .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; }
  .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; }
  .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; }
  .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; }
  .m-sm-auto { margin: auto !important; }
  .mt-sm-auto, .my-sm-auto { margin-top: auto !important; }
  .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; }
  .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; }
  .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } }
@media (min-width: 768px) { .m-md-0 { margin: 0 !important; }
  .mt-md-0, .my-md-0 { margin-top: 0 !important; }
  .mr-md-0, .mx-md-0 { margin-right: 0 !important; }
  .mb-md-0, .my-md-0 { margin-bottom: 0 !important; }
  .ml-md-0, .mx-md-0 { margin-left: 0 !important; }
  .m-md-1 { margin: 0.25rem !important; }
  .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; }
  .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; }
  .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; }
  .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; }
  .m-md-2 { margin: 0.5rem !important; }
  .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; }
  .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; }
  .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; }
  .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; }
  .m-md-3 { margin: 1rem !important; }
  .mt-md-3, .my-md-3 { margin-top: 1rem !important; }
  .mr-md-3, .mx-md-3 { margin-right: 1rem !important; }
  .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; }
  .ml-md-3, .mx-md-3 { margin-left: 1rem !important; }
  .m-md-4 { margin: 1.5rem !important; }
  .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; }
  .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; }
  .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; }
  .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; }
  .m-md-5 { margin: 3rem !important; }
  .mt-md-5, .my-md-5 { margin-top: 3rem !important; }
  .mr-md-5, .mx-md-5 { margin-right: 3rem !important; }
  .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; }
  .ml-md-5, .mx-md-5 { margin-left: 3rem !important; }
  .p-md-0 { padding: 0 !important; }
  .pt-md-0, .py-md-0 { padding-top: 0 !important; }
  .pr-md-0, .px-md-0 { padding-right: 0 !important; }
  .pb-md-0, .py-md-0 { padding-bottom: 0 !important; }
  .pl-md-0, .px-md-0 { padding-left: 0 !important; }
  .p-md-1 { padding: 0.25rem !important; }
  .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; }
  .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; }
  .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; }
  .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; }
  .p-md-2 { padding: 0.5rem !important; }
  .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; }
  .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; }
  .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; }
  .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; }
  .p-md-3 { padding: 1rem !important; }
  .pt-md-3, .py-md-3 { padding-top: 1rem !important; }
  .pr-md-3, .px-md-3 { padding-right: 1rem !important; }
  .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; }
  .pl-md-3, .px-md-3 { padding-left: 1rem !important; }
  .p-md-4 { padding: 1.5rem !important; }
  .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; }
  .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; }
  .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; }
  .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; }
  .p-md-5 { padding: 3rem !important; }
  .pt-md-5, .py-md-5 { padding-top: 3rem !important; }
  .pr-md-5, .px-md-5 { padding-right: 3rem !important; }
  .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; }
  .pl-md-5, .px-md-5 { padding-left: 3rem !important; }
  .m-md-auto { margin: auto !important; }
  .mt-md-auto, .my-md-auto { margin-top: auto !important; }
  .mr-md-auto, .mx-md-auto { margin-right: auto !important; }
  .mb-md-auto, .my-md-auto { margin-bottom: auto !important; }
  .ml-md-auto, .mx-md-auto { margin-left: auto !important; } }
@media (min-width: 992px) { .m-lg-0 { margin: 0 !important; }
  .mt-lg-0, .my-lg-0 { margin-top: 0 !important; }
  .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; }
  .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; }
  .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; }
  .m-lg-1 { margin: 0.25rem !important; }
  .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; }
  .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; }
  .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; }
  .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; }
  .m-lg-2 { margin: 0.5rem !important; }
  .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; }
  .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; }
  .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; }
  .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; }
  .m-lg-3 { margin: 1rem !important; }
  .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; }
  .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; }
  .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; }
  .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; }
  .m-lg-4 { margin: 1.5rem !important; }
  .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; }
  .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; }
  .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; }
  .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; }
  .m-lg-5 { margin: 3rem !important; }
  .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; }
  .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; }
  .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; }
  .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; }
  .p-lg-0 { padding: 0 !important; }
  .pt-lg-0, .py-lg-0 { padding-top: 0 !important; }
  .pr-lg-0, .px-lg-0 { padding-right: 0 !important; }
  .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; }
  .pl-lg-0, .px-lg-0 { padding-left: 0 !important; }
  .p-lg-1 { padding: 0.25rem !important; }
  .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; }
  .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; }
  .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; }
  .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; }
  .p-lg-2 { padding: 0.5rem !important; }
  .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; }
  .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; }
  .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; }
  .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; }
  .p-lg-3 { padding: 1rem !important; }
  .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; }
  .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; }
  .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; }
  .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; }
  .p-lg-4 { padding: 1.5rem !important; }
  .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; }
  .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; }
  .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; }
  .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; }
  .p-lg-5 { padding: 3rem !important; }
  .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; }
  .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; }
  .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; }
  .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; }
  .m-lg-auto { margin: auto !important; }
  .mt-lg-auto, .my-lg-auto { margin-top: auto !important; }
  .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; }
  .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; }
  .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } }
@media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; }
  .mt-xl-0, .my-xl-0 { margin-top: 0 !important; }
  .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; }
  .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; }
  .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; }
  .m-xl-1 { margin: 0.25rem !important; }
  .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; }
  .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; }
  .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; }
  .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; }
  .m-xl-2 { margin: 0.5rem !important; }
  .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; }
  .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; }
  .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; }
  .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; }
  .m-xl-3 { margin: 1rem !important; }
  .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; }
  .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; }
  .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; }
  .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; }
  .m-xl-4 { margin: 1.5rem !important; }
  .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; }
  .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; }
  .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; }
  .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; }
  .m-xl-5 { margin: 3rem !important; }
  .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; }
  .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; }
  .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; }
  .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; }
  .p-xl-0 { padding: 0 !important; }
  .pt-xl-0, .py-xl-0 { padding-top: 0 !important; }
  .pr-xl-0, .px-xl-0 { padding-right: 0 !important; }
  .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; }
  .pl-xl-0, .px-xl-0 { padding-left: 0 !important; }
  .p-xl-1 { padding: 0.25rem !important; }
  .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; }
  .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; }
  .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; }
  .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; }
  .p-xl-2 { padding: 0.5rem !important; }
  .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; }
  .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; }
  .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; }
  .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; }
  .p-xl-3 { padding: 1rem !important; }
  .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; }
  .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; }
  .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; }
  .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; }
  .p-xl-4 { padding: 1.5rem !important; }
  .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; }
  .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; }
  .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; }
  .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; }
  .p-xl-5 { padding: 3rem !important; }
  .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; }
  .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; }
  .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; }
  .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; }
  .m-xl-auto { margin: auto !important; }
  .mt-xl-auto, .my-xl-auto { margin-top: auto !important; }
  .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; }
  .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; }
  .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } }
/*--------------------------------------------------------------
# Sizes
--------------------------------------------------------------*/
.w-25 { width: 25% !important; }

.w-50 { width: 50% !important; }

.w-75 { width: 75% !important; }

.w-100 { width: 100% !important; }

.w-auto { width: auto !important; }

.h-25 { height: 25% !important; }

.h-50 { height: 50% !important; }

.h-75 { height: 75% !important; }

.h-100 { height: 100% !important; }

.h-auto { height: auto !important; }

.mw-100 { max-width: 100% !important; }

.mh-100 { max-height: 100% !important; }

/*--------------------------------------------------------------
# Display
--------------------------------------------------------------*/
.d-none { display: none !important; }

.d-inline { display: inline !important; }

.d-inline-block { display: inline-block !important; }

.d-block { display: block !important; }

.d-table { display: table !important; }

.d-table-row { display: table-row !important; }

.d-table-cell { display: table-cell !important; }

.d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }

.d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; }

@media (min-width: 576px) { .d-sm-none { display: none !important; }
  .d-sm-inline { display: inline !important; }
  .d-sm-inline-block { display: inline-block !important; }
  .d-sm-block { display: block !important; }
  .d-sm-table { display: table !important; }
  .d-sm-table-row { display: table-row !important; }
  .d-sm-table-cell { display: table-cell !important; }
  .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
  .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } }
@media (min-width: 768px) { .d-md-none { display: none !important; }
  .d-md-inline { display: inline !important; }
  .d-md-inline-block { display: inline-block !important; }
  .d-md-block { display: block !important; }
  .d-md-table { display: table !important; }
  .d-md-table-row { display: table-row !important; }
  .d-md-table-cell { display: table-cell !important; }
  .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
  .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } }
@media (min-width: 992px) { .d-lg-none { display: none !important; }
  .d-lg-inline { display: inline !important; }
  .d-lg-inline-block { display: inline-block !important; }
  .d-lg-block { display: block !important; }
  .d-lg-table { display: table !important; }
  .d-lg-table-row { display: table-row !important; }
  .d-lg-table-cell { display: table-cell !important; }
  .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
  .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } }
@media (min-width: 1200px) { .d-xl-none { display: none !important; }
  .d-xl-inline { display: inline !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-block { display: block !important; }
  .d-xl-table { display: table !important; }
  .d-xl-table-row { display: table-row !important; }
  .d-xl-table-cell { display: table-cell !important; }
  .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
  .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } }
/*--------------------------------------------------------------
# Display - Utilities for toggling `display` in print
--------------------------------------------------------------*/
@media print { .d-print-none { display: none !important; }
  .d-print-inline { display: inline !important; }
  .d-print-inline-block { display: inline-block !important; }
  .d-print-block { display: block !important; }
  .d-print-table { display: table !important; }
  .d-print-table-row { display: table-row !important; }
  .d-print-table-cell { display: table-cell !important; }
  .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
  .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } }
/*--------------------------------------------------------------
# Text
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Text - Align
--------------------------------------------------------------*/
.text-justify { text-align: justify !important; }

.text-nowrap { white-space: nowrap !important; }

/*--------------------------------------------------------------
# Text - Responsive
--------------------------------------------------------------*/
.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

.text-center { text-align: center !important; }

@media (min-width: 576px) { .text-sm-left { text-align: left !important; }
  .text-sm-right { text-align: right !important; }
  .text-sm-center { text-align: center !important; } }
@media (min-width: 768px) { .text-md-left { text-align: left !important; }
  .text-md-right { text-align: right !important; }
  .text-md-center { text-align: center !important; } }
@media (min-width: 992px) { .text-lg-left { text-align: left !important; }
  .text-lg-right { text-align: right !important; }
  .text-lg-center { text-align: center !important; } }
@media (min-width: 1200px) { .text-xl-left { text-align: left !important; }
  .text-xl-right { text-align: right !important; }
  .text-xl-center { text-align: center !important; } }
/*--------------------------------------------------------------
# Text - transform
--------------------------------------------------------------*/
.text-lowercase { text-transform: lowercase !important; }

.text-uppercase { text-transform: uppercase !important; }

.text-capitalize { text-transform: capitalize !important; }

/*--------------------------------------------------------------
# Grid Column
--------------------------------------------------------------*/
.col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.col-sm-15 { -webkit-box-flex: 0; -ms-flex: 0 0 20%  !important; flex: 0 0 20%  !important; max-width: 20%  !important; }

@media (min-width: 768px) { .col-md-15 { -webkit-box-flex: 0; -ms-flex: 0 0 20%  !important; flex: 0 0 20%  !important; max-width: 20%  !important; } }
@media (min-width: 992px) { .col-lg-15 { -webkit-box-flex: 0; -ms-flex: 0 0 20%  !important; flex: 0 0 20%  !important; max-width: 20%  !important; } }
@media (min-width: 1200px) { .col-xl-15 { -webkit-box-flex: 0; -ms-flex: 0 0 20% !important; flex: 0 0 20% !important; max-width: 20% !important; } }
/*--------------------------------------------------------------
# Container Width
--------------------------------------------------------------*/
.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width: 576px) { .container { max-width: 540px; } }
@media (min-width: 768px) { .container { max-width: 720px; } }
@media (min-width: 992px) { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1200px; } }

/*--------------------------------------------------------------
# Container Width - Fluid
--------------------------------------------------------------*/
.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

/*--------------------------------------------------------------
# Container Width - Row
--------------------------------------------------------------*/
.row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.no-gutters { margin-right: 0; margin-left: 0; }
.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }

/*--------------------------------------------------------------
# Container Width - Column
--------------------------------------------------------------*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

.col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }

.col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }

.col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }

.col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }

.col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }

.col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }

.col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

.col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }

.col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }

.col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }

.col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }

.col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }

.col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

.order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }

.order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; }

.order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }

.order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }

.order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }

.order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }

.order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; }

.order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; }

.order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; }

.order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; }

.order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; }

.order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; }

.order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; }

.offset-1 { margin-left: 8.3333333333%; }

.offset-2 { margin-left: 16.6666666667%; }

.offset-3 { margin-left: 25%; }

.offset-4 { margin-left: 33.3333333333%; }

.offset-5 { margin-left: 41.6666666667%; }

.offset-6 { margin-left: 50%; }

.offset-7 { margin-left: 58.3333333333%; }

.offset-8 { margin-left: 66.6666666667%; }

.offset-9 { margin-left: 75%; }

.offset-10 { margin-left: 83.3333333333%; }

.offset-11 { margin-left: 91.6666666667%; }

@media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
  .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
  .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
  .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
  .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
  .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
  .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
  .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; }
  .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }
  .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
  .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
  .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }
  .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; }
  .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; }
  .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; }
  .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; }
  .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; }
  .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; }
  .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; }
  .offset-sm-0 { margin-left: 0; }
  .offset-sm-1 { margin-left: 8.3333333333%; }
  .offset-sm-2 { margin-left: 16.6666666667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.3333333333%; }
  .offset-sm-5 { margin-left: 41.6666666667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.3333333333%; }
  .offset-sm-8 { margin-left: 66.6666666667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.3333333333%; }
  .offset-sm-11 { margin-left: 91.6666666667%; } }
@media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
  .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
  .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
  .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
  .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
  .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
  .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
  .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; }
  .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }
  .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
  .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
  .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }
  .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; }
  .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; }
  .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; }
  .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; }
  .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; }
  .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; }
  .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; }
  .offset-md-0 { margin-left: 0; }
  .offset-md-1 { margin-left: 8.3333333333%; }
  .offset-md-2 { margin-left: 16.6666666667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.3333333333%; }
  .offset-md-5 { margin-left: 41.6666666667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.3333333333%; }
  .offset-md-8 { margin-left: 66.6666666667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.3333333333%; }
  .offset-md-11 { margin-left: 91.6666666667%; } }
@media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
  .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
  .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
  .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
  .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
  .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
  .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
  .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; }
  .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }
  .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
  .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
  .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }
  .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; }
  .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; }
  .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; }
  .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; }
  .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; }
  .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; }
  .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; }
  .offset-lg-0 { margin-left: 0; }
  .offset-lg-1 { margin-left: 8.3333333333%; }
  .offset-lg-2 { margin-left: 16.6666666667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.3333333333%; }
  .offset-lg-5 { margin-left: 41.6666666667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.3333333333%; }
  .offset-lg-8 { margin-left: 66.6666666667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.3333333333%; }
  .offset-lg-11 { margin-left: 91.6666666667%; } }
@media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
  .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
  .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
  .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
  .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
  .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
  .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
  .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; }
  .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }
  .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
  .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
  .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }
  .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; }
  .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; }
  .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; }
  .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; }
  .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; }
  .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; }
  .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; }
  .offset-xl-0 { margin-left: 0; }
  .offset-xl-1 { margin-left: 8.3333333333%; }
  .offset-xl-2 { margin-left: 16.6666666667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.3333333333%; }
  .offset-xl-5 { margin-left: 41.6666666667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.3333333333%; }
  .offset-xl-8 { margin-left: 66.6666666667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.3333333333%; }
  .offset-xl-11 { margin-left: 91.6666666667%; } }
/*--------------------------------------------------------------
# Flex Style
--------------------------------------------------------------*/
.flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; }

.flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }

.flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }

.flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }

.flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }

.flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }

.flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }

.flex-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }

.flex-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; }

.flex-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; }

.flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }

.flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }

.justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }

.justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }

.justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }

.justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }

.justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }

.align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }

.align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; }

.align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }

.align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; }

.align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; }

.align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }

.align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }

.align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; }

.align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }

.align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }

.align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }

.align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }

.align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }

.align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }

.align-self-center { -ms-flex-item-align: center !important; align-self: center !important; }

.align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }

.align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; }

@media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .flex-sm-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }
  .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }
@media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .flex-md-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .flex-md-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .flex-md-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }
  .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }
@media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .flex-lg-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }
  .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }
@media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .flex-xl-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }
  .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }
/*--------------------------------------------------------------
# Table Style
--------------------------------------------------------------*/
.table { width: 100%; margin-bottom: 1rem; background-color: transparent; }
.table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; }
.table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; }
.table tbody + tbody { border-top: 2px solid #dee2e6; }
.table .table { background-color: #FFF; }

.table-sm th, .table-sm td { padding: 0.3rem; }

.table-bordered { border: 1px solid #dee2e6; }
.table-bordered th, .table-bordered td { border: 1px solid #dee2e6; }
.table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; }

.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; }

.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); }

.table-#EA232B, .table-#EA232B > th, .table-#EA232B > td { background-color: theme-color-level(#EA232B, -9); }

.table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); }

.table .thead-dark th { color: #FFF; background-color: #212529; border-color: #32383e; }
.table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; }

.table-dark { color: #FFF; background-color: #212529; }
.table-dark th, .table-dark td, .table-dark thead th { border-color: #32383e; }
.table-dark.table-bordered { border: 0; }
.table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); }

@media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive-sm > .table-bordered { border: 0; } }
@media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive-md > .table-bordered { border: 0; } }
@media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive-lg > .table-bordered { border: 0; } }
@media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive-xl > .table-bordered { border: 0; } }
.table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
.table-responsive > .table-bordered { border: 0; }

/*--------------------------------------------------------------
# Setup Style
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; }

h1, .h1 { font-size: 2.5rem; }

h2, .h2 { font-size: 2rem; }

h3, .h3 { font-size: 1.75rem; }

h4, .h4 { font-size: 1.5rem; }

h5, .h5 { font-size: 1.25rem; }

h6, .h6 { font-size: 1rem; }

p { margin-top: 0; margin-bottom: 1rem; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

figure { margin: 0 0 1rem; }

img { vertical-align: middle; border-style: none; }

label { display: inline-block; margin-bottom: 0.5rem; }

pre { display: block; font-size: 87.5%; color: #212529; }

pre code { font-size: inherit; color: inherit; word-break: normal; }

button, input, optgroup, select, textarea { margin: 0; outline: none; }

button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }

button, input { overflow: visible; outline: none; }

button, select { text-transform: none; }

.form-group { margin-bottom: 1rem; }

.form-text { display: block; margin-top: 0.25rem; }

.form-row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }

.form-row > .col, .form-row > [class*=col-] { padding-right: 5px; padding-left: 5px; }

.form-check { position: relative; display: block; padding-left: 1.25rem; }

.form-check-input { position: absolute; margin-top: .3rem; margin-left: -1.25rem; }

.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label { color: #6c757d; }

.form-check-label { margin-bottom: 0; }

.form-check-inline { display: -ms-inline-flexbox; display: -webkit-inline-box; display: inline-flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; }

.form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: .3125rem; margin-left: 0; }

.form-control { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ccc; background-clip: padding-box; outline: none; border-radius: .25rem; -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; }

textarea { overflow: auto; resize: vertical; }

.btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; }

[role=button] { cursor: pointer; }

select { word-wrap: normal; }

[type=button], [type=reset], [type=submit], button { -webkit-appearance: button; }

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none; }

input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

textarea { overflow: auto; resize: vertical; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; }

[type=search] { outline-offset: -2px; -webkit-appearance: none; }

[type=search]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }

output { display: inline-block; }

summary { display: list-item; cursor: pointer; }

template { display: none; }

[hidden] { display: none !important; }

.alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; background-color: #cce5ff; border-color: #b8daff; }

/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/
.modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; background: rgba(0, 0, 0, 0.5); }

.modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none; }

.modal-dialog-centered { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; min-height: calc(100% - 1rem); }

.modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; content: ""; }

.modal-content { position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; outline: 0; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-animation-name: fadeIn; -webkit-animation-duration: 0.4s; animation-name: fadeIn; animation-duration: 0.4s; }

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
.modal-header { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px); }

.modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; }

.modal-title { margin-bottom: 0; line-height: 1.5; }

.modal-body { position: relative; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; padding: 1rem; }

.modal-footer { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; padding: .75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px); }

.modal-footer > * { margin: 0.25rem; }

@media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; }
  .modal-dialog-centered { min-height: calc(100% - 3.5rem); }
  .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; } }
@media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } }
@media (min-width: 1200px) { .modal-xl { max-width: 1140px; } }
/*--------------------------------------------------------------
# Grid System
--------------------------------------------------------------*/
@media (min-width: 992px) { .content-sidebar-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
  .sidebar-left-right .content-sidebar-wrap, .sidebar-left-left .content-sidebar-wrap, .sidebar-right-right .content-sidebar-wrap { margin-left: -10px; margin-right: -10px; }
  .content-sidebar-wrap .site-main, .content-sidebar-wrap .sidebar { padding-left: 15px; padding-right: 15px; }
  .sidebar-left-right .content-sidebar-wrap .site-main, .sidebar-left-left .content-sidebar-wrap .site-main, .sidebar-right-right .content-sidebar-wrap .site-main, .sidebar-left-right .content-sidebar-wrap .sidebar, .sidebar-left-left .content-sidebar-wrap .sidebar, .sidebar-right-right .content-sidebar-wrap .sidebar { padding-left: 10px; padding-right: 10px; }
  .category .content-sidebar-wrap .site-main, .tax-product_cat .content-sidebar-wrap .site-main, .post-type-archive-product .content-sidebar-wrap .site-main, .category .content-sidebar-wrap .sidebar, .tax-product_cat .content-sidebar-wrap .sidebar, .post-type-archive-product .content-sidebar-wrap .sidebar { margin-bottom: 30px; }
  .home .content-sidebar-wrap { margin-left: 0; margin-right: 0; }
  .home .content-sidebar-wrap .site-main { padding-left: 0; padding-right: 0; }
  .no-sidebar .content-sidebar-wrap .site-main { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
  .page-template-page-fullwidth .content-sidebar-wrap .site-main, .home .content-sidebar-wrap .site-main { -ms-flex: 0 0 100% !important; -webkit-box-flex: 0 !important; flex: 0 0 100% !important; max-width: 100% !important; }
  .sidebar-left .content-sidebar-wrap .site-main, .sidebar-right .content-sidebar-wrap .site-main, .page-template-page-left-sidebar .content-sidebar-wrap .site-main, .page-template-page-right-sidebar .content-sidebar-wrap .site-main { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; }
  .sidebar-left-right .content-sidebar-wrap .site-main, .sidebar-left-left .content-sidebar-wrap .site-main, .sidebar-right-right .content-sidebar-wrap .site-main { -ms-flex: 0 0 60%; -webkit-box-flex: 0; flex: 0 0 60%; max-width: 60%; }
  .sidebar-right .content-sidebar-wrap .site-main, .sidebar-right-right .content-sidebar-wrap .site-main, .page-template-page-right-sidebar .content-sidebar-wrap .site-main { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .sidebar-left .content-sidebar-wrap .site-main, .sidebar-left-right .content-sidebar-wrap .site-main, .page-template-page-left-sidebar .content-sidebar-wrap .site-main { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .sidebar-left-left .content-sidebar-wrap .site-main { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
  .sidebar-left .content-sidebar-wrap .sidebar-primary, .sidebar-right .content-sidebar-wrap .sidebar-primary, .page-template-page-left-sidebar .content-sidebar-wrap .sidebar-primary, .page-template-page-right-sidebar .content-sidebar-wrap .sidebar-primary { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }
  .sidebar-left-right .content-sidebar-wrap .sidebar-primary, .sidebar-left-left .content-sidebar-wrap .sidebar-primary, .sidebar-right-right .content-sidebar-wrap .sidebar-primary { -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; }
  .sidebar-left .content-sidebar-wrap .sidebar-primary, .sidebar-left-right .content-sidebar-wrap .sidebar-primary, .sidebar-left-left .content-sidebar-wrap .sidebar-primary, .page-template-page-left-sidebar .content-sidebar-wrap .sidebar-primary { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .sidebar-right .content-sidebar-wrap .sidebar-primary, .sidebar-right-right .content-sidebar-wrap .sidebar-primary, .page-template-page-right-sidebar .content-sidebar-wrap .sidebar-primary { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .sidebar-left-right .content-sidebar-wrap .sidebar-secondary, .sidebar-left-left .content-sidebar-wrap .sidebar-secondary, .sidebar-right-right .content-sidebar-wrap .sidebar-secondary { -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; }
  .sidebar-left-left .content-sidebar-wrap .sidebar-secondary { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .sidebar-left-right .content-sidebar-wrap .sidebar-secondary, .sidebar-right-right .content-sidebar-wrap .sidebar-secondary { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } }
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-title, .site-description { font-size: 0; margin: 0; }

.site-header.header-banner #showmenu { right: 15px; }
.site-header.header-logo .logo img { margin: 10px 0; max-height: 80px; }
.site-header.header-logo-style2 .logo img { margin: 10px 0; }
.site-header .header-content { position: relative; }

.top-header { background: #EA232B; padding-top: 10px; padding-bottom: 9px; color: #FFF; }
.top-header .top-header__right { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.top-header .top-header__right .top-header__hotline { margin-right: 15px; }

.block-search .is-form-style .is-search-submit { border-radius: 3px; overflow: hidden; }
.block-search .is-form-style .is-search-submit path { fill: #FFF; }
.block-search .is-form-style input.is-search-input { border-radius: 3px !important; width: calc( 100% - 10px ); border-right: solid 1px #ccc !important; }
.block-search .is-search-icon { border: 0; border-radius: 3px; }
.block-search .is-ajax-search .is-loader-image { right: 15px; }

/*--------------------------------------------------------------
# Main Navigation
--------------------------------------------------------------*/
.main-navigation ul { padding: 0; margin: 0; }
.main-navigation ul.menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.main-navigation ul.menu li { position: relative; display: block; }
.main-navigation ul.menu li a { font-size: 14px; color: #FFF; display: block; padding: 10px 20px 10px 8px; font-weight: normal; text-transform: uppercase; }
.main-navigation ul.menu > li { padding: 0 20px; }
.main-navigation ul.menu > li > a { font-size: 15px; padding: 0 0px; line-height: 60px; height: 60px; font-weight: bold; color: #FFF; text-transform: uppercase; border-bottom: 2px solid transparent; }
.main-navigation ul.menu > li.menu-item-has-children > a { position: relative; padding-right: 20px; }
.main-navigation ul.menu > li.menu-item-has-children > a:after { content: ''; border: 2px solid black; border-bottom: none; border-right: none; -webkit-box-sizing: content-box; box-sizing: content-box; display: block; width: 6px; height: 6px; margin: auto; position: absolute; top: -4px; bottom: 0; -webkit-transform: rotate(225deg); transform: rotate(225deg); right: 6px; left: auto; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; }
.main-navigation ul.menu > li.menu-item-has-children:hover > a:after { top: 4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.main-navigation ul.menu > li.has-megamenu { position: static; }
.main-navigation ul.menu > li.has-megamenu ul.sub-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px; }
.main-navigation ul.menu > li.has-megamenu ul.sub-menu li { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; }
.main-navigation ul li:hover > ul { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.main-navigation ul ul { background-color: #EA232B; width: 250px; left: 20px; position: absolute; -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3); z-index: 99999; opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.main-navigation ul ul li a { border-bottom: 1px solid #f2f2f2; }
.main-navigation ul ul li:hover a { color: #FFF !important; background: #111; }
.main-navigation ul ul li:last-child a { border-bottom: none; }
.main-navigation ul ul li.menu-item-has-children > a:before { float: right; margin-right: -14px; line-height: 22px; content: "\f105"; font-family: 'Font Awesome 5 Pro'; }
.main-navigation ul ul li ul { position: absolute; left: 80%; top: -2px; opacity: 0; visibility: hidden; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.main-navigation ul ul li ul li { width: 100%; opacity: 1; }
.main-navigation ul ul li:hover > ul { left: 100%; opacity: 1; visibility: visible; }

.main-navigation ul.menu > li > a:hover, .main-navigation ul.menu > li.current-menu-item > a, .site-header.logo-left .main-navigation ul.menu > li > a:hover, .site-header.logo-left .main-navigation ul.menu > li.current-menu-item > a { color: #EA232B !important; border-bottom: 2px solid #EA232B; }

.site-header.header-banner .main-navigation, .site-header.header-logo-style2 .main-navigation { background: #EA232B; }

.site-header.header-logo .main-navigation { background: none; }
.site-header.header-logo .main-navigation ul.menu { float: right; }
.site-header.header-logo .main-navigation ul.menu > li > a { color: #333333; line-height: 100px; height: 100px; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
.heading { margin: 0 0 40px 0; font-size: 30px; color: #EA232B; font-weight: bold; line-height: 1.4; text-transform: uppercase; text-align: center; }
.heading a, .heading span { position: relative; display: inline-block; color: #EA232B; padding: 0 0 8px 0; }
.heading a:after, .heading span:after { content: ''; display: inline-block; position: absolute; bottom: -3px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 105px; height: 3px; background: #EA232B; }

.subheading { margin-bottom: 40px; text-align: center; }

.page-title, h1.entry-title { margin: 0 0 15px 0; font-size: 18px; color: #EA232B; font-weight: bold; line-height: 1.4; text-transform: uppercase; border-bottom: 3px solid #f2f2f2; }
.single .page-title, .single h1.entry-title { text-transform: initial; font-weight: 400; }
.page-title span, h1.entry-title span { position: relative; display: inline-block; color: #EA232B; padding: 0 0 8px 0; }
.page-title span:after, h1.entry-title span:after { content: ''; display: inline-block; position: absolute; bottom: -3px; left: 0; width: 100%; height: 3px; background: #EA232B; }

.post-type-archive-product .page-title { position: relative; padding-bottom: 10px; }
.post-type-archive-product .page-title span { padding-bottom: 0; }
.post-type-archive-product .page-title span:after { display: none; }
.post-type-archive-product .page-title:after { content: ''; display: inline-block; position: absolute; bottom: -3px; left: 0; width: 100px; height: 3px; background: #EA232B; }

.page-title-bar { padding: 20px 0 10px 0; margin-bottom: 20px; }
.page-title-bar .title { font-size: 24px; line-height: 1.4; margin-top: 0; }

.wtb-breadcrumb { background: #ececec; margin-bottom: 15px; }
.wtb-breadcrumb .rank-math-breadcrumb { padding: 10px 0; background: none; color: #333333; }
.wtb-breadcrumb .rank-math-breadcrumb p { margin-bottom: 0px; }

#back-top { margin: 0; }
#back-top a { display: block; -webkit-transition: 1s ease-in-out; transition: 1s ease-in-out; }
#back-top span { background: #EA232B url(lib/images/top.png) no-repeat center 50%; background-size: 25px; border-radius: 0px; height: 40px; width: 40px; position: fixed; bottom: 110px; right: 26px; z-index: 9; opacity: 1; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
#back-top span:hover { opacity: 1; }

iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; }

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.col-xs-15 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }

@media (min-width: 768px) { .col-sm-15 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } }
@media (min-width: 992px) { .col-md-15 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } }
@media (min-width: 1200px) { .col-lg-15 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } }
.wpcf7 label { font-weight: 500; display: block; }

.wpcf7 div.wpcf7-validation-errors { margin: 32px 0 16px; }

.wpcf7 span.wpcf7-not-valid-tip { margin: 5px 0; }

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border: none; }

div.wpcf7-response-output { padding: 12px 20px; }

.page_nav { text-align: center; margin-bottom: 20px; }
.page_nav * { display: inline-block; padding: 3px 10px; background: #FFF; border: 1px solid #EA232B; margin: 0; }
.page_nav .current, .page_nav .page-numbers:hover { background: #EA232B; color: #FFF; }

.screen-reader-text { display: none; }

.wpcf7 .form-group { margin-bottom: 15px; }
.wpcf7 .form-control { height: 34px; font-size: 14px; border-radius: 0; }
.wpcf7 .btn { min-width: 110px; border-radius: 0; border-color: #EA232B; background-color: #EA232B; color: #fff; }
.wpcf7 .btn:hover { background-color: #EA232B; border-color: #EA232B; }
.wpcf7 textarea.form-control { height: 160px; border-radius: 0; }

/*--------------------------------------------------------------
## Css Scrollbar
--------------------------------------------------------------*/
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; border-radius: 10px; }

::-webkit-scrollbar { width: 8px; background-color: #F5F5F5; }

::-webkit-scrollbar-thumb { background-color: #807d7d; border-radius: 8px; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft { display: inline; float: left; margin-right: 1.5em; }

.alignright { display: inline; float: right; margin-left: 1.5em; }

.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.content-sidebar-wrap:before, .content-sidebar-wrap:after { clear: both; display: table; content: " "; }

.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; }

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; }

/*--------------------------------------------------------------
# Sidebar - Widgets
--------------------------------------------------------------*/
.widget { margin: 0 0 24px; }
.sidebar .widget { margin: 0 0 30px 0; }
.sidebar .widget .widget-title { font-size: 15px; color: #FFF; font-weight: 600; text-transform: uppercase; text-align: center; background: #EA232B; padding: 10px 10px; margin: 0; }
.sidebar .widget ul { padding: 0; margin: 0; list-style: none; }
.widget select { max-width: 100%; }

.sidebar .widget_nav_menu > div, .widget_supports .list-supporter, .sidebar .content-feature-page, .sidebar .slider-products, .sidebar .list-post-item, .sidebar .widget_text .textwidget, .sidebar .widget_recently_viewed_products .product_list_widget { border: 1px solid #cccccc; }

.sidebar .widget_list_posts .list-post-item, .sidebar .widget_list_view_posts .list-post-item, .sidebar .widget .content-feature-page, .sidebar .textwidget, .sidebar .widget_recently_viewed_products .product_list_widget { padding: 10px; }

.sidebar .content-feature-page { padding: 10px 10px 0 10px; }

/* Widget Custom Menu */
.widget_nav_menu ul li { position: relative; }
.widget_nav_menu ul li a { font-size: 14px; font-weight: normal; display: block; color: #333333; position: relative; padding: 10px 10px; }
.widget_nav_menu ul li.current-menu-item > a { color: #EA232B; }
.widget_nav_menu ul li.menu-item-has-children ul { display: none; padding: 0 0 0 10px; }
.widget_nav_menu ul li.menu-item-has-children .arrow { position: absolute; top: 0; right: 0; width: 39px; height: 39px; cursor: pointer; text-align: center; line-height: 25px; color: #333333; background: rgba(255, 255, 255, 0.085); -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; }
.widget_nav_menu ul li.menu-item-has-children .arrow:before { content: '\f067'; font-family: 'Font Awesome 5 Pro'; position: absolute; top: 8px; left: 15px; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; }
.widget_nav_menu ul li.open > .arrow:before { content: '\f068'; }
.widget_nav_menu ul li:hover > a { color: #EA232B; }

.site-footer .widget_nav_menu ul li { border-bottom: 0 !important; }
.site-footer .widget_nav_menu ul > li.menu-item-has-children > a { color: #FFF; }
.site-footer .widget_nav_menu ul > li.menu-item-has-children .arrow { width: 34px; height: 34px; background: transparent; }
.site-footer .widget_nav_menu ul > li.menu-item-has-children .arrow:before { color: #FFF; top: 5px; left: initial; right: 1px; }

/* Widget Search */
.search-form { position: relative; }
.search-form label { width: 100%; margin-bottom: 0; }
.search-form input[type=search], .search-form input[type=submit] { height: 29px; outline: none; border: none; }
.search-form input[type=search] { width: 100%; background: none; color: #333333; font-weight: normal; padding: 4px 39px 4px 10px; }
.search-form input[type=search]::-webkit-input-placeholder, .search-form input[type=search]::-moz-placeholder, .search-form input[type=search]:-ms-input-placeholder, .search-form input[type=search]:-moz-placeholder { color: #333333; }
.search-form input[type=submit] { position: absolute; top: 0; right: 0; z-index: 1; background: url(lib/images/btsearch.png) center center no-repeat; text-indent: -9999px; width: 29px; cursor: pointer; }
.sidebar .search-form { padding: 4px 12px; background: #176fc8; overflow: hidden; }
.site-header .search-form { position: absolute; top: 6px; right: 5px; z-index: 9; width: 200px; border-radius: 3px; background: #FFF; overflow: hidden; }
.site-header .search-form input[type=search] { color: #333333; }
.not-found .search-form { display: -webkit-box; display: -ms-flexbox; display: flex; }
.not-found .search-form label { -webkit-box-flex: 1 !important; -ms-flex: auto !important; flex: auto !important; margin-right: 8px; }
.not-found .search-form input[type=search] { color: #333333; height: 34px; padding: 4px 10px; border: 1px solid #d1d5da; border-radius: 3px; outline: none; -webkit-box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075); box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075); }
.not-found .search-form input[type=search]::-webkit-input-placeholder, .not-found .search-form input[type=search]::-moz-placeholder, .not-found .search-form input[type=search]:-ms-input-placeholder, .not-found .search-form input[type=search]:-moz-placeholder { color: #333333; }
.not-found .search-form input[type=submit] { font-size: 14px; height: 34px; position: static; background: none; text-indent: 0; width: auto; cursor: pointer; padding: 6px 12px; background-color: #eff3f6; background-image: -webkit-gradient(linear, left top, left bottom, from(#fafbfc), color-stop(90%, #eff3f6)); background-image: linear-gradient(-180deg, #fafbfc, #eff3f6 90%); border: 1px solid rgba(27, 31, 35, 0.2); border-radius: 4px; }

/* Widget Recent Posts */
.sidebar .widget_recent_entries ul li { padding: 5px 10px; border-bottom: 1px solid #cccccc; }
.sidebar .widget_recent_entries ul li:last-child { border-bottom: none; }
.sidebar .widget_recent_entries ul li .post-date { display: block; }

/* Widget Recent Posts */
.widget .list-post-item li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #cccccc; display: inline-block; clear: both; }
.widget .list-post-item li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.widget .list-post-item .post:after { clear: both; }
.widget .list-post-item .alignleft { width: 100px; height: 80px; margin-right: 10px; }
.widget .list-post-item .alignleft img { width: 100%; height: 100%; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; }
.widget .list-post-item .alignright { width: 100px; height: 80px; margin-left: 10px; }
.widget .list-post-item .alignright img { width: 100%; height: 100%; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; }
.widget .list-post-item .aligncenter { text-align: center; }
.widget .list-post-item h3 { margin: 0 0 5px 0; font-size: 14px; font-weight: 500; line-height: 1.2; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.widget .list-post-item h3 a { color: inherit; }

/* Widget Support */
@media (min-width: 1200px) { .widget_supports .list-supporter { padding-top: 190px; background-image: url(lib/images/bg-support.png); background-repeat: no-repeat; background-position: top center; background-size: contain; } }
.widget_supports .list-supporter .email { padding: 5px 10px; font-weight: 600; line-height: 20px; }
.widget_supports .phone { font-size: 20px; color: #ff0000; font-weight: bold; }
.widget_supports .support-style-1 { background-color: #FFF; }
.widget_supports .support-style-1 .supporter { padding: 0 10px 10px 10px; }
.widget_supports .support-style-1 li { padding: 5px 0; font-size: 14px; color: #333333; border-top: 1px solid #333; }
.widget_supports .support-style-1 li:first-child { border-top: none; }
.widget_supports .support-style-1 li:last-child { border-bottom: none; }
.widget_supports .support-style-1 i { width: 22px; margin-right: 12px; }
.widget_supports .support-style-2 .supporter { margin: 0 8px; padding: 5px 8px 5px 50px; border-top: 1px solid #dddddd; background: url(lib/images/ic-phone.png) 7px 10px no-repeat; position: relative; }
.widget_supports .support-style-2 .supporter:first-child { border-top: none; }
.widget_supports .support-style-2 .name { font-weight: 600; }
.widget_supports .support-style-2 .skype { position: absolute; right: 7px; bottom: 10px; z-index: 1; }
.widget_supports .support-style-2 .email a { color: #333333; }
.widget_supports .support-style-3 .supporter:not(:last-child) { border-bottom: 1px solid #dfdfdf; }
.widget_supports .support-style-3 ul { position: relative; padding: 8px 10px; }
.widget_supports .support-style-3 .name { font-size: 12px; color: #333333; }
.widget_supports .support-style-3 .phone { line-height: 24px; }
.widget_supports .support-style-3 .social { position: absolute; bottom: 10px; right: 8px; z-index: 1; }
.widget_supports .support-style-3 .social a { display: inline-block; margin-left: 4px; }

/* Widget Slider Posts */
.sidebar .widget_listpost_widget ul { padding: 20px 10px; background: #fafafa; }

.cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; }

/* Slick Slider */
html .slick-slider.slick-carousel { margin-left: -15px; margin-right: -15px; }
html .slick-slider.slick-carousel.slick-dotted { padding-bottom: 40px; margin-bottom: 0; }
html .slick-slider .slick-slide { padding-left: 15px; padding-right: 15px; }
html .slick-slider .slick-slide, html .slick-slider .slick-slide a { outline: none; }
html .slick-slider .slick-arrow { z-index: 1; }
html .slick-slider .slick-arrow:before { font-family: 'Font Awesome 5 Pro'; color: #EA232B; opacity: 1; }
html .slick-slider .slick-arrow.slick-next { right: -15px; }
html .slick-slider .slick-arrow.slick-next:before { content: "\f054" !important; }
html .slick-slider .slick-arrow.slick-prev { left: -15px; }
html .slick-slider .slick-arrow.slick-prev:before { content: "\f053" !important; }
@media (max-width: 767.98px) { html .slick-slider.slick-carousel { margin-left: -5px; margin-right: -5px; }
  html .slick-slider .slick-slide { padding-left: 5px; padding-right: 5px; }
  html .slick-slider .slick-prev { left: 5px; }
  html .slick-slider .slick-next { right: 5px; } }
html .slick-slider .slick-dots { bottom: 10px; }
html .slick-slider .slick-dots li { margin: 0; }
html .slick-slider .slick-dots li button:before { font-size: 14px; color: #d8d8d8; }
html .slick-slider .slick-dots li.slick-active button:before { color: #EA232B; opacity: 1; }

/* Widget Featured Page */
.widget_featuredpage .entry-title { font-size: 15px; font-weight: 600; line-height: 1.4; margin: 0; }
.widget_featuredpage .entry-title a { color: #EA232B; }
.widget_featuredpage .alignleft, .widget_featuredpage .alignright { width: 30%; }
.widget_featuredpage .alignleft { margin-right: 10px; }
.widget_featuredpage .alignright { margin-left: 10px; }
.widget_featuredpage p { font-size: 13px; text-align: justify; }

/* Widget Information */
.widget_information li { padding: 3px 0 3px 22px; position: relative; }
.widget_information li i { font-size: 12px; position: absolute; left: 0; top: 7px; width: 14px; text-align: center; color: #EA232B; }
.widget_information li.label-company { padding-left: 0; text-transform: uppercase; font-weight: bold; }
.widget_information li.label-company i { display: none; }

/* Widget Social */
.widget_social ul { margin: 0; padding: 0; }
.widget_social ul li { display: inline-block; margin-right: 5px; }
.widget_social ul li:last-child { margin-right: 0; }
.widget_social ul li a { font-size: 1rem; display: inline-block; color: #333; text-align: center; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.widget_social ul li a:hover { -webkit-transform: translate(0, -5px); transform: translate(0, -5px); }
.widget_social ul li.icon_facebook a { color: #3b5999; }
.widget_social ul li.icon_twitter a { color: #55acee; }
.widget_social ul li.icon_youtube a { color: #cd201f; }
.widget_social ul li.icon_linkedin a { color: #0077B5; }
.widget_social ul li.icon_pinterest a { color: #bd081c; }
.widget_social ul li.icon_instagram a { color: #e4405f; }

/* Widget Tag Cloud */
.tagcloud a { font-size: 14px !important; display: inline-block; border: 1px solid #EA232B; margin: 0 3px 5px 0; padding: 2px 5px; border-radius: 3px; color: #EA232B; }
.tagcloud a:hover { background: #EA232B; color: #FFF; }

/* Slideshow container */
@-webkit-keyframes fade { from { opacity: .1; }
  to { opacity: 1; } }
@keyframes fade { from { opacity: .1; }
  to { opacity: 1; } }
/* On smaller screens, decrease text size */
.carousel-slider { position: relative; margin: 0 auto 0px; }
.carousel-slider .slideshow-item { display: none; }
.carousel-slider img { vertical-align: middle; }
.carousel-slider .carousel-caption { font-size: 15px; padding: 8px 12px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; text-align: center; }
.carousel-slider .carousel-caption a { color: #333333; }
.carousel-slider .carousel-arrows .prev, .carousel-slider .carousel-arrows .next { cursor: pointer; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; line-height: 40px; text-align: center; color: white; font-weight: bold; font-size: 18px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0; visibility: hidden; }
.carousel-slider .carousel-arrows .prev { left: 0; border-radius: 0 3px 3px 0; }
.carousel-slider .carousel-arrows .prev:hover { background-color: rgba(0, 0, 0, 0.8); }
.carousel-slider .carousel-arrows .next { right: 0; border-radius: 3px 0 0 3px; }
.carousel-slider .carousel-arrows .next:hover { background-color: rgba(0, 0, 0, 0.8); }
.carousel-slider .carousel-dots { text-align: center; position: absolute; bottom: 10px; left: 0; right: 0; }
.carousel-slider .carousel-dots .dot { cursor: pointer; height: 10px; width: 10px; margin: 0 2px; background-color: #dbdbdb; border-radius: 50%; display: inline-block; -webkit-transition: background-color 0.6s ease; transition: background-color 0.6s ease; }
.carousel-slider .carousel-dots .dot:hover { background-color: #EA232B; }
.carousel-slider .carousel-dots .dot.active { background-color: #EA232B; }
.carousel-slider .fade { -webkit-animation-name: fade; animation-name: fade; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: linear; animation-timing-function: linear; }
.carousel-slider:hover .prev, .carousel-slider:hover .next { opacity: 1; visibility: visible; }

@media only screen and (max-width: 300px) { .slideshow-container .carousel-arrows .prev { font-size: 11px; }
  .slideshow-container .carousel-arrows .next { font-size: 11px; }
  .slideshow-container .carousel-caption { font-size: 11px; } }
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky { display: block; }

.hentry { margin: 0 0 30px; }

.byline, .updated:not(.published) { display: none; }

.single .byline, .group-blog .byline { display: inline; }

.page-links { clear: both; margin: 0 0 30px; }

.single .hentry { margin-bottom: 15px; }
.single .site-main article.post > .entry-content { line-height: 1.8; margin-bottom: 20px; }
.single .entry-content table tr td { padding: 8px; line-height: 1.42857143; }

.entry-meta { font-size: 13px; margin-bottom: 10px; }
.entry-meta span { color: #747474; display: inline-block; margin-right: 10px; }
.entry-meta span i { color: #747474; }

.socials-share { padding: 14px 0 14px 0; margin-bottom: 20px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.socials-share .share_unit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.socials-share a { margin-right: 8px; display: inline-block !important; width: 30px !important; height: 30px !important; line-height: 30px !important; text-align: center; text-align: center; background: #EA232B; color: #fff; border-radius: 5px; }
.socials-share a.zalo-share-button { padding: 5px; }

.post-next-prev { border-bottom: 1px solid #ebebeb; margin: 20px 0; }
.post-next-prev .post-next-prev-content span { display: block; font-size: 12px; color: #c1c1c1; margin-bottom: 7px; }
.post-next-prev .post-next-prev-content a { display: block; color: #222; margin-bottom: 20px; }

.related-posts { margin-bottom: 30px; }
.related-posts .related-title { font-weight: bold; font-size: 20px; margin-bottom: 15px; text-transform: uppercase; }
.related-posts ul { padding-left: 0; list-style-position: inside; }
.related-posts ul li { margin-bottom: 5px; }
.related-posts ul li a { color: #333333; }

.sidebar .widget_nav_menu ul li a:hover, .post-next-prev-content a:hover, .related-posts ul li a:hover, .item-product-slide h3 a:hover, .widget .list-post-item h3 a:hover, .new-list article .more-link { color: #EA232B; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object { max-width: 100%; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption { margin-bottom: 24px; max-width: 100%; }
.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; }
.wp-caption .wp-caption-text { margin: 12.92px 0; text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery { margin-bottom: 24px; }

.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-3 .gallery-item { max-width: 33.33%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }

.gallery-caption { display: block; }

/*--------------------------------------------------------------
## Account
--------------------------------------------------------------*/
.FormAccount .is-relative { position: relative; }
.FormAccount .is-absolute { position: absolute; top: 8px; right: 10px; }
.FormAccount .form-control { border-radius: 0; }
.FormAccount .btn { border-radius: 0; }
.FormAccount .form-text { margin-bottom: 10px; }
.FormAccount .submit_button { background: #EA232B; color: #FFF; }
.FormAccount .btn-warning { color: #fff; }
.FormAccount .error { margin-top: 10px; }
.FormAccount .ui-datepicker { z-index: 9999 !important; background: #FFF; padding: 15px; border: 1px solid #dedede; }
.FormAccount .ui-datepicker .ui-datepicker-header { text-align: center; }
.FormAccount .ui-datepicker .ui-datepicker-header a { margin: 0 4px 2px; cursor: pointer; }
.FormAccount .ui-datepicker .ui-datepicker-title { text-align: center; }
.FormAccount .ui-datepicker .ui-datepicker-title select { margin: 2px 4px; }
.FormAccount .ui-datepicker .ui-datepicker-calendar thead th { padding: 5px; }

/*--------------------------------------------------------------
## Category
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Shortcode 
--------------------------------------------------------------*/
/* Shortcode Blog */
.blog-shortcode .post-item .post-info:hover .post-info__thumb a img { -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); opacity: 0.5; }
.blog-shortcode .post-item .post-info:hover .post-info__thumb a:before { -webkit-animation: circle 1.5s; animation: circle 1.5s; }
.blog-shortcode .post-item .post-info__thumb a { overflow: hidden; display: block; position: relative; background: #FFF; }
.blog-shortcode .post-item .post-info__thumb a img { width: 100%; height: auto; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.blog-shortcode .post-item .post-info__content { margin: 0; }
.blog-shortcode .post-item .post-info__meta { color: #888; margin-bottom: 5px; }
.blog-shortcode .post-item .post-info__meta i { margin-right: 5px; }
.blog-shortcode .post-item .post-info__cat { margin-top: 5px; font-weight: bold; text-transform: uppercase; }
.blog-shortcode .post-item .post-info__title { margin: 5px 0 5px 0; font-size: 15px; font-weight: 600; line-height: 22.4px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.blog-shortcode .post-item .post-info__title a { color: #333333; }
.blog-shortcode .post-item .post-info__title a:hover { color: #EA232B; }
.blog-shortcode .post-item .post-info__description { text-align: justify; line-height: 1.4; }
.blog-shortcode.style-1 .post-info__thumb { float: left; width: 25%; margin-right: 15px; }
.blog-shortcode.style-1 .post-info__title { margin: 0 0 5px 0; }
.blog-shortcode.style-1 .post-info__title a { color: #333333; }
.blog-shortcode.style-1 .post-info__title a:hover { color: #EA232B; }
.blog-shortcode.style-1 .post-info__description p { margin-bottom: 5px; }
.blog-shortcode.style-5 .post-info { margin-bottom: 0; }
.blog-shortcode.style-5 .post-info__thumb { float: left; width: 110px; margin-right: 15px; }
.blog-shortcode.style-5 .post-info__title { margin-top: 0; }
.blog-shortcode.style-5 .post-info__description { font-size: 13px; }
.blog-shortcode.style-6 .post-info__thumb { padding: 3px; background: #FFF; border: 1px solid #cdcdcd; }
.blog-shortcode.style-6 .post-info__title { color: #333333; }
.blog-shortcode.style-6 .post-info__title:hover { color: #EA232B; }
.blog-shortcode.style-6 .first-element-layout, .blog-shortcode.style-6 .second-element-layout { margin-bottom: 20px; }
.blog-shortcode.style-6 .first-element-layout .element { margin-bottom: 0; }
.blog-shortcode.style-6 .second-element-layout .element:not(:last-child) { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #dfdfdf; }
.blog-shortcode.style-6 .second-element-layout .element:last-child { margin-bottom: 0; }
.blog-shortcode.style-6 .second-element-layout .post-info__thumb { float: left; width: 110px; margin-right: 15px; }
.blog-shortcode.style-6 .second-element-layout .post-info__title { margin-top: 0; }
.blog-shortcode.style-7 .first-element-layout .element .post-info__thumb { float: left; width: 30%; margin-right: 20px; }
.blog-shortcode.style-7 .first-element-layout .element .post-info__title { margin: 0 0 5px 0; }
.blog-shortcode.style-7 .second-element-layout { margin-bottom: 20px; }
.blog-shortcode.style-7 .second-element-layout .element { margin-bottom: 5px; }
.blog-shortcode.style-7 .second-element-layout .element .post-info__title { margin: 0; }
.blog-shortcode.style-7 .second-element-layout .element .post-info__title a:before { content: ''; display: inline-block; width: 5px; height: 5px; background: #EA232B; border-radius: 50%; position: relative; top: -2px; margin-right: 5px; }
.blog-shortcode.style-8 .element .post-info { position: relative; }
.blog-shortcode.style-8 .element .post-info__content { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 9; background-color: rgba(0, 0, 0, 0.5); padding: 10px 10px; }
.blog-shortcode.style-8 .element .post-info__title { font-size: 14px; line-height: 20px; margin: 0; }
.blog-shortcode.style-8 .element .post-info__title a { display: block; color: #FFF; max-height: 40px; overflow: hidden; }

/*--------------------------------------------------------------
## Menu Mobile 
--------------------------------------------------------------*/
.toplg { height: 90px; display: table; width: 100%; overflow: hidden; text-align: center; }
.toplg a { display: table-cell; vertical-align: middle; }
.toplg a img { display: inline; max-height: 70px; margin: 0 auto; }

.panel-overlay { opacity: 0; filter: alpha(opacity=0); }
.panel-overlay.active { background: #000; position: fixed; left: 0; right: 0; top: 0; bottom: 0; min-height: 100vh; opacity: 0.6; filter: alpha(opacity=35); -webkit-transition: opacity 0.2s ease-in-out 0s; transition: opacity 0.2s ease-in-out 0s; }

#showmenu { height: 50px; width: 50px; position: absolute; top: 19px; right: -9px; z-index: 5; cursor: pointer; }
#showmenu .offcanvas-toggle { width: 50px; height: 50px; text-align: center; position: relative; display: inline-block; }
#showmenu svg { width: 50px; height: 50px; text-align: center; position: relative; }
#showmenu svg path { -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); fill: none; stroke-dashoffset: 0; stroke-linecap: round; stroke-width: 30px; }
#showmenu svg path#top, #showmenu svg path#bottom { stroke-dasharray: 240px 950px; }
#showmenu svg path#middle { stroke-dasharray: 240px 240px; }
#showmenu .close { pointer-events: none; }
#showmenu .close svg path#top, #showmenu .close svg path#bottom { stroke-dasharray: -650px; stroke-dashoffset: -650px; }
#showmenu .close svg path#middle { stroke-dasharray: 1px 220px; stroke-dashoffset: -115px; }
#showmenu.hamburger svg path { stroke: #333; }

#page { -webkit-overflow-scrolling: touch; -webkit-transition: 0.45s; transition: 0.45s; }

.nav-is-toggled { position: relative; overflow: hidden; }
.nav-is-toggled #mobilenav { -webkit-transform: translateX(0); transform: translateX(0); }
.nav-is-toggled #showmenu span { background: transparent; }
.nav-is-toggled #showmenu span:before { -webkit-transform: rotate(45deg) translate(7px, 7px); transform: rotate(45deg) translate(7px, 7px); opacity: 1; }
.nav-is-toggled #showmenu span:after { -webkit-transform: rotate(-45deg) translate(7px, -7px); transform: rotate(-45deg) translate(7px, -7px); }
.nav-is-toggled .menu_close { position: absolute; top: 5px; right: 10px; font-size: 20px; color: #333333; cursor: pointer; }

.nav-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; z-index: 101; padding: 10px 20px; width: 100%; height: 50px; background-color: #188976; }
.nav-top .hamburger { margin-left: auto; color: #fff; cursor: pointer; }

#mobilenav { -webkit-transform: translateX(-100%); transform: translateX(-100%); display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; z-index: 99999999; top: 0; left: 0; width: 300px; height: 100vh; background-color: #fff; -webkit-overflow-scrolling: touch; -webkit-transition: 0.45s; transition: 0.45s; overflow: hidden; }
#mobilenav li { position: relative; }
#mobilenav .mobile-menu > li:not(:last-child) { border-bottom: solid 1px #EA232B; }
#mobilenav .mobile-menu a { display: block; padding: 7px 10px 6px; background-color: #fff; color: #EA232B; line-height: 24px; }
#mobilenav .sub-menu { display: none; }
#mobilenav .arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; position: absolute; top: 0; right: 0; width: 37px; height: 37px; text-align: center; line-height: 37px; display: inline-block; }
#mobilenav .arrow::after { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; content: '\f107'; font-family: 'Font Awesome 5 Pro'; }
#mobilenav .open > .arrow::after { content: '\f106' !important; }
#mobilenav .menu-item-has-children { position: relative; }
#mobilenav .menu-item-has-children ul { padding-left: 20px; }
#mobilenav .menu-item-has-children.active > .sub-menu { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); visibility: visible; }

.logged-in .mobilenav__inner { padding-top: 46px; }

.mobilenav__inner { width: 100%; overflow-y: auto; overflow-x: hidden; position: relative; }

#mobilenav .mobile-menu, #mobilenav .sub-menu { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; list-style: none; padding: 0; margin: 0; }

/*--------------------------------------------------------------
## Footer 
--------------------------------------------------------------*/
.site-footer { color: #FFF; }
.site-footer a { color: #FFF; }

.footer-widgets { padding: 40px 0 20px 0; background: url("lib/images/bg-ft.jpg") center no-repeat; background-size: cover; }
.footer-widgets h4.widget-title { font-weight: bold; font-size: 18px; text-transform: uppercase; margin-bottom: 20px; }
.footer-widgets ul { padding-left: 0; list-style: none; }
.footer-widgets ul ul { display: none; }
.footer-widgets .widget_nav_menu ul li { position: relative; padding: 0px; }
.footer-widgets .widget_nav_menu ul li a { color: #FFF; padding-left: 15px; }
.footer-widgets .widget_nav_menu ul li a:before { position: absolute; top: 18px; left: 0; content: "\f111"; font-family: 'Font Awesome 5 Pro'; font-weight: bold; font-size: 5px; color: #EA232B; }
.footer-widgets .widget_nav_menu ul li a:hover { text-decoration: underline; }

.site-info { padding: 10px 0; background: #222222; }
.site-info span { color: #EA232B; }
.site-info p { margin-bottom: 0; }

/*--------------------------------------------------------------
## Custom Css 
--------------------------------------------------------------*/
.home .site-content > .container { max-width: 100%; padding-left: 0; padding-right: 0; }

.mb-30 { margin-bottom: 30px; }

#about { background: #F9F9FB; padding-top: 60px; padding-bottom: 14px; }
#about .heading { margin-bottom: 20px; }
#about .about-wrap__block h3 { font-weight: bold; font-size: 18px; margin-top: 18px; margin-bottom: 16px; }

#contact { padding-top: 60px; padding-bottom: 60px; background: #F9F9FB; }
#contact .heading { margin-bottom: 20px; }
#contact .contact-wrap__block h3 { font-size: 16px; font-weight: bold; }
#contact .contact-wrap__block h3 a { color: #333333; }
#contact .contact-wrap__block h3 a span { display: block; }

/*--------------------------------------------------------------
## Responsive 
--------------------------------------------------------------*/
/* Extra large devices (large desktops) */
/* Large devices (desktops, less than 1200px) */
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { #site-navigation, .sidebar .widget_nav_menu ul ul, .at-share-dock-outer { display: none; }
  .site-boxed .site-content { padding-left: 15px; padding-right: 15px; }
  .top-header .top-header__right { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; }
  #about { padding-top: 30px; padding-bottom: 0; }
  #about .about-wrap__block h3 { font-size: 16px; margin-top: 10px; margin-bottom: 10px; }
  .heading { font-size: 24px; }
  #contact { padding-top: 30px; padding-bottom: 20px; } }
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { .site-info, .site-info * { text-align: center; }
  .heading { font-size: 20px; } }
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { .blog-shortcode .row { margin-left: -5px; margin-right: -5px; }
  .blog-shortcode .row [class*='col'] { padding-left: 5px; padding-right: 5px; } }
/*# sourceMappingURL=style.css.map */